Emilie Rogier- Section 5407
lessons: 2/3 :: 4 :: 5/6 :: 7 :: 8 :: 9/10 :: 11 :: 12 :: 13 :: 14/15 :: final
Lesson 2/3 - CSS Basics
Link to live page :: link to live css file
"Live page" with external
style sheet added
live.css file - include a multiple and contextual selector
Cascade Sampler
cascade.css file
Lesson 4 - Font and Text Properties
samples on how to stretch and shrink fonts
relative file
relative big
relative small
fixed file
@font-face using google and local fonts
live site with font text properties
I have used the following font and text properties ...
- The disclaimer @ the bottom uses a local font embedded into the document.
- Different colors are used for header sizes.
- Text alignment is used.
Lesson 5/6- Position Properties
live site with <div> tags colorized
position-static
position-relative
position-absolute
position-fixed
Lesson 7 - Backgrounds
Lesson 8 - Midterm
Lesson 9/10- Layout part 1 and 2
3 column fixed (uses Aslett and faux column image)
Lesson 11 - Layout part 3
Lesson 12 - Layout part 4
Lesson 13 - Tables and Forms
Lesson 14/15 - Navigation
links that display an image that has 4 states
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)
live site with either drop down, vertical or sliding door navigation.
Final
link to design with div tags colorized, color kep of div tags, explanation of how they fit together.
images explained
modified design
