WDS 05: CSS INTRO 02/17/17

Intro
Code review for 10
HTML/CSS: Use the META tag to refresh and redirect
Process and Design:
– Modify Usability and site maps based on feedback.
– Create Detailed Wire frames and annotated versions
– HTML prototype from your wireframes. NEXT CLASS.

REVIEW:
Ch. 10.
INTRO TO CSS:
CSS in Action!
CSS Intro
CSS parts
CSS Propertes
CSS Selector
The box
Pseudo class

PROCESS AND DESIGN:
Sources to Review:
You need a strategy
AWD – What is it?
AWD vs RWD
Modern Web Design
Your Wire frames and prototypes must include consideration of mobile platforms.
Prototyping tools

Studio 05: Prototype – CSS:
PROCESS AND DESIGN:
Create a detailed site prototype from your wireframes

HTML/CSS:
Read: Chapter 11 and 13.
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