O'Reilly logo

HTML5 Mobile Websites 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: DEVELOPING YOUR FIRST MOBILE WEBSITE

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

The website will consist of four pages:

•   Home page

•   Product page

•   News page

•   Contact us

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

What You Will Need

To get started with this project you will need ...

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