Week 7 Web Page Exercise

Chapter 9 Homework

1. Read chapters 9 and 10
2. If you are using Microsoft Windows XP, go to "start ->My Documents"
3. Click on the following link Chapter 8 CSS Exercise and download to your My Documents folder
4. Right-click on the file or double-click on the file and unzip the downloaded file. A folder with the name "journal" will be created
5. Double-click to open the folder.
6. Notice the journal document is a XHTML strict document type
7. Add style tags to the head of the Web page and add the following elements:
   • body {
     font-family: Verdana, Geneva, Arial, sans-serif;
     font-size: small;
     }
     h1, h2 {
     font-weight: normal;
     color: #cc6600;
     border-bottom: thin dotted #888888;
     }
     h1 {
     font-size: 170%;
     }
     h2 {
     font-size: 130%;
     }
     blockquote {
     font-style: italic;
     }
8. Have it working? Now remove the CSS style from your head tags and place in a separate file named journal.css (Do NOT include the <style> tags in the .css file).
9. Place journal.css in the same folder as the journal.html file and insert a link to the .css file from the .html file. (<link type="text/css" rel="stylesheet" href="journal.css" />)
10. Add a comment to your web page and include the following information (<!-- comment -->)
1. Your name
2. The name of the class (IN112 HTML)
3. For your own information, did you validate the file?
11. Right-click on the "journal" folder and send-to a compressed file. Upload this file as your homework. (example of a file name is b_ray_Week7.zip)