1. Information Architecture 2 No Class Scheduled October 23 Primary Readings - Zeldman, J. (2003). Designing With Web Standards: Chapters 6-8Designing With Web Standards Deliverables - Presentations Continue - Role Updates - Class Work: User Stories - Class Work: Navigation IA Summit

2. Week 3 Work (continued) Our Toolkit? -Site Mapping Tools Visio -Site Maintenance Tools Dreamweaver Library Web Functionality List -Design Decisions on three main pages -Today = user stories Getting Started - Imports - Formats - Naming Conventions - Templates

3. Modern Markup Server Side Functionality - PHP - SSI - ASP - Web DB - ODBC - JDBC Levels of Abstraction with Markup Languages - Flexibility - Application-like functionality - Transformable

4. XML is your friend No longer worry about presentation, just structure for content Advanced tools help compose and check markup - W3C Validator W3C Validator - Cooktop Cooktop - XMetaL XMetaL XML in action is XHTML Works with other XML protocols - SOAP - SMIL - RDF - P3P XML is consistent

5. XHTML “XHTML is XML that acts like HTML in old and new Web browsers and also works as expected in most Internet devices…making it portable, practical, and cost efficient” Zeldman p 149 XHTML Flavors - XHTML 1.0 - XHTML 1.0 Transitional - XHTML 1.1 Strict - XHTML 2.0 (not as backward compatible) Consistency makes most transitions practical Top Ten Reasons to Convert to XHTML (p 150-151)

6. XHTML in Action New languages for the browsers to interpret - You wondered why browser app sizes aren’t getting smaller - Full-fledged programming environment now - Treat it as such DOCTYPE - Different rules for different documents - Document Type Definitions (DTD) - Works with CSS (CSS needs it) - Namespace - Declares using HTML - http://www.w3.org/1999/xhtml“

7. XHTML in Action 2 Don’t forget the character set/code page - Lowercase tags InterCaps are troublesome Atrributes - Centering - No blank values - Quote all attribute values Close all tags Use Comments

8. XHTML and Structure Content determines structure, not presentation Headings, not Fonts Lists Parallel structure - h1 – h2 – h3 - Item, item, item Div - One section (division) of a document/file, not a heading - Attributes are constrained to the section ID - Naming and Internal Labels - Application Use Class - useful for numerous elements Span - overused

9. Class Work: User Stories User stories for each section of UTLOL - Main page - Databases and Indexed - UTNetCAT Stories include: - Who? - Why? - How? Functions - Only functionality needed on each page - Global functions Search Navigation Bar

10. Class Work: Navigation Key Elements? - Top 9 functions on UTLOL Specific Elements? - Per main parent - Related siblings Interface - Navigation Bar - Tabs - Dynamic Interaction Rollovers Pop-ups Help

11. Next Week Finish up Zeldman More Presentations More listserv activity Templates First Designs