interfaces, browsers & browsing primary readings - designing with web standards: chapters 11-14...
TRANSCRIPT
Interfaces, Browsers & BrowsingInterfaces, Browsers & Browsing
• Primary Readings- Designing With Web Standards: Chapters 11-14
• Class Work- Big IA vs. little (design) IA- Blog work problem & design- Consulting
• Deliverables - Design Critiques due now- Research Topics discussion & selection
Thinking about DOCTYPEsThinking about DOCTYPEs
• How does DOCTYPE relate to 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 workDOCTYPES that work• HTML 4.01 Strict, Transitional, Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">
• XHTML 1.0 Strict, Transitional, Frameset<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
• XHTML 1.1 DTD<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
The Box ModelThe Box Model
• CSS controls a set of rules that control an object on a Web page that inhabits a box, with properties
Box Model PropertiesBox Model Properties
• Content• Padding• Borders• Margins
• Zeldman’s Box Model Blues• Tantek’s Box Model Hack
Typography on the WebTypography on the Web
• Why is typography important?
• Some examples:- http://www.evilnation.be/- http://www.3point7designs.com/
advanced_type.html- http://www.modernlifeisrubbish.co.uk/article/8-
web-cliches-of-2006
• Good design, over design & user control?
Where’s IA in Spec Topics in IA?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 PresentationsResearch 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