William M. Pegram
Home | Courses | Web Design | Office | Client-Side Scripting | Server-Side Scripting | About Me

Image Link Assignment

Read through the entire assignment before you start.

1. Modify your index page to use the <font> tag and create a background color for the page. Make sure that the text and the links are easily read against the background.
   
2. Insert a picture (hopefully of yourself, but you may use something else) on your bio page (the original one, not the CSS version).  The <img> tag should specify the following attributes: height, width, alt, vspace, align, and hspace.
   
3. For the picture of yourself, there are a variety of possible sources:
• scan a photograph
• take a picture with a digital camera (I will bring one to class that you can use)
• use an existing .jpg
  
4. The size of the picture as displayed on the bio page should be appropriate for that page.  This size should be achieved by resizing the image in an image editing program such as Paint, Microsoft PhotoEditor, Fireworks, Photoshop, etc. rather than by using the height and width attributes of the img tag.
   
5. The image on the bio page should be turned into a link so that when the image is clicked, one sees the image at its original size (or at least a larger size).  The link should be to the image rather than to a page containing the image.  Turn off the border of the image on the bio page.
   
6. Both the larger image and the smaller image should be in a folder for images -- the html file for your bio must not be in this folder.

FTP your bio html file and any necessary image files to your website.

Revised: February 1, 2006. Comments to wpegram@nvcc.edu