Topics:

• Syllabus
• Introduction

Activities:

• Get the textbooks and read the materials

Textbook readings:

• LWD, Chapters 1 and 2
• HTML5, Chapter 1

Supplementary readings and resources:

• Acceptable Use Policies for our web server(wyrd.hood.edu)
• History of the Internet & Web
• Kevin Kelly on the next 5,000 days of the web

Topics:

• A First look at HTML

Activities:

• Lab 1 is embedded in lecture notes
• Lab 2: Create a web resume

Textbook reading:

• LWD: Chapter 4
• HTML5, Chapter 1

Supplementary readings and resources:

• W3C HTML validation service
• Form to submit a page to HTML TIDY

Topics:

• Cascading Style Sheet(CSS) Basics
• Selectors and Typography

Activities:

• lab03: Style your web document
• lab04: Apply typography

Textbook reading:

• LWD: Chapter 11-13
• CSS3, Chapter 2-5

Supplementary readings and resources:

• CSS Selectors
• W3C CSS Validator
• CSS Zen Garden
• Separation: The Web Designer’s Dilemma

Topics:

• Hyperlinks
• Lists and external style sheets

Activities:

• Lab 05: Use hyperlinks
• Lab 06: Work with lists

Textbook reading:

• LWD: Chapter 11-13
• CSS3, Chapter 2-6

Supplementary readings and resources:

• The Dollars and Sense of Building to Standards by Alan K'necht at Digital Web Magazine
• CSS Design: Going to Print by Eric Meyer at A List Apart
• Consistent List Indentation by Eric Meyer at Mozilla Developer Center

Topics:

• Inserting images in pages
• Displaying tabular data

Activities:

• lab 07: Add images to a page
• Lab 08: publish your web documents(with SSH)
• Lab 08: publish your web documents(with FireFTP)
• Lab 09 : Create a table

Topics:

• The box model
• Page layout with CSS
• Page organization

Activities:

• Lab 10: Layout to a page
• project 1 (Comprehensive)

Topics:

• (Simple) Navigation menus
• Multiple-level menus

Activities:

• Navigation Menu practice

Topics:

• Introduction to JavaScript
• JavaScript functions

Activities:

• Lab12, Feel the burn! Calculations

Topics:

• HTML Forms and JavaScript, Part I
• HTML Forms, Part II

Activities:

• Lab 13 Tip Calculator
• Lab 14 Eagle or Beagle

Topics:

• Server Side Include
• Lightbox slideshow
• Dynamic Content

Activities:

• Lab 15 Online photo album

Topics:

• Responsive Web Design

Activities:

• Optional Exercise embedded in the notes above. Due 11:59pm on August 10th. No extension..
• Project II