College of the Siskiyous - CSCI 28A Web Publishing I

Prospective Students Current Students Faculty and Staff Alumni and Community
CSCI 28A ~ Web Publishing I ~ Fall 2008

Weekly Exercise 13: - pdf version for printing

Download the file waldorffeat.html from Chapter 13 example files.
Save the file with the name exercise13.htm (or .html)
Download the CSS external style sheet that is used by the waldorffeat.html file - hint - look in the css reference in the code of the page and see if you can find the CSS style sheet on our site.
Save the CSS style sheet as lastname.css - example - donica.css
Find and download the parchment.gif background image used in the waldorffeat.html web page.
Make the following changes to your new style sheet:
1. In the body change the font-family from Book Antiqua to Verdana
2. In the body change the line-height from 16pt to 18pt
3. In h1 change the line-height from 30pt to 28pt
4. Change the a:link color:red; to color:blue;
5. In div.footnote change the font-size from 9pt to 11pt
6. In div.footnote change the line-height from 12pt to 14pt
7. Add a comment at the end of the style sheet with the following text: This style sheet was edited by Your Name on 11/20/2008
8. Save the style sheet
Upload the new file you created - exercise13.htm - to your exercise folder
1. Make sure the new file is pointing to your new lastname.css file
Upload the new file you created - lastname.css - to your exercise folder
Upload the image file - parchment.gif - to your exercise folder

Helpful Thoughts & Ideas:

How can you use this exercise to help with your project?
What other changes could you make to this style sheet?
In your project and in real world application, you would place all of your images in an "image" folder and your .css files in a "css" folder. You would then have the appropriate linking reference to make them work.
Here is a link to a completed version of exercise13.htm
Here is a link to a completed version of donica.css