Assignment Instructions

  1. Follow the instructions given in the slides to do the following:
    1. Use your assignment8.htm as a base (starting point) for this assignment.
      1. Using the SSH or Fugu program, download the assignment8.htm file to your desktop.
      2. Right click on the file, to change the name to assignment9.htm
      3. WARNING: If you open a browser to your assignment, click File, and then click Save Page As to save to your desktop, your file will not validate and will be a big mess, as this will change all the URLs for all the images, so that they are relative to a local file on your desktop.
    2. Use a text editor to make the following changes:
      1. Change the value of the href attribute from assignment.css to assignment9.css for the <link> element at the top of the assignment9.htm file:
        <link rel="stylesheet" type="text/css" href="assignment9.css" />
      2. Right-click on the assignment.css template file, change the name to assignment9.css, save it to your desktop, and open it with Dreamweaver, or another text editor.
      3. Make CSS style rules to change the text color and background color of the body, h1, h2, and p elements.
  2. Do NOT copy and paste my web page examples, otherwise you will earn 0 (zero) points for your assignment grade.
  3. Keep the content of your web page tasteful and legal.
  4. Use SHH or Fugu to publish assignment9.htm and assignment9.css on your UH UNIX account in the dmed120 folder.
    1. If you are useing a PC, follow the SHH Instructions
    2. If you are useing a Mac, follow the Fugu Instructions
  5. View your web page at the URL http://www2.hawaii.edu/~username/dmed120/assignment9.htm (where username is your UH UNIX username).
  6. Click on the validator icons at the bottom of your webpage.
    1. If the color is green, you are done.
    2. If the color is red, you have trouble-shooting to do on your webpage.
  7. See the syllabus for the submission guidelines and the grading guidelines.

Click to validate the HTML code

Click to validate the CSS code