WDS 08: Lists – Interactive Menus 10/21/16
Complete Code review for 3, and 14
Make sure you understand “Float” and “Clear”.
Review this EXAMPLE. Copy and customize! (Show)
Make up work from last week (Show)
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
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.