WEB101

Here are Kim Stearns‘ slides and a PDF of her presentation for those that would like to review any of the information she presented:

More Resources Regarding Web Accessibility
W3C Web Accessibility Initiative – W3C’s website dedicated to improving web accessibility
http://www.w3.org/WAI/

Official Section 508 Website
Resources for understanding the requirements for government funded web projects.
http://www.section508.gov/

Section 508 Web Explained
A more helpful layman’s explanation of Section 508
http://www.joefreelance.com/508background.html

Web Content Accessibility Guidelines (WCAG) 2.0
Explanation of the W3C WCAG (Web Content Accessibility Guidelines)
http://www.w3.org/TR/WCAG/

Color Blindness Testing Tool
Helps you test for issues with colorblindness
http://colorfilter.wickline.org/

Color Contrast Testing Tool
Tests for issues with color contrast
http://www.accesskeys.org/tools/color-contrast.html

Form Accessibility
Great write up/checklist of easily accessible forms. - http://www.usability.com.au/resources/forms.cfm

Cynthia Says
Accessibility Testing for Section 508 and WCAG
http://www.cynthiasays.com/

Videos Used in Presentation
WebAnywhere
http://www.youtube.com/watch?v=wfjD06aOxts&feature=player_embedded

Mind Controlled Computing
http://www.ted.com/talks/lang/eng/tan_le_a_headset_that_reads_your_brainwaves.html

Hello everyone, Here is the screencast from the class, PDF of the presentation, and a zip of the example files. Enjoy!

(Sorry this is in slideshow format rather than video. I messed up the audio and wound up losing it entirely due to an accidental save. Oops. Will try not to do that again!)

Web101 – May 2010 – User-Friend Web Design

Here’s the presentation from the March class on HTML and CSS for Newbies.

The HTML files (in various stages of development), CSS, and images are included for you to play around with as well.

HTML and CSS Resources

• CSS Zen Garden
• Transcending CSS, the Fine Art of Web Design by Andy Clarke
• The CSS Anthology by Rachel Andrew
• W3Schools
• Tags List
• Entities List

Validating

• HTML
• CSS
• Firefox Web Developer Add-On
• TextMate Validate from within app

Browser testing

• Adobe BrowserLab Free with Adobe account
• Litmus Multiple plans available (free – $199/mo)

Don’t forget to check out James’ post on Feb. 2, 2010 — it has lots of helpful links for getting started with HTML and CSS.

At long last (sorry, sorry!) I’ve uploaded the video screencast from our February class about the differences between print design and web design….

As you start playing with HTML/CSS, here are some handy, hand-picked resources for you!

There’s a lot of outdated HTML information online, so be careful when you’re Googling tutorials. Try to stay focused on finding items related to “XHTML” (the most popular recent version of HTML). Avoid anything that encourages to mix presentation (fonts, colors, etc.) with structure and content, as that’s usually a sign that it’s an old-school tutorial.

Here’s some James-approved stuff for you!  If you read and watch all these links, you should be feeling pretty good about HTML/CSS by the time you’re done.

HTML (markup for content and structure)

• HTML (Wikipedia)
• Learn the basic HTML tags
• XHTML Cheat Sheet
• Video: Create and Publish a Valid XHTML Strict Page
• Video: Basic HTML and CSS Tutorial

Here’s the final HTML/CSS we came up with during the last class (it was beautiful, remember?), as well as a fresh HTML file for you to play with:

Click here to download

In the fresh one, I cleared out most of the HTML (I left the basic page structure) and emptied the CSS. I’ll post some resources soon where you can learn more about HTML and CSS and get some ideas to play with.

YOUR HOMEWORK ASSIGNMENT:

Play around with the HTML/CSS, and see what you can come up with.

Have questions or problems?  Talk about them in the forum!