Cascading Style Sheets

1. Correct any errors from Assignment 3.

2. Make a copy of personal1.htm and name it personal10.htm

3. Make a copy of personal2.htm and name it personal20.htm

4. Convert personal10.htm into a web page using Cascading Style Sheets by putting styling rules both in the head (internal style sheet) and inline (using style="") in a tag. You may improve or change the look of the page as you wish, but practice styling as many elements as possible.

5. Convert personal20.htm into a web page using an external CSS page named personal20.css. On this page, use page layout techniques learned in Weeks 4 and 5 to organize the page content to include background, margins, padding and positioning. This will require you to create div, class and id elements to block out your page as practiced in class. You must style your links, and may use other styling as needed.

6. Put links to Assignment 4 (Personal 10) and Assignment 4 (Personal 20) (personal10.htm and personal20.htm) on your index page to make them easy for your instructor to find.

7. Change the left and right arrow tags on personal10.htm and personal20.htm to link between those two pages.

Grading

This assignment will be graded on the web. There is nothing to hand in.

This page maintained by bobh@hesston.edu