CS 101   Web Construction,  Fall 2007,  Instructor:  Jeffrey Horn

COURSE ANNOUNCEMENTS (Friday, November 30,  2007)

• What's REALLY New:
• Assignment 6, see below.  Actually, just click here.  (It needs its own page!)
• Not so New (Older Announcements):
  • Assignment 5, see below.
  • Assignment 4 assigned (see below)
  • Assignment 3 assigned (see below)
  • Assignment 2 assigned (see below)
  • Tutor hours (see below)
  • Assignment 1 assigned (see below)
  • Welcome to class!  
  • Reading: 
    • Browse Ch. 1 to see if there is any topic there that you don't really know; read it!
    • Read Ch. 2.  That is the material we are covering now, in the first week of class!

CONTENTS

• Administrativa
• Syllabus
• Our text's web site. 
• Tutoring: 
  • Dept. tutor, Brian Krent bkrent@nmu.edu
  • Hours:  

    MONDAY	WEDNESDAY
    4-6:00pm	1-3:00pm

• Lecture Notes
• Assignments
• Programming
• Tests and Quizes

LECTURE NOTES

• Assignment 1  "First Web Page"
  • Handed out:  Thursday, August 30, 2007
  • Due:    Thursday, September 6, 2007 IN CLASS!
  • Goals:  Simply a "hello world" type of programming assignment.  So major goal is simply to get used to the "development environment", which includes creating, editing, and viewing your own .html file, using a text editor and a browser.
  • Details:
    • Create a single, simple web page consisting of a single .html file.  (10 pt.s)
    • Make sure it has original content in each of the following elements:
      1. Title  (10 pt.s)
      2. Comments (10 pt.s)
      3. body (10 pt.s)
    • Other features:
      1. Multiple colors (10 pt.s) 
      2. Multiple paragraphs (i.e., use "<br>"!)    (10 pt.s)
      3. Indentation (of at least one paragraph)   (10 pt.s)
      4. Italicized text.  (10 pt.s)
      5. Bold text.  (10 pt.s)
      6. Underlined text.  (10 pt.s)
  • Grading:  Total 100 pt.s   The usual grading scale (i.e., 90 to 100 pt.s is an A, 80 to 89 pt.s is a B, etc.)
  • Turn-in Procedure:    Show me your web page on your notebook, in class Thursday or during my office hours
• Assignment 2  "Multimedia, Linked Web Page"
  • Handed out:   Thursday, Sept. 6, 2007
  • Due:       TBA
  • Goals:  Create a static web page with images and hyperlinks.
  • Details:
    • Choose your own topic for a web site.  Create a web page (.html file) with the following properties.
    • Other features:
      1. Center-justified elements   (10 pt.s)
      2. Right-justified elements  (10 pt.s)
      3. Local image.  (10 pt.s)
      4. Remote image.  (10 pt.s)
      5. Link to a remote web page.  (10 pt.s)
      6. An image that is a link.  (10 pt.s)
      7. Good style (indentation and some "main" comments at the top, including name, etc.) in your source file.  (10 pt.s)
      8.  Put your assignment on the web (find a server) and send me the URL! (10 pt.s)
      9. Send me your assignment in a compressed folder, with all files in the folder.  Send it to "jhorn@nmu.edu" (10 pt.s)
      10. An animated gif.  (10 pt.s)
  • Grading:  Total 100 pt.s   The usual grading scale (i.e., 90 to 100 pt.s is an A, 80 to 89 pt.s is a B, etc.)
  • Example Code:  Starbucks
  • Turn-in Procedure:   (see tasks above.)
   
• Assignment 3  "Web Page Structuring and Multipage WebSites"
  • Handed out:   Thursday, Sept. 20, 2007
  • Due:    Friday, Sept. 28, 2007 end-of-day  (12 midnight!)
  • Goals:  Structure a web page with tables and lists, link to a local page, and link to a classmate.
  • Details:
    • Choose your own topic for a web site.  Create a main web page (.html file) with the following properties.
    • Other features:
      1. Ordered list  (with at least three items. ) (10 pt.s) 
      2. Unordered list   (with at least three items. )  (10 pt.s)
      3. Nested lists   (with different numbering for the different levels; see demo8.html)  (10 pt.s)
      4. Table (with at least two rows and at least two columns) (20 pt.s)
      5. Link to a second local web page (within the same folder as the first web page). (20pt.s)
      6. Link from the second web page (in feature 4 above) back to the first web page.  (15 pt.s)
      7. Link to the HW3 web page of the next (alphabetically) classmate in CS 101. (15 pt.s) 
  • Grading:  Total 100 pt.s   The usual grading scale (i.e., 90 to 100 pt.s is an A, 80 to 89 pt.s is a B, etc.)
  • Example Code: 
    1. See demo7.html (lists), demo8.html (nested lists), and demo9.html  (tables) and demo10.html (tables) of our text book web site.
    2. Here is a table example of our own. 
  • Turn-in Procedure:   Just email me your web site URL. (jhorn@nmu.edu)

• Assignment 4 (click here)

• Assignment 5 (click here)

• Assignment 6:  Video Voting  (Just click here; it needs its own page!)

Language: HTML, Javascript
 

Platform:   NMU IBM ThinkPads OR Apple iBooks/iMacs

TESTS AND QUIZZES

• All tests are open book and open notes.  Some require your notebook computer (I'll let you know ahead of time!)  NONE are "open neighbor"!  (i.e., no help from others!)

FINAL