Introduction to CSS
Principle 1: Separate content from design. The difference between "document structure" and "document layout" - pg. 1 - 6
Principle 2: The "levels" of CSS
Principle 3: The basic syntax of CSS - pg. 23, 24
Principle 4: How styles are used: applying styles and code order
Principle 5: Planning and Naming your Styles

Skill 1: List your own styles
Skill 2: Define a style in code
Skill 3: Define your styles in Dreamweaver.

NOTES
CASE STUDY 1 - this code will be used in class.
EXERCISE 1 - Read CSS applied in an HTML file
WEB REFERENCE 1: The CSS Saga

Reading the CSS File

Principle 6: Organizing and commenting your styles
Principle 7: Using a style in combination with a tag - adding the link <a> to styles
Principle 8: How to find and view a CSS file from another web site

Skill 4: Organize and comment your styles
Skill 5: Set link formatting in your text styles

Brain Puzzle: If you have added a style with a link style, but it doesn't work when you add a link, what might have happened?

CASE STUDY 2 - where are the style sheets?

EXERCISE 2 - Getting a CSS file .
EXERCISE 3 - Compare the formatting code to the HTML file.
EXERCISE 4 - Your page content

Order of Precedence and Other Details
Review 1: Your style list - organization, comments and completeness to this point.
Review 2: Find the style sheets

Principle 9: Order of Precedence in styles
Principle 10: Don't forget your other technologies while you are creating your CSS
Principle 11: The "stuff" at the top

CASE STUDY 3 - discuss interaction between the CSS and Dreamweaver Templates and Library Items

EXERCISE 5 - The Order of Precedence of CSS styles.

Spacing and Placing with CSS

Principle 12: Positioning - pg 283 - 338 & pg 94, 113, 114
Principle 13: Margin and padding properties - pg 210 - 223

EXERCISE 6 : Starting your layer structure
EXERCISE 7: Positioning Columns

CASE STUDY 4 - Comparing two sets of CSS Zen Garden style sheets

WEB REFERENCE 2: CSS Centering - Auto Width Margins
WEB REFERENCE 3: Another great page on centering
WEB REFERENCE 4: Understanding the "box" model

More Spacing and Placing with CSS

Principle 14:
Principle 15:

EXERCISE 7 : Practicing positioning with coordinates

Lab Class

CASE STUDY 5 - Flash v CSS

Lab Class

RETURN: rethink your production process

Review