from old skool to web standards Priscilla Brice-Weller Website Coordinator, Oxfam Australia Organiser, Melbourne WSG OZeWAI, December 2006

Web standards what-what? equal access to information valid, semantic markup separating content from design I’m talking about:

equal access to information

valid, semantic markup

separating content from design

Oxfam / OCAA Background: I started at OCAA in November 2003 I was employed to help code the new site design I moved to Melbourne from London

Background:

I started at OCAA in November 2003

I was employed to help code the new site design

I moved to Melbourne from London

Where to start? Old skool code: no doctype font tags, bold tags not all image tags had alt element inconsistencies not semantic

Old skool code:

no doctype

font tags, bold tags

not all image tags had alt element

inconsistencies

not semantic

The site before redesign

The site after redesign

Being inspired Web Essentials 04 accessibility presentation A List Apart & WaSP CSS Zengarden Web Standards Group

Web Essentials 04 accessibility presentation

A List Apart & WaSP

CSS Zengarden

Web Standards Group

Having a say Became Website Coordinator in November 2004 Bye-bye tables! Enforcement of standards Appropriate use of Flash Management Book budget

Became Website Coordinator in November 2004

Bye-bye tables!

Enforcement of standards

Appropriate use of Flash

Management

Book budget

The turning point Tsunami  requirement for style guide Improved CSS PHP includes for all navigation Hybrid CMS for areas that were repetitive to update (PHP/MySQL)

Tsunami  requirement for style guide

Improved CSS

PHP includes for all navigation

Hybrid CMS for areas that were repetitive to update (PHP/MySQL)

The site, November 2005

Developer tools Dreamweaver (as a glorified text editor) Dreamweaver’s validation tool Firefox webdev toolbar TopStyle CSS editor Bobby check on main pages

Dreamweaver (as a glorified text editor)

Dreamweaver’s validation tool

Firefox webdev toolbar

TopStyle CSS editor

Bobby check on main pages

Specialisation Re-wrote a lot of content on the site so it is web-friendly Changed the top navigation so it is easier to use Added alternative style sheets Team of specialists  we can do more

Re-wrote a lot of content on the site so it is web-friendly

Changed the top navigation so it is easier to use

Added alternative style sheets

Education Vision Australia accessibility day Web Standards Group Web Essentials 05, Web Directions 06 Blogroll “ Designing with web standards” – Jeffrey Zeldman

Vision Australia accessibility day

Web Standards Group

Web Essentials 05, Web Directions 06

Blogroll

“ Designing with web standards” – Jeffrey Zeldman

The future Moving from Apache to .NET Moving to a full CMS Larger team … becoming even more specialised A new Website Coordinator

Moving from Apache to .NET

Moving to a full CMS

Larger team … becoming even more specialised

A new Website Coordinator

The site, November 2006

Cheers! Oxfam Australia is still one of the few large, Australian non-profit websites that use web standards Thanks particularly to Tom Schauble, Melanie Scaife & Mik Efford

Oxfam Australia is still one of the few large, Australian non-profit websites that use web standards

Thanks particularly to Tom Schauble, Melanie Scaife & Mik Efford

These slides are on my blog: www.solidariti.com /resources Also see: WSG - www.webstandardsgroup.org Oxfam - www.oxfam.org.au Questions & more info …

These slides are on my blog:

www.solidariti.com /resources

Also see:

WSG - www.webstandardsgroup.org

Oxfam - www.oxfam.org.au