260 likes | 270 Views
Learn how to implement web standards to make your library's website accessible, optimized for wireless devices, and user-friendly. Explore the benefits of XHTML, semantic markup, and transformable layouts for a better browsing experience. Get started today!
E N D
One Site Fits All:Making Your Library’s Web Site Ready for Wireless
Why Do We Need Standards? • “Browser War”: Microsoft and Netscape • Proprietary HTML code leading to pages that say “best viewed with…” or “optimized for…” • Wireless portals, “printer friendly” pages
What Are Web Standards? • Web Content Accessibility Guidelines • HTML 4.01, XHTML 1.1 • CSS1, CSS2 • Any other W3C technologies
HTML versus XHTML What does XHTML look like? First a non-standards-based HTML page, then a standards-based XHTML page.
HTML The HTML page: -- is overly complicated and messy -- where is the page’s content?
XHTML The standards-based page: -- has a clear, logical structure.-- has readable content in code layout. -- has semantic markup and enhanced content. -- is friendly to assistive software.
Logical Structure • <div id=“sitemast”> • <div id=“content”> • <div id=“navigation”> • <div id=“footer”>
Semantic Markup – Enhanced Content • Headlines • Block quotes • Paragraphs • Lists • Citations • Acronyms • Abbreviations • Title attributes
Design Philosophy: • User centered, not designer centered. • Transformable pages optimize for users and user agents. • HTML code is minimal and semantic. • Documents are structured and ordered logically. • Layout (CSS) is contained in a separate file.
Transformability with PC Browsers W. Frank Steely Library <library.nku.edu> • First the “Default” layout; • Then the “ADA” layout; • Finally, the “Print Preview.”
We Have Seen: • Multiple style sheets for ADA purposes. • Access keys defined. • Text not represented by graphics. • Logical document structure. • Printer friendly pages.
Transformability for Wireless Media type = “handheld” • Personal Digital Assistants (PDAs) • Cell Phones
Cell Phones Year old 3 months old
Getting Started Use better browsers: • Mozilla 1.3+ <www.mozilla.org> • Opera 7+ <www.opera.com> • Safari 1.2+ (Mac) <www.apple.com/safari/>
Bibliography Before you build, read: • Bickner: Web Design on a Shoestring • Clark: Designing Accessible Websites • Meyer: Eric Meyer on CSS • Pilgrim: www.diveintoaccessibility.org • Zeldman: Designing with Web Standards