Client-Side Scripting CPU: Spring 2007

Rachel A Ober
rober@ccs.neu.edu
http://cpu.rachelober.com/

Prerequisites:

• Basic HTML Knowledge

Purpose:

This is a very basic course on teaching students how to create dynamic web pages utilizing CSS, Javascript and XHTML. After each topic is discussed, students will be given lab time to ask questions and experiment with course materials. The final class gives students a chance to present their final projects using what they were taught during this 3-week course. Students are also welcome to bring their own ideas for subjects they would like to learn in web design.

Lectures:

• Lecture 1: Cascading Styles Sheets
• Lecture 2: Cascading Styles Sheets
• Lecture 3: Cascading Styles Sheets
• Lecture 4: Cascading Styles Sheets
• Lecture 5: Javascript
• Lecture 6: Javascript
• Lecture 7: Javascript
• Lecture 8: Advanced Topics

Syllabus:

• First Week: Cascading Style Sheets
  • Monday, March 12, 2007
    • Introduction, getting setup with personal web space
    • Basics of CSS
    • IDs versus Classes
    • Lab #1: Recreating Styles (30 mins)
  • Tuesday, March 13, 2007
    • Going over last night's samples and answers
    • Reviewing Syntax
    • Combining Lines
    • Cascading Styles
    • Lab #2: Moving Styles to an External Document (30 mins)
    • Positioning with CSS
    • Structuring Documents
    • Replacing tables with CSS
    • Lab #3: Designing Without Tables (30 mins)
• Second Week: CSS Review and JavaScript
  • Monday, March 19, 2007
    • CSS Positioning
    • CSS Media
    • JavaScript Basics
    • Lab #4: Basic JavaScript
  • Tuesday, March 20, 2007
    • Manipulating HTML data with Javascript
    • Form Validation
    • Lab #5: Form Validation
    • Integrating Javascript with CSS
    • Offering layout choices to users
    • Lab #6: Integrating JavaScript with CSS
• Third Week: XHTML and Final Projects
  • Monday, March 26, 2007
    • How is it different from HTML
    • Valid XHTML and validating XHTML
    • Lab #7: Rewriting Old Code to be XHTML Strict
  • Tuesday, March 27, 2007
    • Extra Topics of choice
      • More CSS?
      • Page Events?
    • Presentations of Final Project
• Extra Topics
  • Manipulating List Elements for Navigation
  • Common Navigation Techniques
  • Lab #4: Techniques for Navigation Design
  • Using CSS to manipulate items in an HTML document
  • Lab Extra: Creating a style sheet without changing HTML