Web Page Layout #6
Tutorial on How to Design a Web Template
These templates are more for educational purposes than actual use.
The HTML5 code used to develop the structure will vary in each template. Some will use new elements introduced in HTML5.
All use CSS3 in different ways to enhance the appearance of the HTML code.
Layout #6 uses 4 main divisions.
The first division (header element) is divided into 2 columns to make the heading.
The second is a single column division (nav element) and is used for our links.
The third division is divided into 2 columns and forms our body content. The columns are created using nested divisions.
The fourth is a single column division (footer element) and is used for our footer.
Preview Template #6
You can download the web page code , style sheet and images in a zip file for further study.