|
LAB 4
|
Create a 3 page web site. Each page must contain a link to the other two, and each must have a "mailto" link to your email address. Link each page to an External Style Sheet named myStyle.css.
External Style Sheet
Use the .css file to define the following style rules:
- the background color of the document is #999966
- text color for the document is black, Times New Roman or a generic serif font
- <h1>, <h2>, and <h3> tags are #445544, italic, Comic Sans MS or a generic sans-serif font, and aligned to the left of the document
- horizontal rules are #444444, 75% wide
- all paragraphs are indented by 1.8 em
- unvisited links are #003399, not underlined
- visited links are #556655, not underlined
- hovered links are #ffffff, underlined, with a background color of #333333
- active links are #cc6633, underlined, with a background color of #333333
- create a class named para1, no indent, and the size of the first letter is increased by 2 em
Page 1
The content of page 1 is a general discussion of your hobbies or interests. It must contain:
- at least one <h1> tag
- at least one <h2> tag
- 3 - 5 paragraphs
- apply the class para1 to the first paragraph only
- at least one <hr /> tag
- links to the other pages
- a mailto link to your email address
The only style applied to this page is the style defined in the external style sheet.
Page 2
The content of page 2 is a detailed discussion of one hobby or interest introduced on the first page. It must contain:
- at least one <h1> tag
- one image
- 3 - 5 paragraphs
- apply the class para1 to the first paragraph only
- at least one <hr /> tag
- links to the other pages
- a mailto link to your email address
Page 2 must reference the external style sheet. In addition, create an internal style sheet to apply the following rules:
- <h1> tags are #333355
- horizontal rules are #666699, 75% wide
- the image has a double, thin border, color #556655
Page 3
Page 3 continues with a discussion of another hobby or interest. It must contain:
- at least one <h1> tag
- 3 images
- 3 - 5 paragraphs
- apply the class para1 to the first paragraph only
- at least one <hr /> tag
- links to the other pages
- a mailto link to your email address
Page 3 must reference the external style sheet. In addition, create an internal style sheet to apply the following rules:
- the background color of the document is #669999
- <h1> tags are #ffcc66
- horizontal rules are #ffcc00, 75% wide
- create 3 id style rules, one for each of your 3 images:
- id #1 has an inset border, 5 px wide, color #ffcc00
- id #2 has an outset border, 5 px wide, color #ff6600
- id #3 has an grooved border, 5 px wide, color #ff9900
If you have any questions, feel free to email me.
|