Teaching and Learning
in the Digital World

logo

Interactive Web Pages: Online References

Deborah Healey, deborah.healey@orst.edu

Help with website creation

Beginner's Guide to HTML at http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html
Bare Bones Guide to HTML at http://werbach.com/barebones/
Style sheet tutorials at http://hotwired.lycos.com/webmonkey/authoring/stylesheets/tutorials/tutorial1.html
and http://www.htmlhelp.com/reference/css/ for cascading style sheets (CSS)

Finding graphics

Using Clip Art Searcher at http://www.webplaces.com/search/
Clip Art Connection for searchable images at http://www.clipartconnection.com/
More clip art links at Rick's Web Tools, http://www.arrowweb.com/ymh/wtools.htm
Some nice animated gifs at http://www.webplaces.com/html/animations.htm
University of Victoria's Language Teaching Clipart Library - about 3000 images for basic vocabulary, designed to be culturally neutral
Barry Bakin's ESL Action Photos - available only for educational use, these are photos depicting basic actions

Adding sound

Randall's tutorials at http://www.esl-lab.com/tutorials/lesson3.htm
"Audio for the Masses" at http://www.hotwired.com/webmonkey/geektalk/96/42/index3a.html
Some free midi files at http://www.weblust.com/midi/midi2.html
Sound effects library at http://www.partnersinrhyme.com/soundfx/SFXfree.html 
MP3 downloads at http://www.gigabeat.com/
and at
http://www.peoplesound.com/
A variety of free sound files in a variety of formats are at http://www.soundcentral.com/
Cyberspace report - lectures in .au format are at http://www.ics.uci.edu/~ejw/csr/cyber.html
Internet Town Hall - lots of lectures are at http://town.hall.org/

About programming interactivity into websites

Matt's Script Archive at http://www.worldwidemart.com/scripts/ has lots of CGI scripts 
CGI scripts for educators at Linguistic Funland, http://www.tesol.net/scripts/index.html
Javascript tutorial at http://www.hotwired.com/webmonkey/javascript/tutorials/tutorial1.html
Javascript code library at http://hotwired.lycos.com/webmonkey/javascript/code_library/
Javascript example - popup toolbar at http://www.hotwired.com/webmonkey/geektalk/96/39/index3a.html?tw=javascript

A note on accessibility

A quick tutorial on why and how to make web pages accessible is at http://www.usm.maine.edu/ss/adaptivetech/webaccesswhyandhow.htm
The accessibility guidelines that are endorsed by the World Wide Web Consortium (W3C) are at http://www.w3.org/TR/WAI-WEBCONTENT/#Guidelines

Sites that check websites

Bobby: http://www.cast.org/bobby/ - with special attention to accessibility issues
Dr. Watson: http://watson.addy.com/
 

Miscellaneous but interesting

Text to speech demo - type in English text and it will digitize and record it. The wave of the future? at http://www.research.att.com/~mjm/cgi-bin/ttsdemo (Why not?)

Go to the Interactive Web Pages home page
Go to the Culpeper Workshop page

http://ucs.orst.edu/~healeyd/ups/references.html
Updated April 10, 2003 by Deborah Healey, deborah.healey@orst.edu
Copyright 2000, Deborah Healey, Oregon State University