Syllabus: Web Content I - WM102

Instructor: Arlyn J. Hubbell

Required Text:

• HTML & XHTML Pocket Reference, 4th Edition
  Author: Jennifer Niederst Robbins
  O'Reilly & Associates, Sebastopol, CA; ISBN: 0-596-80586-1

Class Nights (To Be Discussed):

january 23

january 30

february 6

february 13

february 20

february 27

march 5

---

Class I

• Course Requirements
• Unix Intro
• Good Web Sites? Bad Web Sites?
• The Anatomy of a Web Page & a First Simple Page
• Homework: Brainstorm topic for final project & be ready to discuss during next class. Issues to address include but are not limited to: the primary purpose of your site, the expected audience (demographics), technical requirements, future maintenance plans, and budget considerations.

Class II

• Basic Page Layout
• HTML Elements & Attributes I
• < html > ... < /html>
• < head > ... < /head>
• < title > ... < /title>
• < body > ... < /body>
• < h1-6 > ... < /h1-6>
• < p > ... < /p >
• < img / >
• < a>... < /a >
• In-Class Exercise
• Homework: Linking Web Pages

Class III

• HTML Elements & Attributes II
• Lists
• Anchor Links
• Link IDs
• In-Class Exercise
• Homework:

Class IV

• Tables
• < table > ... < /table >
• < caption > ... < /caption >
• < th > ... < /th >
• < tr > ... < /tr >
• < td > ... < /td >
• In-Class Exercise/Homework: Create a set of three linked pages for the calendar months april, may, and june. Include markup in the calendars indicating WM102 class meetings, holidays, and anything else you find appropriate. Class days should have a light blue background, holidays a light green background, and weekends should be grey. Link the class entries to our syllabus (http://merimack.freeshell.org/WM102/Syllabus.html) and the holidays to applicable web pages on the Internet.
  
  AND
  
  Create a tables formatted online resume. Include links to current and past employers and schools attended. Use anchor IDs that will allow your visitor to "jump" to specific sections of the document. Here is an example for your reference.

Class V

• Forms
• < form > ... < /form>
• < input / >
• < select > ... < /select>
• < textarea > ... < /textarea>
• In-Class Exercise/Homework: Final Project Preparation

Class VI

• Frames
• < frameset > ...< /frameset >
• < frame >... < /frame >
• In-Class Exercise
• Review, Questions, Consult on Final Projects
• Homework: Complete Final Project for Presentation Next Week

Class VII

• Final Project Presentations
• Questions, Thoughts, Comments, Etc.

---

---

Grade Determination
Per the requirements of Merrimack College, participants in this class will receive a letter grade upon completion of this course. Grades will be based on:

• class attendance and participation (25%)
• successful and timely completion of the assignments (25%)
• the final project (50%)

Please email arlyn@panix.com when homework assignments are ready for review. All html assignments, as well as the final project, must be done by hand (without the aid of any html software) and must be saved in the class' Unix account or on another appropriate Unix server that is accessible via the web.