To Projects

IT 130 -- Project Proj3
Images and Hyperlinks

Goal

IMPORTANT

• All HTML pages and images for this project must be created in a folder named proj3. This way you can upload everything for Proj3 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 or index-smith.htm.

1. Index Page

• Create a file 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. If you do not have access to a digital camera, I will bring one to class to take your picture.

• 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.