CS 101   Web Construction,  Winter 2008,  Instructor:  Jeffrey Horn

COURSE ANNOUNCEMENTS (Sunday, April 27, 2008)

• What's REALLY New:
  • A bit more FINAL information.   See below.
  • Due date extension for A6:  Now due Friday, May 2.  If you handed it in by the original deadline of Friday, April 25, I will give you extra credit (approx. equivalent to a 1/3 letter grade increase, e.g., B -> B+)

• Not so New (Older Announcements):
  • Added some info about the ISMAP attribute of IMG element.  ISMAP shows the coordinates of the mouse on your image, and is useful for finding out the coordinates of features in your image.  See A6 description below, for the link.
  • Update on A6:  due date is end of this week (Friday, April 25).  Also, I added a link in the A6 info below that will take you to the W3schools page with info on how to use "poly" shapes.
  • Assignment 6 up and assigned.  See below.
  • Some guidance for Final now up.  See bottom of page.
  • Assignment 5 due date finalized to Monday, April 14, BEFORE CLASS! 
  • Also, example code for A5 is now posted.   Click here.
  • Assignment 5 is assigned.  Intro to programming, in JavaScript!  Click here.
  • Happy St. Patricks!   HW4 is assigned.  Due in one week.  See here.
  • Quiz 1 on Monday, March 17, 2008, first 10-15 minutes of class.  Guide to quiz here.
  • Assignment 3 due dates modified:  Part 1 (Class Ring) is still due before Spring Break, while Part 2 you can send in (email me the URL) as late as Wed. March 12, 2008, after break, with no penalty.  (I want to grade Part 1 over break.)  So get your Part 1 up on the web.  If there are still broken links in the ring when I grade it, I will do my best to determine who is at fault!  As for the group grade (10 points for a complete ring), I MIGHT allow a second chance to get HALF credit for that (remember that this is a group grade; we all get the same grade for that task) if we have some time to fix the ring after break.  Don't count on that. 
  • Meanwhile, for the second half of this week, we will have two guest lectures.  Both of these will help with Assignment 3.  (Fluffy's will help with Part 1, while Brian's will help with Part 2.)  Both will include material that goes beyond A3, however!)
    1. Scott on Tables (Monday for the 4pm and 7pm sections, and Wed. for the 11am section)
    2. Brian (our tutor) with a CSS Workshop (Wed. for the 4pm and 7pm sections, and Thursday for the 11am section, possibly spilling over to Friday.)  It is strongly suggested that you bring your laptop and actually work through the workshop examples. 

    Any remaining time after Brian's CSS Workshop will be lab time to work on A3.

  • There will be no quiz until after break!  (Probably Wed., March 12, 2008.)
  • Assignment 3 description (below) enhanced with new examples (no changes to actual tasks or points!)
  • Assignment 3 posted below.  (Due before Spring Break!)
  • Topics for practice quiz:
    • Acronyms (what do these stand for?): HTML, nbsp;, CSS, etc.
    • Use of basic HTML tags: p,i,b,q,body,head,html, etc.
    • Proper nesting of HTML tags.
    • proper syntax for an HTML comment
  • Practice quiz middle of this week (Wed. for eve. sections, Thurs. for 11am section). On-line (webCT); bring your laptop machine!
  • Due date for Assignment 2 is moved back from Monday, Feb. 11 to Wednesday, Feb. 13, 2008 (midnight).
  • Added a link to example web page for Assignment 2.  See Assignment 2 info below.
    • Assignment 2 is up on the web!  See below.  Due in one week.
    • Added Asignment 1.  See Assignments section below.
    • Added Link to Fluffy's page (see Administrativa below).
    • Welcome to class!  See our syllabus (link below).

CONTENTS

• Administrativa
  • Syllabus
  • Our text's web site. 
  • Fluffy's Web Site  ("Fluffy" is Scott Raiford, our CS 101 consultant)
• Lecture Notes
• Assignments
• Programming
• Tests and Quizes

LECTURE NOTES

• Computer Number Systems
  • Binary Numbers
  • Hex Numbers
• Fluffy's Web Site  ("Fluffy" is Scott Raiford, our CS 101 consultant)
• Brian (our tutor)'s CSS Workshop
• JavaScript Topics

ASSIGNMENTS

• Assignment 1  "First Web Page"
  • Handed out:  Wednesday, January 23, 2008
  • Due:   Wednesday, January 30, 2008 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 valid .html file, using a text editor and a browser, and using actual valid html tags.
  • Details:  click here

   

• Assignment 2  "Multimedia Pages with Style"
  • Handed out:   Monday, Feb. 4, 2008
  • Due:       Monday, Feb. 11, 2008 Wednesday, February 13, 2008
  • Goals:  Create a static web page with images, lists, and using CSS to format.
  • Details: click here

   

Assignment 3  "Links"
• Handed out:   Wednesday, Feb. 20, 2008
• Due:        

  Part 1:  the Class Ring	Friday, February 29, 2008 (midnight) BEFORE SPRING BREAK!
  Part 2:  your own Multi-page WebSite	Wednesday after Spring Break (March 12, 2008)

• Goals: 
  1. Create a site with multiple, interlinked web pages (i.e., HTML files),
  2. Use different types of links,
  3. Use a table for simple layout of content,
  4. Use a standalone CSS file for styling of multiple pages.
• Details:  click here

• Assignment 5 "Intro to Programming in JavaScript:  Guess-the-Number Game!"
  • Handed out:   Monday, March 31, 2008
  • Due:   BEFORE CLASS, Monday, April 14, 2008    
  • Goals: 
    1. Learn how to program in a full (Turing-complete) programming language:  JavaScript
    2. Embed a client-side script (program) in a web page (HTML).
    3. Learn event-driven programming.
    4. Generate and use random numbers.
    5. Use conditional branching (i.e., "if-then-else" statement!)
  • Details: 
    • Implement a "guess-the-number" game.
    • The game should:
      1. Pick a random number from 0 (or from 1) to X (where X is an integer greater than 10).
      2. Ask the user/player to guess at the number until a correct guess is offered.
      3. Upon a correct guess, inform the player of the win.
      4. Upon an incorrect guess, give the player a clue.  E.g., "Higher/Lower".
  • Example Code developed in-class
  • Turn-in Procedure:   Upload to web.  Email me URL.
  • Grading Guidelines:
    • For approx. "C":  make an effort!
    • For approx. "B":  a game that actually WORKS!  It must allow the user to guess, and it must reply with correct clues.  It must also identify a correct guess when one is offered.
    • For approx. "A":   one or more "enhancements", such as...
      1. Give the player a button to reset the game.  This would allow the game to be played over and over.  OR...
      2. Keep track of the player's "score"  (number of guesses).  OR...
      3. Allow the player to choose the range of numbers (rather than just fixing it to 1 to 100, let's say).  OR...
      4. other ideas (get approval from me, Jeff, first!)
    • The above are general guidelines.  I will still count good style (i.e., comments, indentation), DOCTYPE declaration at the top, and VALIDATION.  Also, you should comment your code.  Show me that you can use JavaScript commenting!