Chapter 3. Building Blocks: Web Page Construction

image with no caption

I was told I’d actually be creating web pages in this book? You’ve certainly learned a lot already: tags, elements, links, paths...but it’s all for nothing if you don’t create some killer web pages with that knowledge. In this chapter we’re going to ramp up construction: you’re going to take a web page from conception to blueprint, pour the foundation, build it, and even put on some finishing touches. All you need is your hard hat and your toolbelt, as we’ll be adding some new tools and giving you some insider knowledge that would make Tim “The Toolman” Taylor proud.

image with no caption
image with no caption

From journal to website, at 12 mph


The Segway’s, recommended top speed.

Tony’s got his hands full driving across the United States on his Segway. Why don’t you give him a hand and create a web page for him?

Here’s what you’re going to do:

  1. First, you’re going to create a rough sketch of the journal that is the basis for your page design.

  2. Next, you’ll use the basic building blocks of HTML (<h1>, <h2>, <h3>, <p>, and so on) to translate your sketch into an outline (or blueprint) for the HTML page.

  3. Once you have the outline, then you’re going to translate it into real HTML.

  4. Finally, ...

Get Head First HTML and CSS, 2nd Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.