WDS 06: MORE CSS 02/24/17

REVIEW:
HTML/CSS:
Complete Code review for 11 and 13
– 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
PROCESS AND DESIGN:
Create a detailed site prototype from your wireframes

READING:
Chapter 10
External CSS. Here is how

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

Ch. 13
Make sure you are familiar with this.

PROCESS:
By this point, you should have:
1. Requirements
2. Usability (user scenarios, usability maps)
3. Competitive Analysis
4. Site Map
5. Wire Frames
6. Prototype

Next step: Interface Design. Create your design for Home page and a second level page.
This is the end point after a complete cycle (UI-wireframes-design).

Studio 06: CSS Review
HTML/CSS:
Read: Chapter 15, and 16.
Complete Code review for 15, and 16
– Try External CSS
– Try CSS opacity hover
PROCESS: Interface design. Home page + second level (key pages)