Brian Ghidinelli, User Experience Consultant

1

• Brian Ghidinelli, User Experience Consultant
• Michael Yoch, NPR.org
• Frank Hamilton, WAMU.org bluegrasscountry.org

2
What is advanced design about?

• Evolving to more structured, efficient web
  development
• Adopting industry standards that benefit you,
  your organization and your users
• Building a foundation for future improvements
  remaining backwards-compatible

3
Standards improve interoperability

• Defined by the W3C
• HTML 4, XHTML 1, CSS 2
• Standards define how tags behave regardless of
  platform, browser or device

4
How do HTML XHTML differ?

• XHTML is a stricter version of HTML
• Migrating is pretty easy in practice

5
Your organization benefits

• Backwards-compatible
• Future-proof
• Accessible on many devices
• Accessible to users with disabilities

6
Developer benefits

• Change the design of your entire site from one
  file
• Edit content with impunity
• Use HTML tags for what theyre intended

7
Icing on the cake

• Faster loading in browsers
• Reduces server bandwidth
• Better for search engines
• Many free design layout repositories

8
Fitting HTML CSS Together
Browser Requests
CSS File(s)
HTML/XHTML Pages

Screen
Print
_at_import
Aural

9
The Ultimate Real World Example

• CSS Zen Garden has 519 distinct designs from one
  XHTML page
• The same premise applies to your site!

10
From abstract to concrete

• These examples show you the power of separating
  content from presentation
• Michael makes it relevant NPR.org