CE 2411 06: More CSS 07/18/16

INTRO:
HTML/CSS:
Complete Code review for 11 and 13
– Try Meta tag, refresh and redirect
– Create at least 3 HTML pages, using CSS to complete the following on each page:
– 1. place background image,
– 2. Use the “box model”
– 3. Use pseudo classes

Revise Usability maps, Site Map, Wireframes and Prototypes based on feedback (completed by next class)
Create an interface (Web Design) for your site. Focus on Home and significant sub page.

READING:
Chapter 10
Best examples
CSS Rules
External CSS. Here is how

Review Page 238, 292 in book
The :first-child selector allows you to target the first element immediately inside another element. It is defined as a “structural pseudo-class”, meaning it is used to style content based on its relationship with parent and sibling content.
– First Child in action
– First and last child

Class, ID and Grouping Book, pg. 238.
Cascading – Book, pg. 239.
CSS priorities

Ch. 11
Color names
Opacity
Opacity – roll over using JavaScript:
Try it using the CSS – hover property

Assignment:
HTML/CSS:
Read: Chapter 14, 15, and 16.
Complete Code review for 14, 15, and 16
– Try :first child selector
– Try External CSS
– Try CSS opacity hover