circle of life
click here

diane

laurie

 

 

lesson 1 – begin

lesson 2 – xhtml

lesson 3/4 – css basics

lesson 5 – font & text properties

lesson 6/7 – position properties

lesson 8 – midterm

lesson 9 – ie / firefox developer toolkit / browser simulators

lesson 10/11 – layout part 1 & 2

lesson 12 – layout part 3

lesson 13 – css layout properties

lesson 14 – tables & forms

lesson 15/16 – navigation

  • simple horizontal navigation
  • page with links that display an image in the background that has 4 states (link, visited, hover, active)
  • view image
  • horizontal navigation bar that has drop down navigation, pop out navigation, and second level pop out navigation (for a total of 4 levels of navigation)
  • vertical navigation
  • sliding door navigation

lesson 17 – final

  • original design
  • design with div tags colorized, color key of div tags, explanation of how they fit into each other
  • css file explained
  • images explained
  • modified design

 

return to top

design, "circle of life" © diane laurie 2010 — last update: 19-Apr-2010
circle of life