Save five Photos to your USB disk.
Panama, Panama
Three must be in JPG format and 2 must be in GIF format. The photos can be of family or from the web, but they should be no larger than 150x150 pixels.Use the rollover.html file and save it as assign5.html and add to it a table that is 600x600 pixels width by height, (cells of 100x100 pixels), 6 rows, 6 columns, border = "1" cellspacing and cellpadding = "0".

Save as assign5.html, name the title as "Your Name CCSN CIT-151 XHTML-CSS Assignment 5", and change the h2 title to Assignment 5. Use a table background-color:teal; and table centered. Cells will be either black or white where the photos are for the maximun contrast. Look at sample5.html, this is what your assign5.html will look like as a real html table with photos. The procedures to make your table look like this is to use the align, valign, rowspan, and colspan features of the table data cell.

  1. You photos need to be sized properly with the largest dimension of 150 pixels.
  2. Do not change the photos x to y relationship (Aspect Ratio).
  3. I will take off -3 points for each image that does not have the correct aspect ratio.
  4. Each photo should be no more than 5 Kilobytes so that it will down load into the web browser quickly.
  5. You copy the assign4.css and save it as assign5.css from assignment 4 and add any other common style tags as necessary.
  6. You also are required to have a return link from assignment 5 to your index page.
  7. Link assignment 5 to your web site index page.
  8. Upload assignment 5 file along with the graphics and the style sheet to your web space.
  9. You must also modify and re-upload your index file to your web space.

Note: it is standard procedure to save all images in a sub directory of your site (a sub-directory of httpdocs) called images. You need to refer to these images with the proper references in your html page.