WDS 07: Advanced CSS 03/03/17

REVIEW:
HTML/CSS:
Complete Code review for 15, and 16
– Try External CSS
– Try CSS opacity hover (Show)
PROCESS: Interface design. Home page (Show)

Make sure all PROCESS deliverables are accounted for.
MID TERM: Process documentation due on Friday, March 17th.

READING:
Ch. 15
They have semantic difference – a “div” element is designed to describe a container of data whereas a “p” element is designed to describe a paragraph of content. (Nesting: you can not nest anything in a “p” tag)
Best review
The power of “Z” and test code
Floaters
Float and Clear
Another explanation of the FLOAT
Example
Next Week: 2 column, and 3 column layout. Media queries – using multiple CSS

Ch. 16
Image Size
Alignment (Note: using Float)
Centering options
The float is key
After Spring Break: Image Rollovers and Sprites

Studio 07: Advanced CSS
Sources to Review:
– More about the “Z”
Flaunt it
3 columns
more 3s

Read: Chapter 3, and 14.
Complete Code review for 3, and 14

CSS/HTML
Make sure you understand “Float” and “Clear”.
Review this EXAMPLE. Copy and customize! (Show next Week)

Make sure all PROCESS deliverables are accounted for.
MID TERM: Process documentation due on Friday, March 17th.