Setting Up Template Pages
Creating a website goes a lot faster if a basic page template is set up which can be duplicated every time a new page is required
Typically, this template would contain the header with website name h1 heading and navigation. The h2 page name should be placed at the top of the content area. It can also contain the footer but there is an obvious disadvantage to doing this from the point of view of maintaining the logical flow of the HTML document content.
Other template pages can be setup with the most used content blocks. These are pre styled with the default fonts, color, background color, box shadow and so on. When a particular content block is required it can be copied and pasted quickly to a new web page.
The following pages of this section illustrate how the same content blocks can be used to lay out a site for both computers/tablets and smart phones by simply adjusting their width and changing their position.
Using blocks like this also helps to create a clean, uniform look to the overall website design which will result in a lot better visitor experience.
Use blocks to group related content such as contact info. This is particularly important for a high street business where the name, street address and phone number should be really easy to find on every page of the site - not just the contact page.
All the different HTML5 element blocks are available in three different types - text with heading, text with heading wrapping an image and full width image with heading, alt text and descriptive text.