How To Copy Website Template

Creating a website is ane of those tasks that is often approached with great enthusiasm.. until information technology's fourth dimension to really start.

For a web designer, staring at a bare screen can be only as daunting every bit whatever writer staring at a blank folio.

Seeking inspiration, yous'll often fire up your browser and start surfing the web, scrolling down folio after folio, waiting for inspiration to strike.

Once it does, what exercise you do? When you finally stumble upon a site you lot dearest, how do you create a comparable masterpiece, without stepping on anyone'southward toes?

In that location are a couple of ways to pay homage to your "muse", without getting stuck in a sticky copyright spot.

Copying the files

While it may seem elementary to just re-create the HTML and CSS that your browser downloaded and alter information technology to suit your needs, it may finish up being more trouble than it'due south worth. Capturing all of the files could involve hours of tracing through the header of the page, or trying to save every call on the network tab of your developer tools.

There are, of course, tools you can use to simplify this process.

Applications like HTTrack requite users the ability to download entire websites, mirroring the directory structure, files, and images that would be nowadays on the server. Y'all tin can then view the code and update your ain as desired. This allows yous to view the actual HTML and CSS used by the site y'all wish to re-create, before testing locally and offline. This is the closest way to actually "copy" a website.

However, there are a couple of downsides to this method.

Many websites – especially those that take sophisticated CSS or any kind of javascript driving their user feel – will near likely minimize and uglify their lawmaking. This means that the whitespace and variable names that brand the code readable by humans accept been stripped out, rendering the code a jumble of letters and numbers that would requite fifty-fifty the most experienced web developer a headache, should he or she endeavor to read information technology.

There are tools to "un-minify" the code, but successfully doing and so requires at to the lowest degree a basic working knowledge of CSS rules and javascript.

When copying the actual code in this manner, you also have to be more than conscientious to avoid making a direct re-create, which could put you in violation of copyright. Typically, as long as the content is unique and some changes were made to fit your needs, you'll be safe. All the same, this small take a chance is something to be aware of, if you use this method.

Copying the blueprint

Another means past which you can describe inspiration from the work of another designer is using a WYSIWYG (what you run across is what you lot go) website creator.

Designers see the finished product of other designers and so permit that piece of work inspire, every bit they create their own. If you lot're not an expert web developer who is able to see the website and sympathize how information technology came to be, these applications give you the tools to practice information technology yourself.

Website builders like Pagecloud requite their users the power to create sites with a elevate and drop interfaces. In this way, you can mirror the page you similar, while the generated code underneath is unique. Working with your page editor on i side of your screen, with the page you're trying to emulate on the other, you can design your page, based on any folio you like.

You can sign up for a Pagecloud and experience the WYSIWYG editor along with many other web design features.

The best part about site builders is that they allow inexperienced users to really stretch, creatively speaking.

Even if y'all don't know how to write CSS and JavaScript, yous tin use the WYSIWYG interface to try out new things, once you take the basics created. You may determine to build on or expand on what was on the site you wanted to re-create in the first place, catastrophe up with something uniquely yours.

When starting out, many people don't understand the importance of web design and its touch on on SEO. Once they do, they realize it can be very difficult work.

Using an existing website as a template is not only a tried-and-true method that is used quite frequently, merely it's also a good manner to start when creating your ain. After all, how you create your design isn't equally important as the blueprint itself, every bit that's what ultimately reaches (and hopefully converts) your potential customers.

Want to create a website?

You can design and publish a one folio website absolutely gratuitous with the Pagecloud website architect! Get started today for free!