Des•301 Advanced Web Design

Class Schedule

Class meets

Week

Day

In Class

Projects

Readings

1

1/5

  • Review of HTML & CSS basics
  • Doctypes & browser modes
  • Meaningful markup
  • Selectors

E. Meyer: pp.23–61

1/7

  • Specificity
  • Inheritance
  • The Cascade
  • Values and units

E. Meyer: pp.62–93

2

1/12

  • The box model
  • Inline vs. block level elements
  • Positioning and floating
  • Multiple columns

E. Meyer: pp.158–206, 283–338

1/14

  • Padding borders & margins
  • Colors and backgrounds
  • Image replacement *

E. Meyer: pp.207–282

3

1/19

 

  • Proper table layout
  • Styling tabes

E. Meyer: pp.339–369

 

1/21

  • Lists and generated content

E. Meyer: pp.370–394

4

1/26

 

  • Fun with CSS: Making rounded corners

 

1/28

  • Fun with CSS: Making drop shadows
  • Frames (continued)

 

5

2/2

 

  • Fun with CSS: styling links
  • Fancy menus

2/4

  • Fun with CSS: styling links
  • Drop-down menus
  • Graphical navbars
 

6

2/9

 

  • Intro to Javascript
  • Random images
  • Pop-up windows

2/11

  • More Javascript: Cycling ad banner
  • (or slide show??)

7

2/16

  • Protecting email links
  • Forms and php

2/18

  • Favicons

8

2/23

 

 

  • Frames
  • iFrames

2/25

  • Audio and video format basics
  • Recording and editing with Garage Band

9

3/2

  • Embedding audio on a Web page

3/4

  • Flash media encoder
  • Embedding video on a Web page

10

3/9

  • Intro to XML
  • Creating an RSS feed

3/11

  • Final critique
  • \

Syllabus

Class Resources