Multimedia - Project 3

Kevin Pedersen

This is your mission:

Use at least six original photos and 6 thumbnails of these photos to create a photo album on the subject of your choice. You should use the same structure as shown in this example, which I made in an afternoon using just a text editor and Photoshop, as you will be doing. This means that you will be creating at least seven web pages. Don't worry, the six photo pages are nearly identical and can be modified after making just one, then creating copies.

Your work will be graded on the following criteria:

Ease of Navigation:
The main page should have both text links and image links from the thumbnails to the full-sized images. On the full-sized image pages, you should have links to the next photo, photo index and previous photo on each page.
Style:
Lay your photos out evenly and use table borders to create nice picture frames.
Quality:
Check all of your links to make sure that they function properly. View your album in as many different web browsers as possible (e.g. Mac & Windows versions of Internet Explorer and Netscape). Make sure that your <TITLE> tags are correct for each page.

Your site should contain the following elements (totaling 100 points):

A home page (your_folder/multimedia/project3/index.html) with links to all the other pages. Links are both text and by small preview images ("thumbnails").
6 original photos (about 600x400 pixels) with 6 thumbnails of those photos (about 150x100 pixels). There will be 12 images in all: 6 large images (e.g. photo.jpg) and 6 thumbnails (e.g. photo_tn.jpg).
If available, you can use a digital camera to take your pictures. You can also scan images from your own photos.
Pages should be laid out with tables (e.g. <TABLE BORDER="0">).
Photos should be laid out with "picture frames" (e.g. <TABLE BORDER=5 CELLSPACING=2 CELLPADDING=0 BORDERCOLOR="#003300"> - use your own BORDERCOLOR).
Links for "Next Photo," "Previous Photo" and "Home" or "Photo Index" should be on each of the six photo pages.

Extra Credit: (up to 10 points) make a copy of the site and add "<META HTTP-EQUIV="Refresh"... >" tags to make it into an automatic slide show, with no less than a 5 second delay, using what you learned from your splash page in Project 1.