Interfaces, Browsers & Browsing Primary Readings - Designing With Web Standards: Chapters Designing With Web Standards Class Work - Big IA vs. little (design) IA - Blog work problem & design - Consulting Deliverables - Design Critiques due now - Research Topics discussion & selection
Thinking about DOCTYPEs How does DOCTYPE relate to validation?validation What do browsers do differently depending on the DOCTYPE? - Robots? - RSS feed readers? - Other tools? (mashup scrapers) Is it all about working with IE?
DOCTYPES that work DOCTYPES that work HTML 4.01 Strict, Transitional, Frameset <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " XHTML 1.0 Strict, Transitional, Frameset <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " XHTML 1.1 DTD <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "
The Box Model CSS controls a set of rules that control an object on a Web page that inhabits a box, with properties
Box Model Properties Content Padding Borders Margins Zeldman’s Box Model Blues Tantek’s Box Model Hack
Typography on the Web Why is typography important? Some examples: ml ml - web-cliches-of web-cliches-of-2006 Good design, over design & user control?
Where’s IA in Spec Topics in IA? Too much time on design, not enough on architecture CSS next week only (readings) - Zeldman, J. (2003). Designing With Web Standards Chapter 9: CSS Basics Chapter 10: A Hybrid Layout (Part II) Chapter 10: A CSS Redesign - Schmitt, C. (2002).Designing CSS Web Pages: Chapters 1-7 Review & discussion, bring your reading summaries with questions
Research Topic Presentations Topics Scheduling What’s in a good presentation? - Overview - Short history - Examples - Guildelines - How to use for IA projects Walk through, check for ideas, look for complimentary sources