04.06.2013 Views

Head First HTML with CSS

Head First HTML with CSS

Head First HTML with CSS

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

a fan site for ipods<br />

Creating the ultimate<br />

fan site: myPod<br />

iPod owners love their iPods, and they take them<br />

everywhere. Imagine creating a new site called “myPod”<br />

to display pictures of your friends and their iPods from<br />

their favorite locations, all around the world.<br />

What do you need to get started? Just some knowledge<br />

of <strong>HTML</strong>, some images, and a love for your iPod.<br />

We’ve already written some of the <strong>HTML</strong> for this site,<br />

but we haven’t added the images yet – that’s where<br />

you come in. But before you get to the images, let’s<br />

get things set up; look for the “chapter5” folder in the<br />

sample source for the book. There you’ll find a folder<br />

named “mypod”. Open the “mypod” folder and here’s<br />

what you’ll see inside:<br />

178 Chapter 5<br />

You’ll find this in the<br />

chapter5 folder.<br />

mypod<br />

photos<br />

We’re going to use the<br />

photos folder to hold<br />

the images for the site.<br />

<br />

.<br />

.<br />

.<br />

<br />

index.html<br />

seattle.jpg<br />

We’ve already written some<br />

of the <strong>HTML</strong> for the<br />

myPod site. You’ll find it<br />

in the “index.html” file.<br />

Here’s the first iPod<br />

image:an image of Seattle.<br />

Note: you’ll find a couple of other folders<br />

in “mypod” too, but ignore those for now.<br />

My iPod in Seattle! You can see rain clouds<br />

and the Space Needle. You can’t see the 628<br />

coffee shops.

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

Saved successfully!

Ooh no, something went wrong!