Lesson 2 - XHTML
(due Wed 9/2)
example 1
- original table-based page: Business of Web Design
- page sans tables, images, & javascript: old code
- code modified for XHTML validation: clean code
example 2
- original table-based page: Creating Web Pages with HTML
- page sans tables, images, & javascript: old code
- code modified for XHTML validation: clean code
Lesson 3/4 - CSS Basics
(due Wed 9/16)
Lesson 5 - Font & Text Properties
(due Wed 9/23)
- "live" site XHTML
- "live" site CSS
- relative.html
- relative-big.html
- relative-small.html
- fixed.html
- fixed-small.html
- vertical-align.html
- font-sampler.html
- text-sampler.html
Lesson 6/7 - Position Properties
(due Wed 10/7)
- "live" site XHTML (colorized <div> tags)
- "live" site XHTML (position properties)
- "live" site CSS
- box properties sampler
- position sampler - static
- position sampler - relative
- position sampler - absolute
- position sampler - fixed
- float & clear sampler
Lesson 8 - Midterm
(due Wed 10/14)
Lesson 9 - Adding Tools
(due Wed 10/21)
- comments posted on class message board
Lesson 10/11 - Layout (parts 1 & 2)
(due Wed 11/4)
- 2 column layout (absolute positioning)
- 3 column layout (absolute positioning)
- 3 column with header & footer (float & clear)
- 3 column with header & footer — Aslett clearing method (black bg)
- 3 column with header & footer — Aslett clearing method (purple bg)
- 3 column with header & footer — Aslett clearing method (pink bg) — (yeah, OK, enough playing!)
- "live" site XHTML
- "live" site CSS
Lesson 12 - Layout (part 3)
(due Wed 11/11)
Lesson 13 - CSS Layout Properties
(due Wed 11/18)
- 3 column (header & footer) fixed & centered
- 3 column (header & footer) fluid & centered
- "live" site XHTML (fixed or fluid flanks centered)
- "live" site CSS
Lesson 14 - Tables & Forms
(due Wed 11/25)
Lesson 15/16 - Navigation
(due Wed 12/9)
- simple horizontal navigation
- 3 links (bg img with 4 states)
- View Four-color Background Image
- 4-level navigation
- vertical pop-out navigation
- sliding door navigation (tabbed images)
- "live" site XHTML
- "live" site CSS
Final
(due Wed 12/16)
- original Zen Garden site — "Bonsai Sky" by Mike Davidson
- part 1 — div tags explained
- part 2 — css explained
- part 3 — images explained
- part 4 — modified css and part 4 — corresponding webpage (for modified css)