To Projects

IT 130 -- Project Proj3
Images and Hyperlinks

Goal

• Practice with images, hyperlinks, and document-level styles. For this project, you will create three web pages: an index page, an images page a resume page.

IMPORTANT

• All HTML pages and images for this project must be created in a folder named proj3. This way you can upload everything for Project 3 to the server by simply dragging the proj3 folder over to the server side in SSH.
   
• For this project, you must upload all three HTML documents and all of your images. All links must be relative links.
   
• All three HTML files for this project must have a document-level style to set the colors and fonts.
   
• For the image collage page, the images and text must be placed in a table.
   
• The table must include text under each image explaining what the image is.
   
• The index page must not be named index.htm, index.html, default.htm or default.html. It can have any other name like proj3-index.htm.
   
• The image collage and resume pages must each have a link back to the index page.

1. Index Page

• Create a folder named proj3 on your PC, which will include all of the files for this project (proj3-index.htm, image-collage.htm and resume.htm).
   
• Create a file named proj3-index.htm in the proj3 folder.
   
• This index page contains links to the images and resume pages described below to your other projects. Your links might look something like this:
  

  Proj1: My Favorites Page
  Proj2: History of Computing
  Proj3: Images Page
  Proj3: Resume Page
  Proj5: Currency Page
  Website Project: Buy the Elixir of Life

Important: This index page will also be updated for future projects as you complete projects Proj4, Proj5, Proj6 and your Website Project.
 
• When you upload this project to the server, just drag the entire proj3 folder into the public_html folder.

2. Image Collage Page

• Use PSPad to create an image collage page named image-collage.htm.
   
• This page displays at least four images of related items that you find on the internet. Suggested items are flowers, animals, cities, outdoor scenes, cartoon characters, .... Planets are not allowed because they are used in the example.
   
Put these images in a table. You should also have text explaining what each image is. Put the text in cells of the table.
 
• The images page must contain a header explaining what the images on the page are.

3. Resume Page

• Create a resume for yourself, similar to this sample resume.
   
• Here is the same resume without the document-level style.
   
• You must include an image of yourself. Borrow a digital camera if you don't have one.
   
• Note that the resume document is formatted using a table with two columns.
   
• Right click on the resume and select View Source to see the source code.
   
• For full credit, you must alter the document-style given in the sample resume by choosing a different background color, a different font and a different text color. You must also supply an image of yourself.