November 2012
Intermediate to advanced
384 pages
8h
English
Content preview from HTML5 Foundations
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
chapter two
Structuring a Web Page
Chapter 1 explained how to use elements and attributes to create a simple web page. As you progress through this chapter, you will learn about a number of elements used to create web page layouts, including the <header>, <footer>, and <section> elements.
You will also start working on the example website that you will continue to develop throughout this book, beginning by planning the pages of the website and then creating wireframes for the page layouts. The objective of this chapter is to convert these wireframes into web page templates using a collection of new HTML5 elements. In Chapters 3 and 4, you use these page templates to create all the pages for your website.
Creating Layout Templates
In this section, you start building a website for Joe’s Pizza Co. Joe Balochio (the owner) wants a brand new website to help promote his chain of pizza restaurants. He tells you that he wants the website to look stylish and incorporate some design aspects inspired by his Italian roots. He wants a menu and information about the locations of all the different restaurants he operates. Joe would also love to have a page for news items so he can let his customers know about all the great things that his company does.
Now that you have learned how to add the page elements (<html>, <head>, and <body>) from Chapter 1, it’s time to consider the sections that will make up the visible layout of your pages. When you create page layouts, you need a logical structure ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.