Homework Page
lessons: 2/3 / 4 / 5/6 / 7 / 8 / 9/10 / 11 / 12 / 13 / 14/15/16 / final
Lesson 2/3 - CSS Basics
Links to live page and live css file:
cascade sampler
cascade.css file
Lesson 4 - Font and Text Properties
Live site with font and text properties applied.
The properties I used are: @fontface, font-family, font-size, font-weight, font-height, font-variant,letter-spacing, text-align, text-decoration, text-transform.
relative file
relative big
relative small
fixed file
fixed small
@font-face using google and local fonts
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
Lesson 11 - Layout part 3
Lesson 12 - Layout part 4
Lesson 13 - Tables and Forms
Lesson 14/15/16 - Navigation
links that display an image that has 4 states
horizontal navigation bar with 3 levels of drop down navigation.
live site with drop down navigation
Final
Link to original Zen Garden site
link to design with div tags colorized, color key of div tags, explanation of how they fit together.
CSS of Zen Garden site explained
images of Zen Garden site explained
* For the modified version, I removed most of the stuff from the css that I didn't quite understand, and most of the html as well, and changed a few colors, margins, etc. I was trying to see if I could make the site look the same without all this stuff and it does, although it is probably not as functional! BTW, after removing all the acronym code, I now at least understand what it is. I think if I had need of so many acronym descriptions I would have a key somewhere on the page. I also do not think I will ever want to have access keys! But I am not going to be doing this for a living...if I were I realize I would need to know what these things are.
