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

• Assignment 2  "Retro Web Page (circa 1995)"
  • Handed out:   Tuesday Sept. 5, 2015
  • Due:      Wednesday, Sept. 9, 2015 (email "postmarked" by midnight!)
  • Goals:  Create a first, complete web page using some of the early web elements characteristic of the mid-1990s (see examples from the WWW directory book that I passed around in class, or just look at MY class web pages!).  This will help you get started in web page development while also giving you a feel for the history of the web.  Specifically, 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!)	4
    2	Elements (Physical and Logical):     (Reading:  Ch. 1 of our text) Use at least eight different elements (e.g., strike, i, sup, sub, tt, big, small, strong, code, dfn, samp, cite).   (8 pts.) Headings:  Use at least two different heading levels (of h1 through h6)   (2 pts.) Others:  Use at least two other "block-level" elements such as <blockquote>, <hr/>, or <p/>.  (4 pt.s)	14
    3	Lists:   (3pts each numbered item below)                 (Reading:  Ch. 4 of our text) Ordered list.  Unordered list.  (e.g., see nested list below) Definitions list. Nested list:     This is an example of a nested list. This list is nested within the "main" list in this table element.	12
    4	Hyperlink:                 (Reading:  pp.  58-60 of our text)                           An anchor element ("<a>") that links some text to some web site somewhere.	4
    5	Attributes and Colors:   (Reading:  p. 24 of our text for the syntax of an attribute.) Use the "bgcolor" html attribute with an interesting color for some element on your web page.  Make it very visible!  Use the "font" element along with the "color" attribute with an interesting color for some text on your web page.  Make it very visible!    (e.g., Name the only oscar-winning film that has the word <font color="purple"> purple</font> in the title.)	4
    6	Good style (indentation and some "main" comments  (p.23 ) at the top, including name, etc.) in your source file.  (as we discussed in class)	4
    7	Nesting:   Properly nest all of your html elements, as discussed in class  (and on pp. 23-24 of our text).  (E.g., the following is incorrectly nested:  "<strong><i>Important!</strong></i>")	4
    8	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.	4
    	TOTAL	50 pt.s *

* Note that you might lose points for sloppy HTML.  For example, if you leave out close tags (e.g., </html>, </body>, </head>, etc.), I might subtract points from the total even though there is no specific numbered task for "Proper HTML."