NMU logo                                             Dept. Colloquiua

CS 101   Web Site Construction,  Winter 2014,  Instructor:  Jeffrey Horn

COURSE ANNOUNCEMENTS (Sunday, April 27, 2014)

What's REALLY New:

Not so New (Older Announcements):

Administrativa

LECTURE NOTES

VIDEOS:

WORKSHOPS and WORKSHEETS:

ASSIGNMENTS

TESTS AND QUIZES

Quizes

  1. Quiz 1 will be in class, Thursday, January 23, 2014:  Open book, open notes, open computer, but DO YOUR OWN WORK!   The quiz will be about the basic structure of an HTML document.   You will be given a bunch of element tags, such as <html> </body>, <head>, <ul> , </li>, etc.   You are to then list these in the proper order of a valid html document.   Note there will be both start and end tags, but no actual content!   See here for how the quiz will look.  Elements you should know from lectures and assignments:  <html>, <head>, <title>, <body>, <ul>, <ol>, <li>, <p>, <hr>, <div>, <a>, <!--  -->  (the comment element), and the document type declaration <!DOCTYPE html>.   Know how to put these tags into the appropriate order.   See examples from the book, or from almost any page on the web!

  2. Quiz 2  in class, multiple choice

  3. Quiz 3 in class, multiple choice

  4. Quiz 4 in class, on Tables

  5. Quiz 5 will be in class, Thursday, April 3, 2014:  Open book, open notes, open computer, but DO YOUR OWN WORK!    Topic:  FORMS 

    1. Know the basic form elements (e.g., <form>, <input>) and the essential attributes of these elements (e.g., for <form> know "action" and "method", for <input> know the different values for "type", also know "name")

    2. Understand how form data is sent (as the values of named data fields!!!!).   Know that data fields without names are NOT sent!

    3. Know how a client-side script invokes a server-side script.  Know what a server-side script can do with submitted form data and what it can send BACK to the form-user's browser.  (E.g., if a user takes a survey/poll by filling out an on-line form and submitting the form, how can the server-side script show the results to the user?)

  6. Quiz 6 will be in class, Thursday, April 10, 2014:  Open book, open notes, open computer, but DO YOUR OWN WORK!   

                         Topic:  ADVANCED CSS (classes and id's)

    1.  There will be a short in-class quiz (Q6), open book, open notes, open computer, on the following topics from Ch. 8, Advanced CSS:

      -  CSS classes
      -  CSS id's

    2. Know your syntax for using using CSS in the <head> to style elements in the <body> by various CSS selectors, including class and id.

      I will give you the source code of a web page with embedded CSS along with content in the <body> that is marked up by class and id.   Then you tell me which CSS rules apply to which elements.

      E.g.,    <h1 class="sectionHeading" id="NAPWAR">  The Napoleonic Wars </h1>  would be styled by any CSS rule whose selector is "h1" or ".sectionHeading" or "#NAPWAR".

      There MAY be a question on pseudo-classes (e.g., a:hover) and compound selectors (e.g., "h2.sectionHeading" ).

Final Exam