Internet Professional Program
Constance Colthorp
[http://courses.wccnet.org/~colthorp] colthorp@wccnet.org


Excellent Learning Links
Accessibility :: Color :: HTML :: Images & Design :: Information Architecture :: Tools & Standards :: Usability :: Web Style Guides :: CSS :: VRML :: XML :: Good Web Design Examples :: General WCC Info

Accessibility

Accessible Design for Users with Disabilities
http://www.sun.com/columns/alertbox/9610.html
CAST - Bobby: First step to Ensure Accessible Web Page Design
http://www.cast.org/bobby/
Making Your Web Site Accessible
http://www.itpolicy.gsa.gov/cita/wpa.htm
W3C Web Accessibility Initiative
http://www.w3.org/WAI/
Check the accessibility of color on your site
http://vischeck.com/showme.shtml
 

Branding and Identity

The Evolution of Brand Strategy (Web Techniques)

Color

Non-Dithering Colors By Hue
http://www.lynda.com/hexh.html
Non-Dithering Colors By Value
http://www.lynda.com/hexv.html
Visibone
http://www.visibone.com

HTML

WebMonkey's HTML Cheat Sheet (really helpful)
http://hotwired.lycos.com/webmonkey/reference/html_cheatsheet/
Elizabeth Castro's HTML - Visual Quickstart Guide
http://www.cookwoodpress.com/

Publish: Constructing Web Pages Using Tables (submitted by Joy Denton)
http://www.publish.com/features/9811/Web/web.html

Images and Design

Optimizing Images Tutorial
http://hotwired.lycos.com/webmonkey/99/15/index0a.html?tw=design
Image Paradise
http://desktoppublishing.com/cliplist.html
Caboodles of Animated Gifs
http://www.caboodles.com/animated/
Dan's Web Tips
http://www.softdisk.com/comp/dan/webtips/images.html
HTML Central
http://www.teleport.com/~volz/html/
University of Michigan Digital Library
Digital Library
University of Michigan Graphics Archive
http://www.umich.edu/~websvcs/images/
Vector Graphic Tutorial
http://hotwired.lycos.com/webmonkey/98/12/index0a.html?tw=graphics_fonts/
Web Diner
http://www.webdiner.com/ (If you use these you must link to their site)
Web Monkey Design Specs
http://hotwired.lycos.com/webmonkey/99/41/index3a_page3.html?tw=design
Web Monkey
http://hotwired.lycos.com/webmonkey/99/15/index0a_page2.html
 

Information Architecture

Web Review - Bringing Up Baby
http://webreview.com/wr/pub/97/09/12/arch/index.html
Web Architect previous issues
http://webreview.com/universal/previous/arch.html
Enabling Extremely Rapid Navigation in Your Web or Document
http://www.well.com/user/hoff/infoaxcs.htm
Argus Associates - Web Architect Archive. information architecture design, organization, classification
http://argus-inc.com/design/webarch.html
Tools and Standards
World Wide Web Consortium (including the HTML Validation Service)
http://www.w3.org/
http://validator.w3.org/
Web Developers' Virtual Library: Web Site Design
Advance Tips and Explanations
http://www.stars.com/Authoring/Design/

Usability Links

Elegant Hack
http://www.eleganthack.com/
Information and Design (a good one)
http://www.infodesign.com.au/default.html
Ten Things to Avoid in Authoring a Web Page
http://www.pantos.org/atw/35248.html
Ten More Things to Avoid in Authoring a Web Page
http://www.pantos.org/atw/35270.html
Usable Sites
http://www.usablesites.com/
Usability Methods Toolbox
http://www.best.com/~jthom/usability/
Use It (Jakob Nielsen)
http://www.useit.com/
Web Word
http://www.webword.com/
 
Web and HTML Style Guides
Sun Microsystem's Guide to Web Style
http://www.sun.com/styleguide/
Yale Web Style Guide
http://info.med.yale.edu/caim/manual/
HTML Bad Style Page
http://www.earth.com/bad-style/
Top Ten Ways to Tell if You Have a Sucky Home Page
http://jeffglover.com/sucky.html

Cascading Style Sheets

resources - info source - glossary - CSS
http://www.cnet.com/Resources/Info/Glossary/Terms/css.html
Cascading Style Sheets
http://www.w3.org/Style/CSS/
CSS reference table
http://builder.com/Authoring/CSS/table.html
World Wide Web Consortium Cascading Style Sheets, level 1
http://www.w3.org/TR/REC-CSS1
Web Review - style.webreview.com CSS Article
http://webreview.com/wr/pub/guides/style/style.html
Cascading Style Sheets, Level 2
http://www.w3.org/TR/WD-CSS2/cover.html
VRML
Pete's Page -- The Easy VRML Tutorial
http://www.mwc.edu/~pclark/vrmltut.html

XML

View Source: Beyond HTML: XML and Automated Web Processing
http://developer.netscape.com/viewsource/bray_xml.html
Web Review - XHTML: Our Last, Best Hope for Clean Code
http://webreview.com/wr/pub/?wwwrrr_19990716-wt.txt
The XML Bible
http://metalab.unc.edu/xml/books/bible/
DeveloperWorks: XML: Education - Online courses
http://www2.software.ibm.com/developer/education.nsf/xml-onlinecourse-bytitle
Java and XML
http://www-personal.umich.edu/~sreitmei/java/xml/index.html
XMLINFO: The XML Information Site
http://www.xmlinfo.com/

Good Web Design Examples

NPR's Lost and Found Sound
http://www.npr.org/programs/lnfsound/
Center for the Education of Women
http://www.umich.edu/~cew/
Internet Public Library Exhibit - Swinging Through Time
http://www.ipl.org/exhibit/detjazz
Internet Public Library Exhibit
http://www.ipl.org/exhibit/io/
Library of Congress Exhibits
http://lcweb.loc.gov/exhibits/
Herman Miller
http://www.hermanmiller.com
Home.com
http://www.hmhome.com
Hi-Fi Art
http://www.hifiart.com/
San Francisco Museum of Modern Art
http://www.sfmoma.org/ Faded graphics.Vienna font.Bold Animated slideshow idea. Frames a (remote) possibility.
Retro Modern
http://www.retromodern.com/
Frank Lloyd Wright
http://www.pbs.org/flw/
Large pictures tiled. Has text intro (brief). Menu on bottom. Discussion thread, contest for kids; Three types of lesson plans: language arts, math, social studies (discussing architecture and environmental harmony)
Smithsonian Institution - National Design Museum
http://www.si.edu/ndm/
The Fabulous Ruins of Detroit
http://www.bhere.com/ruins/
University of Michigan Media Union References Page
http://www.ummu.umich.edu/library/SUBJECTGUIDES/ART/artarchIS.html
The Village Voice
http://www.villagevoice.com/
National Building Museum
http://www.nbm.org/
DesignBiz
http://www.designinbiz.soad.umich.edu/index.html

Web Critiques

http://www.projectcool.com/sightings/
Submitted by Cynthia Roy. "I found this mailing list that gives a site of the day. I don't have much time for web surfing, but this happens to give me a glimpse of what others are doing, with a teeny critique of why the site was chosen. " Thanks, Cyndy!

General/Useful

General WCC Information

Academic Calendar
http://www.wccnet.org/info/cal/acadcal.htm
Learning Resources Center Software
http://www.wccnet.org/dept/lrc/commons/software.htm