Assignment Instructions

  1. Create a table that displays the names of the 17 predefined colors, and then the red, green and blue hexadecimal codes for each color, so you should have a table of 19 rows and 4 columns.
    1. You should begin your assignment from the two file templates: assignment.htm and assignment.css
    2. Fro the first row, add a title (such as "Hexadecimal Color Codes") as the first row of the table by using the following HTML attribute: colspan
    3. For the second row, you should have the following titles:
      "Color Name", "Red Hex Code", "Green Hex Code", and "Blue Hex Code". ("Hex" is short for "hexadecimal number".)
    4. The next 17 rows should have the colors names and the corresponding hexadecimal number codes, broken down into the red, green, and blue parts, which are two-digit hexadecimal numbers.
    5. For example, the first few rows might look like this:
                             Hexadecimal Color Codes
          Color Name     Red Hex Code     Green Hex Code     Blue Hex Code
          maroon         80               00                 00
          red            ff               00                 00
          orange         ff               a5                 00
          yellow         ff               ff                 00
          olive          80               80                 00
      	
    6. Format the borders of the table (<table>)and cells (<td>) by using the following CSS property: border
    7. Center the table by using the following CSS property: margin
    8. Format the padding and border spacing by using the following CSS properties: padding & border-spacing
  2. Do NOT copy and paste my web page examples, otherwise you will earn 0 (zero) points for your assignment grade.
    1. I created examples to help you understand the concepts.
    2. If you simply copy and paste and make a few changes, you will not learn the concepts.
  3. Keep the content of your web page legal and non-offensive.
  4. Use SHH or Fugu to publish assignment19.htm and assignment19.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/assignment19.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