IDES 322 05: Intro to CSS 02/16/16

INTRO:
Complete Code review for 8 and 10
-Mount an image in a table. Put text in certain table cells.
Process and Design:
– Modify Usability and site maps based on feedback.
– Create Detailed Wire frames and annotated versions (these are for you)
– Create HTML prototype from your wireframes. Be as detailed as possible.
We will review in class

REVIEW:
Chapter 8
Meta basics – Here are EXAMPLES
Meta from Google
Meta today
Special Characters, Escape
Example
Ch8, Summary
Chapter 10
INTRO TO CSS:
CSS Intro
CSS parts
CSS Propertes
CSS Selector
The box
Pseudo class

PROCESS AND DESIGN:
Sources to Review:
AWD – What is it?
AWD vs RWD
Modern Web Design
You need a strategy

ASSIGNMENT:
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

Revise Usability maps, Site Map, Wireframes and Prototypes based on feedback (completed by next class)