Read: Chapter 3, 15, and 16.
Complete Code review for 3, 15, and 16
– Create a single page with the following:
– Try CSS opacity hover:
Try it using the CSS – hover property
– A list of any kind
– Any variation of the “display” property (none, inline, inline-block, etc.)
– Create a navigation menu from a list and the “display” property.
They have semantic difference – a “div” element is designed to describe a container of data whereas a “p” element is designed to describe a paragraph of content. (Nesting: you can not nest anything in a “p” tag)
The power of “Z” and test code
Float and Clear
Another explanation of the FLOAT
Next Week: 2 column, and 3 column layout. Media queries – using multiple CSS
PROCESS + PROTOTYPING
– Who is the site for, Why would people Visit this site, What are your visitors trying to achieve? What information do your visitors need?
DELIVERABLE: Requirements, Target Audience, Research/sketches
DELIVERABLE: User Scenarios, Usability maps, Competitive Analysis
Deliverables: Site Inventory/Site Map,. Layout grids (Wire frames and HTML Prototype
Deliverables: Interface in JPG
– Think ahead. What do you think will be challenges to development? Keep a list trhough project life cycle
-Technical Production: Deliverables: Alpha Site
-QA: Testing. Deliverables: Bug List, Beta Site
-Launch: Deliverables: Final Site
Studio 07: CSS and Process
Read: Chapter 12, 14, 17, and 18
Complete Code review for 12, 14, and 17.
Start Process Documentation:
– Start thinking about the site you want to build. Draft requirements.
– Who is the audience? Determine the target demographic.
– Based on Ch 18, start thinking about the kind of site you want to develop (Requirements). Answer questions on page 455.