Save at least ten (10) thumbnail photos to your disk, the photos should be about 50 x 75 pixels. Each photo should be no more than 1-2 kbytes in jpg format. Save at least ten (10) full size photos to your disk, the photos should be about 400 x 300 pixels. Each photo should be no more than 30-40 kbytes in jpg or gif format. Points will be deducted for images more than 50Kb or aspect ratios that are not correct.
- Make ten (10) simple html files that has these ten (10) photos as the main feature of these ten (10) html pages.
- Make a headline that says My Family Photo Album for each of these simple html files and under each photo add a caption that describe the photo on that page.
- As you remember the photos can be sized when you place them in the Images tags but in this case make the photos 60% of the page width.
- Create a frame html page that has two frames. The left frame is 250 pixels wide and the right frame is the rest of the screen.Call this page assign12.html and link it to your index page.
- Now make the left frame a set of thumbnail photos which are links to your ten (10) photo html pages
- Arrange the thumbnail photos as a 2 wide by 5 high table with a return link to your index page at the top. See sample12.html, this is what your page should be similar to.
- If you want your left frame to be XHTML Strict then use this code for your links.
<a href="#" onclick="parent.right.location='photo1.html'" >Photo 1</a>
- Make an external Style sheet .css file that has the background color and all of the text and anchor tags that is used on your pages defined by the style sheet.
- In the external Style sheet .css file make your IMG style to be border of 10px and border style of ridge also set the border color.
- You have now created your first photo album for your web site.
- Upload your new pages along with your photos to your web space.
- PS I put my thumbnails in a seperate folder called thumbnails.