Assignment Instructions

  1. Use lists to display a recipe for something edible. Use an unordered list to display the ingredients. Use an ordered list to display the cooking instructions. Include a photograph or image of your delicious dish.
    1. You should begin your assignment from the two file templates: assignment.htm and assignment.css
    2. The recipe can be for anything - real or imagined, your creation or "borrowed" (if so, give credit to the original chef, or a link to the web site where you obtained the recipe). It can be for chocolate pie or mud pie. Spam musubi or shironagasu tataki (blue whale lightly seared). Chocolate pancakes or green eggs and ham. Whatever. Be creative!
    3. At the top of the web page, put the name of your dish in the <h1> element. It should read: Recipe for ...
    4. Use at least two lists.
    5. The first list is a unordered list of ingredients for your dish.
    6. The second list is an ordered list of the directions for making your dish. It is optional to add sub-lists as well.
    7. Use CSS formatting rules, so that you do not use the Arabic numbers (1, 2, 3, 4) for your lists.
    8. At the bottom of your web page, put a photograph or image of your dish.
  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 assignment18.htm and assignment18.css on your UH UNIX account in the dmed120 folder.
    1. If you are useing a PC, follow the SSH 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/assignment18.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