Presentation is loading. Please wait.

Presentation is loading. Please wait.

Interfaces, Browsers & Browsing Primary Readings - Designing With Web Standards: Chapters 11-14 Designing With Web Standards Class Work - Big IA vs. little.

Similar presentations


Presentation on theme: "Interfaces, Browsers & Browsing Primary Readings - Designing With Web Standards: Chapters 11-14 Designing With Web Standards Class Work - Big IA vs. little."— Presentation transcript:

1 Interfaces, Browsers & Browsing Primary Readings - Designing With Web Standards: Chapters 11-14 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

2 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?

3 DOCTYPES that work DOCTYPES that work HTML 4.01 Strict, Transitional, Frameset <!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">

4 The Box Model CSS controls a set of rules that control an object on a Web page that inhabits a box, with properties

5 Box Model Properties Content Padding Borders Margins Zeldman’s Box Model Blues Tantek’s Box Model Hack

6 Typography on the Web Why is typography important? Some examples: - http://www.evilnation.be/ http://www.evilnation.be/ - http://www.3point7designs.com/advanced_type.ht ml http://www.3point7designs.com/advanced_type.ht ml - http://www.modernlifeisrubbish.co.uk/article/8- web-cliches-of-2006 http://www.modernlifeisrubbish.co.uk/article/8- web-cliches-of-2006 Good design, over design & user control?

7 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

8 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


Download ppt "Interfaces, Browsers & Browsing Primary Readings - Designing With Web Standards: Chapters 11-14 Designing With Web Standards Class Work - Big IA vs. little."

Similar presentations


Ads by Google