Lab #4 XHTML and CSS

Exercise

1. Create a directory called lab4 under the fit100 directory.
2. Copy whatever images you need from the Lab03 directory into the lab4 directory.
3. Take the web page you submitted for Lab #3 and make it validate. Save the file as lab4submit.html in the lab4 directory.
4. Create and link a CSS page to your web page. Call the CSS file style.css

Grading criteria:

Your new XHTML file must:

• validate!
• make minimal changes to your original Lab #3 submission UNLESS you did not fulfill all the requirements of Lab #3 in which case you'll have to add all the missing tags and text
• be indented properly
• have meaningful alt attributes for the images
• have all working links (including fixing the link that you added at the bottom of your page for Lab #3)

Your CSS file should accomplish the following:

• change the styling of at least 4 elements (i.e. have at least 4 rules)
• change the h1 element to include the background-image property and have an appropriate value for the color property so that the heading is readable.
• use at least 4 different properties

Notice that we're going to be using a CSS property (background-image) that we have not taught you before. A good skill to have is being able to read and understand reference material and tutorials. If you are having difficulty, feel free to ask for help, of course.

Turn-in:

1. Upload your HTML and CSS files (and, if applicable, any image files) to the lab4 directory.
2. Go to your web page and verify that all the links work and all the images appear.
3. Submit your two files