Due before class, Thursday 05 Oct 2006
Make a folder called hw03. Inside it create 3 subfolders, pages, images, and thumbnails.
You'll get a chance to try your hand at making graphic files and using them on a web page. There are various image editing software in the computer labs, and you can always download and use the open source tool The GIMP on your personal computer (it is also installed throughout campus).
Unless otherwise specified, all images go in the images directory, all HTML pages in the pages directory.
Create 2 user icons with animated GIFs. Each must be between 100x100 and 200x200 pixels in size, square, and consist of at least 3 frames each.
Make a transparent GIF containing your name and a simple logo.
Create 2 banner graphics (468x60 pixels) one for "The Internet and Beyond!" and one for the new "Oberlin: Fearless" campaign.
Select at least 5 photographs that are at least 800x800 pixels in size and copy them into your images directory. Create thumbnails for those images (150x100 pixels) in the thumbnails directory. Some extra photos can be found in this directory.
Create a page called graphics.html with your user icons, transparent GIF, and banner graphics. With each, include a brief description of the graphic. Have the banners be clickable links to the CSCI 100 home page and an official Oberlin website.
Create a page called thumbs.html that contains the thumbnail images. With each thumbnail, I want you to list
Have each thumbnail be a clickable link to the full sized version of the image (either directly or on a web page you create). Use the target attribute to make the images open in a separate window, but use the same name so that by clicking on another thumbnail, the image changes in the other window.
Create a page in the top level hw03 directory called index.html. Have it include links to your graphics.html and thumbs.html pages as well as your name and the honor code affirmation.
Upload your hw03 folder to your CS account and verify that your pages and images can be viewed online. You will also need to electronically submit your files to me as you should have done in the last assignment.
To do that, there are 2 mechanisms you can use:
Command line tool: if you log into occs remotely, or one of the lab machines, you can just submit all the files that you uploaded.
To do so, you should perform the following commands ('#' and beyond are comments):
Web interface: go to www.cs.oberlin.edu / handin and fill out the form there with your CS username and follow the prompts.