Lesson 2 - XHTML

• link to original page: table based page
• link to the page with the tables, javascript removed: old code
• link to the page after code has been modified to pass XHTML validation: new code

Lesson 3/4 - CSS Basics

• link to "Live Lesson"
• link to live.css file (multiple selectors)
• link to "Cascade Sampler"
• link to cascade.css file
• link to "Selector Sampler"

Lesson 5

• stretching and shrinking fonts -
  • link to relative.html
  • link to relative-big html
  • link to relative-small.html
  • link to fixed.html
  • link to fixed-small.html
• link to vertical alignment text sampler
• link to live site with font and text properties
• link to css file

Lesson 6/7 - Position Properties

• link to "Box Property Sampler"
• "Position Property Sampler" -
  • link to position-static.html
  • link to position-relative.html
  • link to position-absolute.html
  • link to position-fixed.html
• link to float and clear sampler
• link to live site with <div> tags colorized
• link to live site with box properties
• link to CSS file

Lesson 8 - Midterm

Lesson 9 - IE/Firefox Developer Toolkit/Browser Simulators

• link to comments on the class message board

Lesson 10/11 - Layout part 1 & 2

• link to 2 column layout using absolute positioning
• link to 3 column layout using absoltue positioning
• link to 3 column with header and footer using float and clear
• link to Askett clearing method
• link to Live site - web page
• link to Live site - css file

Lesson 12 - Layout part 3

• link to 3 fixed columns with a background image, so the 3 columns go down the entire length of the columns.
• link to 3 columns with fluid side columns and 2 background images - 3 columns go the entire length of the columns.
• link to CSS file

Lesson 13 - CSS Layout Properties

• link to 3 column fixed centered
• link to 3 column fluid centered
• link to live site with centering trick
• link to CSS file that controls live site

Lesson 14 - Tables and Forms

• link to Table Sampler
• link to Styled Form

Lesson 15/16 - Navigation

• link to Simple horizontal navigation
• link to Page with links that display an image in the background that has 4 states (link, visitied, hover, active)
• link to view image
• link to Horizontal navigation bar: drop down navigation
• link to Horizontal navigation bar: pop out navigation
• link to Horizontal navigation bar: second level pop out navigation
• link to Horizontal navigation bar: drop down navigation
• link to vertical Navigation
• link to Sliding Door Navigation