Monday, January 25, 2010

Section 5.16. Fixing up the myPod HTML










5.16. Fixing up the myPod HTML


Once you've saved the image, you can quit out of Photoshop Elements. Now all you need to do is change the myPod "index.html" page to include the new version of the photo, "seattle_med.jpg". Here's a snippet of the "index.html" file, showing only the parts you need to change.



<html>
<head>
<title>
myPod</title>
<style type="text/css">

body { background-color: #eaf3da;}
</style>
</head>
<body>
.
.
.
The rest of the HTML goes here. You've already got it in your "index.html" file.
<h2>Seattle, Washington</h2>
<p>

Me and my iPod in Seattle! You can see rain clouds and the
Space Needle. You can't see the 628 coffee shops.
</p>
<p>
<img src="photos/seattle_med.jpg" alt="My iPod in Seattle, WA"
>
All you need to do is change the filename in the <img> element to the name of the
image you just made: "seattle_med.jpg".

</p>
</body>
</html>














No comments: