Homework Page

CS 50.11C - Cascading Style Sheets
Ambrietta Gonzalez - Section 1385

Lesson 2/3 - CSS Basics

Link to live page :: link to live css file

Live Page

Live.css File

Cascade Sampler

Cascade.css File

Selector Sampler

Lesson 4 - Font and Text Properties

live site with font and text properties applied. The properties I used are......s

• relative
• relative big
• relative small
• fixed
• fixed small

vertical alignment

@font-face using google and local fonts

test shadow sampler

Lesson 5/6- Position Properties

live site with <div> tags colorized

live site with box properties

box property sampler

• position-static
• position-relative
• position-absolute
• position-fixed

image gallery

css file for div colors

Lesson 7 - Backgrounds

border radius sampler

box shadow sampler

gradient sampler

multiple background project

Lesson 8 - Midterm

Lesson 9/10 - Layout part 1 and 2

2 column fixed

2 column flxed right

2 column fluid

1 column fluid

3 column fixed

3 column fluid

3 column fluid center

Lesson 11- Layout part 3

2 column absolute

3 column absolute

3 column header

order of content

Lesson 12 - CSS Layout Properties

Live site - 2 column fixed

Live site - 2 column fluid

Live site - 3 column fixed

Live site - 3 column fluid center

Lesson 13 - Tables and Forms

Table Sample

Style Form

Lesson 14/15 - Navigation

Horizontal Nav

Pop Down Nav

4 States

Vertical Nav

Sliding Door

Live Site

Final

Link to Original Design

Link to Design with DIV Tags Colorized, Color Key of DIV Tags, Explanation of How They Fit into Each Other

Link to CSS File Explained

Link to Images Explained

Link to Modified Design

Modified CSS

Back to Top

Lessons	Name of Lesson	Due Date
2/3	CSS Basics	9/12
4	Font and Text Properties	9/19
5/6	Position Properties	10/3
7	Backgrounds	10/10
8	Midterm	10/17
9/10	Layouts Part 1 and 2	10/31
11	Layout Part 3	11/7
12	CSS Layout Properties	11/14
13	Tables and Forms	11/21
14/15	Navigation	12/12
16	Final	12/19