Course Outline

Under Construction

I am in the process of rearranging the order in which the topics appear and the materials associated with each topic. The topics theselves shall remain the same, just the order and emphasis shall change.

Week by Week Outline
week topics materials deadlines

1

Intro & Project Overview

2

Info Architecture & Visual Organization

Some Online Webmaster Resources

Course Web Page Due Monday midnight

3

Interaction Design

Group Web Page with Asset Inventory Exercise Due Sunday midnight

4

Page Design

5

CSS Positioning & Frames

  • Cascading Style Sheets
  • Selectors and Rules
  • Formatting & Positioning
Individual Midterm Due Wednesday midnight

6

Deeper Into Scripting

  • Client-side Scripting: Javascript
  • MVC: The Document Object Model
  • Javascript: Review the Basics
  • JavaScript: Enhancing Interactivity
  • JavaScript Libraries and AJAX
Group Midterm Due Wednesday midnight

7

Dynamic Pages

  • Dynamic Pages
  • Advanced Techniques
  • Cross Browser Compatability
  • Development Case Study: A sliding menu system

Dynamics in the Browser

The Document Object Model

"Liquid Layout" Walkthrough

In-Class Exercises

  1. Create a simple cross-platform image-swapping display page, using only HTML/XHTML and CSS and JavaScript. For an example, look at this tutorial from WebMonkey.
  2. Create a simple cross-platform page which opens at least one new browser window each time you try to close a browser window, using only HTML/XHTML and CSS and JavaScript. For a discussion of Window creation and manipulation, look at this other tutorial from WebMonkey. Think of this as a start on building the user interface from Hell.
  3. Dynamic HTML and Layouts Exercise

Example Solution

Final Group Project Assignments

Group Final Projects presented on exam day

8

Servers & Forms

Example Uses:

Final Project Milestone

Monday: Group Final Project design document ready for in-class review

9

Servers

  • PERL & CGI
  • Outputting HTML (or whatever)
  • Regular Expressions
  • Apache configuration
  • Server Side Includes & .htaccess

Final Project Milestone

Monday: Group Final Project site mock-up ready for in-class review

Wednesday: Practice Practical Exam

10

Accessability & Demos Begin

  • Accessibility

Monday: Practical Exam

Final Project Milestone

Wednesday: Group Final Project functional demos ready for in-class review

exam week


Valid HTML 1.0! Valid CSS! Pastafarian Flag

Last modified: 12 Feb 2007 08:59:00 AM