CogSci 3
Spring 04
Assignment 4
A Home Page
Grading Criteria

• The assignment is graded largely by looking at the Web version of the page. Note, the sample page is a .jpg screen shot of the correct output.
• We are also going to look at your HTML source both for neatness/readability, as well as to see if there are obvious errors that Netscape is masking/hiding.
• We'll take more points off if an error is obvious in Netscape, and we think you should have noticed; fewer points if the error is not so obvious in the browser.
• Also check for use of a Web Editting tool (e.g., Netscape Composer, Front Page). -10 points if it's obvious that a HTML editor was used.

index.html

1. 1 point for a file hw4/index.html in their home directory
2. 1 point -- Change the title (in the Title bar of the Netscape window) to "Practice Home Page for cg3xzz", but use your account, of course.
3. 1 point -- in H1 style headers, have "Practice Home Page for cg3xzz" (or just "Practice Home Page").
4. 2 points -- In H3 style headers, have your name (or a psuedonym), and have it be in italic.
5. 1 point -- followed by your account on the next line, also H3 style, with no vertical space between the name and account. -1 if there is vertical space (either a <P> or adjacent sets of <H3> ... </H3>.
6. 2 points -- Center the H1 Heading (Practice Home Page for cg3xzz) and your name and account,
   -1 if the rest of the page is centered (missing </CENTER>)
   -1 if the <CENTER> tags aren't properly embedded. I.e.,

     <CENTER>
     <H1> ...</H1>
     <H3> ...</H3>
     </CENTER>
   or
     <H1>
     <CENTER> ...</CENTER>
     </H1>
     <H3>
     <CENTER> ...</CENTER>
     </H3>
   

   But not, for instance:

     <CENTER> <H1> ...</H1>
     <H3> ...  </CENTER></H3>
   

7. 2 points -- In standard text, have:
   Howdy Web Surfers,

   This is my first web page,
   so cut me some slack.
   I'm doin' another next week,
   be sure to come back.

   1. -1 if the vertical spacing is incorrect (e.g., <P> instead of <BR>), or
   2. -1 if either <H4> or <H5> tags are used instead of no <Hx> tags.
8. 1 point -- Have a horizontal line (2 total on the page).
9. 1 point -- Insert a <P> in front of (above) the horizontal line.
10. 1 point -- After the horizontal line, put the standard text: " This assignment is about learning the basics of HTML; for instance, different sized headings, italic, centering, and the difference between the BR and P tags. There is also a list and some hyper links. "
11. 1 point -- Start a new paragraph, and then have the normal text: "This is an example of a bullet-ed list, with each item a click-able URL/link."
12. 2 points -- Create an unordered list (<UL>) with 5 entries. Each entry should be a hyper text link.
    1. -1 if missing </UL> which will cause rest of page to be indented.
    2. -1 if there are no bullets (probably used <L1> (one instead of I)).
13. The list items:
    1. 1 point -- The first list item should be the text "This assignment" and should be a working hypertext link to this assignment. Review the Hyper Text link section for the format of a link. "This assignment" is what the reader will click on. Because of some ambiguity in the assignment, we'll allow them to create a link to their own index.html page.
    2. 1 point -- The second list item should be a hyper text link to the class home page, with the text "The Class Page" for the readers to click on.
    3. 1 point -- The third list item should be a relative hyper text link to a page called: sandwich.html (i.e., <A HREF="sandwich.html">...), which does exist (or should by the end of the assignment ) and should work. The part people click on is "Making a turkey sandwich".
    4. 1 point -- The forth list item should be a relative hyper text link to a page called: topic.html (i.e., <A HREF="topic.html">...), which doesn't exist yet, so clicking on it won't work yet; but the page will exist next week. The clickable text should be: "My topic page".
    5. 1 point -- The fifth list item should also be a relative hyper text link to a page called: javascript.html (i.e., <A HREF="javascript.html">...), which also doesn't exist yet, so clicking on it won't work yet either; it's a future assignment. The part people click on should say: "My Javascript page".
14. 1 points -- The text "The items in a list don't have to be hyper text links, of course."; -0.5 if no italic.
15. 1 point -- Finally, the second horizontal line.
16. Up to 5 points may be deducted if there is something funky looking that isn't accounted for above; that is, the page should look okay in Netscape.

sandwich.html

1. 1 point for a file: hw4/sandwich.html in the home directory
2. 1 point for <HTML> and </HTML> tags
3. 1 point for <BODY> and </BODY> tags
4. 1 point for a <TITLE> of "Making a Turkey Sandwich"
5. 1 point for an <H1> heading of "Making a Turkey Sandwich"
6. 2 points for a <H3> heading that has on separate lines:
   • The word: by
   • Your name or pseudonym
   • Your account code in parenthesis; e.g., (cg3xzz)
7. 1 point, center the <H1> and <H3> tags
8. 1 point for copying and pasting the instructions:
   You are standing in your kitchen with your brand new robot, which you just purchased. The robot speaks perfect English, meaning that it will understand all the words in your commands, but it has never been in a kitchen before, nor has has it ever made a sandwich before. Your task is to write a list of instructions to the robot to make a turkey sandwich. Though the robot speaks English, it isn't necessarily smart; for instance, telling it something like: "put mustard on the bread" probably won't work unless both bread and the mustard are present on "the counter".
9. 1 point for copying and pasting the instructions:
   Assume all food items are located in "the refridgerator". Assume all utensils (knives, forks, spatulas, etc.) are located in "the drawer". Assume anything else (pots, pans, plates, paper towels, etc) is located in "the cupboard". Assume that the work will take place at "the counter".
10. 1 point for putting the assumptions in italic
11. 4 points for having an ordered list (<OL> <LI> </OL>) with the instructions to the robot on how to make the turkey sandwich. The order and number of steps don't matter. Having only 1 or 2 steps probably isn't sufficient and should be 2 points off. Also, if you just copied the text from the sample page, you'll likely lose 1 point because those instructions appear to make a peanut butter something, which isn't anything like a turkey sandwich.

©opyright 2001-2004 Mark R. Wallen Last updated: Tue May 4 08:25:21 2004