04.06.2013 Views

Head First HTML with CSS

Head First HTML with CSS

Head First HTML with CSS

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

From Journal to Web site, at 12mph<br />

Tony’s got his hands full driving across the United States on his Segway.<br />

Why don’t you give him a hand and create a Web page for him.<br />

Here’s what you’re going to do:<br />

1 <strong>First</strong>, you’re going to create a rough sketch of the journal that is the basis for<br />

your page design.<br />

2 Next, you’ll use the basic building blocks of <strong>HTML</strong> (, , , , and so on)<br />

to translate your sketch into an outline (or blueprint) for the <strong>HTML</strong> page.<br />

3 Once you have the outline, then you’re going to translate it into real <strong>HTML</strong>.<br />

4 Finally, <strong>with</strong> the basic page done, you’ll add some enhancements and meet<br />

some new <strong>HTML</strong> elements along the way.<br />

Sharpen your pencil<br />

Take a close look at Tony’s journal and<br />

think about how you’d present the same<br />

information in a Web page.<br />

Draw a picture of that page on the right.<br />

No need to get too fancy, you’re just<br />

creating a rough sketch. Assume all his<br />

journal entries will be on one page.<br />

Things to think about:<br />

Think of the page in terms of large<br />

structural elements: headings,<br />

paragraphs, images, and so on.<br />

Are there ways his journal might be<br />

changed to be more appropriate for<br />

the Web?<br />

Your sketch<br />

goes here.<br />

recommended<br />

The Segway’s top speed.<br />

building blocks<br />

STOP! Do this exercise before turning the page.<br />

you are here 79

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!