O'Reilly logo

HTML5 by Matthew David

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required