Posted in 3523 Adv Web Design - S09
Thursday, January 15th, 2009 at 9:39 am

Exam 1 Study Guide

This will help you prepare for Exam 1.

**UPDATED Thursday, Jan. 15, 4:43 p.m.**

Begin with these files. You may refer to this cheatsheet.

  1. Title the page: [Firstname Lastname]‘s Exam 1
  2. Create an H1 heading in the header div, reading the same as the title.
  3. Create two columns in the main content section, a 500px-wide main column on the left and a 200px-wide sidebar on the right. Use floats to create these.
  4. Set a minimum height on each of these columns of 600px.
  5. Pick a color scheme that includes two contrasting colors. Color the left column with one color and the right column with a contrasting color.
  6. Ensure that the "main" div stretches to contain your two columns.
  7. Optimize two versions of the image "lovin-web-design.psd" in GIF format, with appropriate matte, so that one version blends with the background of the left column and the other blends with the background of the right column.
  8. Place the left-column version of the above image in the top-right of the column. Place the right-column version in the bottom-right of the column.
  9. Ensure that these images have appropriate “alt” tags.
  10. Set the image "background.gif" to repeat horizontally as a background for the page.
  11. Optimize the image "bball.jpg" in an appropriate format and at 300px wide. Place it in the center of the left column. Ensure that it image has an appropriate “alt” tag.
  12. Wrap this last image with a link to http://think.ingcreative.com. Give the link an appropriate title.
  13. Remove the blue border from around the linked image.

Comments are closed.