Create Pages, Graphics and Audio for the Web

Web Page Creators
Multi-purpose Editing Tools
Creating Graphics and Fonts
Accessible Video Using Captioning & Audio

Web Page Creators

Use these free resources to create your own web site, html programming not required

Tackk create a free web site to post announcements, collect student projects,

Jimdo Create a jimdo free page Free Open Source content management system Click, drag, done web page creation - easy to use. Fairly easy but no place to add in Alt Text.
Sampa Create a website and a blog
Weebly Create and publish your web pages. Easy to create, look great but no place to add in Alt Text.
SchoolRack free service for educators to create classroom site
Yola free service for web site creation allows addition of video
Lifeyo Quick free service to create your own website and blog
Webs can include videos, calendar, polls and other widgets
Snap Pages to create and maintain a site
Webnote drag and drop interface
Kafafa ad free templates to build your own web site


Multi-task Editing Tools

Aviary Online creation tools for audio, video, html
Aviary Education
Cloud Canvas raster and vector graphics, layers and filters, creative toolkit in your browser
Kompozer WYSIWYG Editing and CSS FREE tool to use instead of Dreamweaver
Primary Access online tools to create digital source materials.
Embed Plus crop, zoom, slow motion, make changes to your videos
KeepVid capture and save videos on your hard drive to show in your class

Upload and Share

My eBook


Use of Graphics, Fonts and the Creation of Images

Images are important to help convene meaning to text, research indicates that learners understand more with an image and text than with just text alone. Also students need to be visually literate with the ability to interpret, negotiate, and make meaning from informational images. Special fonts have also been developed to assist those with visual impairments.

Information on creating paper and computer based images

WebAim: sections 1-5
Web Design and DevelopmentUnit 4: Graphics Purpose of Web Graphics
Web Style Guide: Images

Color & Contrast

Color Blind Web Page Filter
Color Lovers Blog as see by the Color Blind
Vischeck check your web page for color contrast
Effective color Contrast
Are your pages color sensitive?
Article with suggestions from


Use Sans Serif Fonts = Arial, Trebuchet, Verdana
Making Text Legible
APHfont designed for more legible documents


Creating Accessible Video on the Web

FREE Resources for Accessible Video:

Caption it Yourself:

Media Access Group at WGBH:
MAGpie Media Access Generator FREE
CaptionTube: /
Jubler: Edit subtitles
Subtitle Workshop (open source Windows Only)
Tutorial on Captioning and Accessibility
Simple Caption for iMovie
Watch Video: how to Add captions using iMove
Youtube Help: Editing Videos (click on adding and editing captions)

Webinar on How to Caption YouTube Video: /
Scroll down for other videos on accessibility, Archived

Example of a simple YouTube video with captioning
Beware of the Black Snake

Programs for Captioning - (Professional Resources)

Automatic Synch
CPC Captioning
Softel Captioning and Subtitles /
Caption Colorado Real Time captioning /

Resources for Audio

PodCasts HowTo
How Stuff Works
AudioBoo Mobile and web program for you to record and share audio
Twisted Wave browser based audio editor

Audacity Audio Editor and Recorder
WavePad Audio Editor
LAME MP3 Encoder Mp3 encoder to convert audio files to Mp3