Using Templates to Make a Website
One way to save a lot of time when making a website is to use templates.
Template pages will also help you to develop consistency throughout your web site.
When you have progressed far enough to develop a style for your site, create an HTML page with all of your basic settings.
Use divisions and CSS to structure web pages and set the attributes accordingly.
If you like certain fonts place the desired font selections using style sheets.
If you use a footer, place it at the bottom.
Place all of your navigational tools.
After you have placed all of your favorite tags on your page, save it as mytemplate.html or a similar name.
Then, when you begin a new page, load the template page and immediately save as the name of the new page that you will be working on. Then make the necessary additions to the page.
More Helps
Be sure to try our latest tutorial on Learning the Basics of Liquid Web Pages.
Free Responsive Web Design Templates
Browse our collection of free web templates or visit Website Design Tutorial and learn how to build your own.
Free Tools and Resources We Recommend
Need more advanced information? Visit our Web Developer Resources page for a collection of other great tutorials and reference guides on the subjects of HTML5, CSS3, Responsive Design and SEO.
- Free Responsive Web Design Certification freeCodeCamp
- freeCodeCamp is a proven path to your first software developer job.
- More than 40,000 people have gotten developer jobs after completing this – including at big companies like Google and Microsoft.
- Finally, you'll learn how to make webpages that respond to different screen sizes by building a Twitter card with Flexbox, and a complex blog layout with CSS Grid.
- FREE Certification Courses!!
- Free Ebook How to Code in HTML5 and CSS3
- "How to Code in HTML5 and CSS3" is a free e-book about making websites in HTML5 and CSS for absolute beginners. It doesn't require any experience in IT to start....
- FREE HTML Editor (Windows): NoteTab Light
- All the features of a commercial HTML editor.
- FREE Apache Server (Windows): IndigoAmpp
- Set up a real time server environment right on your PC. Test forms and scripts before uploading to your web space.
- Linux Users
- If like us, you've left the insane world of Microsoft Windows for the even worse experience of Linux, we recommend the BlueFish HTML editor. You'll find it in your software repository. It does have some QUIRKS, but it's FREE.
- For image resizing we've found the easiest Linux tool to be Krita.
Have you tried our FREE Responsive Design template kit? Download Template #402 - 6 Page Kit