Lab Assignment 9
 
Create an external style sheet named lab9.css.
In this style sheet put all the styles needed to produce the desired effects on pages lab9a.htm and lab9b.htm.
In other words, there is are no styles defined in the files lab9a.htm and lab9b.htm.  lab9a.htm and lab9b.htm have a style link to lab9.css.
Document your style sheet using comments.  At the top of the style sheet, add this comment:

/* Lab Assignment 9 External Style Sheet- Your Name */

Create a web page file named lab9a.htm.

Title the page "Lab Assignment 9 - Your Name"

Put your name in the title.

Create the lab9a.htm web page so that it looks similar to what you see below.
The way the page looks is of your choosing, but these elements need to be present as a minimum:

  • There needs to be a colored banner.
  • Italicized text needs to have a background color.
  • The bold text needs to be a color (I chose orange).
  • The links should be green when normal, and rollover to red when the cursor is placed over them.

screen shot

Create a web page file named lab9b.htm.
Do the same for lab9b.htm.  The pages should look similar.

screen shot

You need to turn in all these files together in one folder for credit:

  • lab9a.htm
  • lab9b.htm
  • lab9.css

Grading criteria:

Criteria Points
20
Correct file names. 3
Correct HEAD  and TITLE structure with student name in the titles. 1
Correct BODY structures. 1
Colored banner. 2
Italicized text has a background color. 1
Bold text has a color (other than black). 1
Links are green when normal. 2
Links turn red when rolled over. 2
All styles are in an external style sheet (lab9.css). 5
Comments in external style sheet. 1
Assignment in on time. 1