HTML Review - Photo Lesson
At this point in the course you have added photos and a collage to the campus and optional client pages. You have saved the PSD files and then flattened the mock ups as GIF or JPEGs. Now it is time to load those images onto the Web and add code to your homework page so that your instructor can find your work.In addition, you are asked to download the file couple.jpg, resize it and adjust the color, light, and shadow. Then perform 3 effects to the modified photo. These 3 images will be saved on a Web page and stored in the templates folder. Here is code you can use to create the homework page for lessons 2 and 3.
<HTML>
<HEAD>
<TITLE>Your Name Homework Page - Advanced Web Graphics</TITLE>
</HEAD>
<BODY bgcolor="ffffff">
<H3>Your Name's Homework - CIS 58.51B Advanced Web Graphics</H3>
Lessons #2 Photos and Collage <br />
<A href="campus/campus-photo.gif">campus photos/collage on opening screen </A >
<br />
<A href="campus/campus-photo-2nd.gif">campus photos/collage on second level page </A >
<br />
<A href="optional/optional-photo.gif">optional client's photos/collage on opening screen </A >
<br />
<A href="optional/optional-photo-2nd.gif">optional client's photos/collage on second level page
</A ><br />
<A href="templates/photos-treat.html">photo treatment samples</A >
<br />
</BODY>
</HTML>
After creating this file you need to use FTP software to load this page, and flattened mock up images which contain photos and a collage. Here is a review of how your gracie account will look at the end of the 3rd lesson. The items in red are new files or files which have been modified.
