Lab 9

Pre-Lab Assignment

The pre-lab is designed by Michael.

Before lab, you should select a client (Lee's Buttons, LogicBoard, or Grow Local), be able to answer questions about that client and have developed a persona for the viewer, which you will bring to Lab. More information regarding the clients can be found on the course blog.

In-Lab Assignment: CSS

The in-lab assignment is developed by John.

The purpose is to give you more experience with CSS and specifically, with the CSS Box Model.

Lab Grades

Ben and Sindhu will bring all of your recorded grades to date to the lab period. Feel free to check with them to verify that your scores have been recorded properly, what your current lab percentage to date is, etc.

Assignment

• Copy the source of this file into KompoZer and name it lab9. Do not modify this code at all.
• Create a css file named lab9.css (in a css subdirectory) that makes lab9.html look like this when viewed in a browser.

Partners

You are required to work with one partner on this assignment.

Specifications and Grading - 10 points

• 2 points. Box 1 should be 0.5 inches high, the width of the screen, grey (#cccccc) in color, and have a solid black line at its bottom.
• 1/2 point. Box 2 should be 0.5 inches high, the width of the screen, and white in color.
• 2 points. Box 3 should be 0.5 inches high, the width of the screen, grey in color, and the text should be centered both horizontally and vertically.
• 2 points. Box 4 should be 2 inches high, the width of the screen, and contain a red (#ff0000) box that has left, top and right margins of 0.5 inches, but a bottom margin of 0 inches. The color of the margins should be white.
• 1 point. Box 5 should be 0.5 inches high, the width of the screen, white in color, and the text should be centered both horizontally and vertically.
• 1/2 point. Box 6 should be 0.5 inches high, the width of the screen, grey in color, and have a solid black line at its top.
• 2 points. All links should contain black text, but have a yellow (#ffff00) background when the cursor is hovering over them.

Submission

To receive credit, e-mail your lab9.css file to Sindhu at sindhupriya.karanam@cs.montana.edu before your lab period ends. In the subject of your e-mail, write Web Design Lab 9, your name, your partner's name.