CS 101   Web Construction,  Fall 2009,  Instructor:  Jeffrey Horn ASSIGNMENTS

• Assignment 2  "Lists and Links (plus good style and nesting!)"
  • Handed out:   Wednesday, Sept. 2, 2009
  • Due:      Friday, Sept. 11, 2009
  • Goals:  Create a static web page with lists and hyperlinks, and good structure, meaning proper nesting of html elements and good style (indenting and comments).
  • Details:
    • Choose your own topic for a web site.  Create a web page (.html file) with the following properties.  You must come up with sufficient content (just text for this assignment) to be able to accomplish the following tasks while the web page realistic, readable, and pleasant!  (But you don't have to make it a masterpiece!)

    TASK NUMBER	TASK DESCRIPTION	POINT VALUE
    1	Use of the "Title" attribute.   Do me a favor:  make this easy for me to grade by using the words "(HOVER HERE!!)" somewhere in the element with the title attribute. Example:   (HOVER HERE!)  A computer is the ultimate machine, the über machine, that controls, or will control, all other machines on the planet.  (HOVER HERE!)	10
    2	Physical Elements:   Use at least four different physical elements (e.g., strong, em, u, i, sup, sub)	12
    3	Logical Elements: Headings:  Use at least two different heading levels (of h1 through h6)  (4pt.s) Others:  Use at least two other logical elements such as <blockquote>. (4 pt.s)	8
    4	Lists: Ordered list.  (5 pt.s) Unordered list.  (e.g., see nested list below) (5 pt.s) Definitiions list.(5 pt.s) Nested list:     (5 pt.s) This is an example of a nested list. This list is nested within the "main" list in this table element.	20
    5	Hyperlink: An anchor element ("<a>") that links some text to some web site somewhere.	10
    6	Attributes and Colors: Use the "bgcolor" html attribute with an interesting color for some element on your web page.  Make it very visible!  (5 pt.s) Use the "color" html attribute with an interesting color for some element on your web page.  Make it very visible!   (5 pt.s)	10
    7	Good style (indentation and some "main" comments at the top, including name, etc.) in your source file.  (as we discussed in class)	10
    8	Nesting:   Properly nest all of your html elements, as discussed in class.  (E.g., the following is incorrectly nested:  "<strong><em>Important!</strong></em>")	10
    9	Send me your assignment (the .html file) as an attachment  Send it to "jhorn@nmu.edu" Put the words "CS 101:  A2" at the beginning of the SUBJECT line.	10
    	TOTAL	100 pt.s