WDS 08: Lists – Interactive Menus 10/21/16

REVIEW:
Complete Code review for 3, and 14
CSS/HTML
Make sure you understand “Float” and “Clear”.
Review this EXAMPLE. Copy and customize! (Show)
Make up work from last week (Show)

READING:
Ch. 14
List styles
List images
Table Properties
Even the Cursor can change
Lists are important for drop down menus:
Drop, example. JS Basics.
Can do it in CSS as well
Pick your poison

Ch. 15
The power of “Z”. Download code – DEMO
2 column, and 3 column layout.
@import. + Layout example
But, when presented as a media rule: @media – used for different purposes:
Media Rules
– More Media info

Studio 08: More CSS + Drop downs
IN CLASS: COMPLETE THE FOLLOWING
– Create a 2 Column layout using HTML/CSS
– Create a 3 Column layout using HTML/CSS
– Try a JS Drop down menu
– Try CSS Drop down
– Try Media query (color change)

READ: Ch 12, and 17
Complete Code review for 12, and 17

Process and Design:
MID TERM: Process documentation due next class – Friday, October 28th.
Examples:
Mid-term:
Mid
Mid