Due before midnight, Thursday 08 Mar 2007
In this assignment you will be creating a small photo album using thumbnails and external pages. You will need to make them valid HTML 4.01 Strict or XHTML 1.0.
I've put template HTML and XHTML files on the web.
Feel free to use them as starting points.
Make a folder called hw04. Inside it create 3 subfolders, pages, images, and thumbs.
Select at least 6 images that are at least 600x600 pixels in size and copy them into your images directory. You are welcome to use your own photos or pictures you find online (with proper attribution). Some extra photos of campus I took in the fall can be found in this directory.
Create thumbnails of these images that are 150 pixels long in the largest dimension (height, width, or mixed). They don't need to all be the same height-by-width shape, although it might look a little nicer.
Put these in the thumbs directory.
For this assignment, you'll be making a gallery page (index.html in the diagram) and a set of 6 pages, one for each image. I suggest that you start out with just the gallery and one page and then once you have those done and validated, make the rest of the pages by copying the first.
Here is what the resulting site should look like:
Create a page called index.html in your hw04 directory. It should contain the thumbnail images. With each thumbnail I want you to include
Have each thumbnail be a clickable link to a page that contains the full-size version of the image. Use the target attribute to make the images open in a separate window named "gallery". This way, you can just click on other thumbnails and it will change the other window's content.
Note: The target attribute will be complained about in the validator. We are just going to have to accept it, but everything else should be fine. Only include target in your index page.
If you followed the Honor Code in this assignment, insert a paragraph attesting to the fact within this file as well.
I affirm that I have adhered to the Honor Code in this assignment.
Create one page for each of the images. Each page should contain
Update your index.html file in your csci100 directory with a link to this assignment.
All (X)HTML files you create for this assignment (and for all future assignments) must be evaluated as valid by the validator as either 4.01 Strict or XHTML 1.0.
You now just need to electronically handin all your files.
If you are using Terminal you can just do this as one command:
ssh username@cs.oberlin.edu handin -c cs100 -a 4 www/csci100/hw04
Awesome! You've now made a photo album!
