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.

Save the logo<br />

Okay you’ve made all the adjustments you need to in the “Save for Web”<br />

dialog, so go ahead and click “OK” to save the image as “mypod.gif ”.<br />

Add the logo to the myPod Web page<br />

Now all you need to do is add the logo to the myPod Web page.<br />

We’ll add it to the top so it appears above the Web site description<br />

and iPod images. That way, it’s the first thing your visitors see<br />

when they come to your myPod page.<br />

<br />

<br />

myPod<br />

<br />

body { background-color: #eaf3da;}<br />

<br />

<br />

<br />

<br />

<br />

<br />

Welcome to myPod<br />

.<br />

.<br />

.<br />

<br />

<br />

Rest of “index.html” <strong>HTML</strong> here...<br />

adding images to your web pages<br />

Elements will automatically<br />

change the extension of your<br />

filename to “.gif”. Save the<br />

image as “mypod.gif” in the<br />

“logo” folder.<br />

Add the logo image at the top of the<br />

myPod Web page. Remember to use<br />

the correct relative path for the logo,<br />

in the “logo” folder, and add an alt<br />

attribute that describes the image.<br />

you are here 211

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

Saved successfully!

Ooh no, something went wrong!