Homework Page

Darcy Reynolds
Section: 1385
Email: darcival@gmail.com

Lessons: 2/3 | 4 | 5/6 | 7 | 9/10 | 11 | 12 | 13 | 14/16 | Final

Lesson 2/3 – CSS

Live Page
live-site.css
Cascade Sampler
cascade.css
Selector Sampler

Lesson 4 – Font and Text Properties

Live Page
live-site.css
The properties I used are font-family, font-size, line-height, font-varient, and text-decoration.

Relative File
Relative Big
Relative Small
Fixed File
Fixed Small

Vertical Alignment

@font-face Using Google and Local Fonts

Text Shadow Sampler

Lesson 5/6 - Position Properties

Box Properties Sampler

Position Properties Sampler which consists of 4 files:
Static
Relative
Absolute
Fixed

Image Gallery

Live Site Colorized
Live Site with Box Properties

Lesson 7 - Backgrounds

Border Radius Sampler

Box Shadow Sampler

Gradient Sampler

Multiple Background Sampler

Lesson 9/10 - Layout Part 1 & 2

2 Column Layout Fixed

2 Column Layout Fixed Right

2 Column Layout Fluid

1 Column Layout Fluid

3 Column Fixed (uses Aslett and faux column image)

3 Column Fluid

3 Column Fluid Center

Lesson 11 - Layout Part 3

2 Column Absolute

3 Column Absolute

3 Column Absolute with Header

Order of Content

Lesson 12 - Layout Properties

Live Site - 2 Column Fixed

Live Site - 2 Column Fluid

Live Site - 3 Column Fixed

Lesson 13 - Tables and Forms

Table Sampler

Form Sampler

Lesson 14/16 - Navigation

Simple Horizontal Navigation

Links with a Background Image

Horizontal Drop Down Navigation

Vertical Navigation

Sliding Door

Live Site (look under "lesson" for the drop-down menu).

Final

Link to Original Design

Link to Design with div tags colorized, a color key of div tags, and anexplanation of how they fit into each other.

Link to CSS File Explained

Link to Images Explained

Link to Modified Design