PROJECT 1: BUILDING A WEB SITE USING HTML5 BLOCKING ELEMENTS

In the article chapter of this section you were introduced to the new SECTION, ARTICLE, NAVIGATION, ASIDE, HEADER, and FOOTER elements in HTML5 that allow you to apply a more easily readable structure to your web site design. In this project chapter you will be building an entire web site that uses the new HTML5 blocking elements to illustrate how you can more effectively structure your code.

The site will consist of four pages, as follows:

•  Home page

•  Product page

•  News page

•  Contact us page

Each of these pages demonstrates how you can use HTML5 in your web site design. By the time you have completed this project you will able to apply blocking to your new site design.

Get HTML5 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.