Lesson 2 - XHTML
Lesson 3/4 - CSS Basics
Lesson 5
Lesson 6/7 - Position Properties
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