Thomas Fonseca - Homework CS 50.11C
Section #5407
Spring 2012
Lesson 2/3 - CSS Basics
Link to cascade-sampler
"Live page" with external style sheet added
live.css file - include a multiple and contextual selector
Link to selector-sampler
Lesson 4 - Font and Text Properties
Create the following files to illustrate how to stretch and shrink fonts
*
relative.html
*
relative-big.html
*
relative-sm.html
*
fixed.html
*
fixed-small.html
@font-face using google and local fonts
live site with font and
text properties
css file
I have used the following font and text properties:
- font-family
- font-size
- font-weight
- text-transform
- text-shadow
- line-height
Lesson 5/6 Position Properties
Position Property -
static
Position Property
- relative
Position Property
- absolute
Position Property -
fixed
Live site with <div> tags colorized
live site with box properties
css file
Lesson 7 - Backgrounds
Lesson 8 - Midterm
Lesson 9 - IE / Browser Simulators
post your comments to the class message board
Lesson 10/11- Layout part 1 and 2
Part 2
3 column fixed (Using Aslett clearing and Faux image Method)
Lesson 12 - Layout part 3
Lesson 13 - Layout part 4
(please note I have 4 examples on my homework page, you are required to produce only 3)
Lesson 14 - Tables and Forms
Lesson 15/16 - Navigation
links that display an image that has 4 states
My Background Image 
horizontal navigation bar with 3 levels of drop down navigation.
live site with either drop down, vertical or sliding door navigation.
Final
link to design with div tags colorized, color map of div tags, explanation of how they fit together.