The Library of Congress | |
Top Ten List for Web Designers
|
|
Where are you going??? |
|
1. Purpose: | Why am I doing this? What is my goal? What
do I have to say that's worth sharing via the Web? Inaugurations Feature Thomas |
How will you get there? |
|
2. Developing Content |
Who is this for? Consider the needs of your intended audience(s). What
information will you need to provide to make this lesson "usable"?
|
Before you begin..
|
|
3. File Structure |
Organization
is key to a successful site. Plan AHEAD! Diagram Oregon State University: Anatomy of a Web Site: File Structure |
4. Planning the Site |
Developing a structure for the site...what goes
where?
|
The process..
|
|
5. Organizing Content |
Within the broad sections...what goes where? |
6. Navigation Scheme |
How is the information connected?
|
7. Engaging Content |
Is your content inviting? Will they want to stay? Will they want to
come back? Was it frustrating or enjoyable to use your site? |
8. Visual Appeal |
Consider issues of:
|
9. Consistency |
Have you pulled a visual look through your site? Is navigation consistent throughout your lesson? Does the voice of
your content remain the same? Are your fonts, and titles consistent? |
How will you know you are there? |
|
10. Usability |
Did you beat your site up? Did you have as many people as possible with different skill levels and understanding use your site? Did these users understand your purpose? Could they do what you expected/wanted them to do? Could they find their way around? Could they find their way back? Is your site accessible for disabled users? |
Possibilities.. |
|
Bells and Whistles: from simple to complex...used judiciously, they can make a difference! |
Slide Shows Power Point Sound and Video |
Quick Tips |
|
Make your Web site accessible
to all!
|
For Complete Guidelines & Checklist: www.w3.org/WAI/ Images & animations: Use the alt attribute to describe the function of each visual. Image maps: Use the client-side map and text for hotspots. Multimedia: Provide captioning and transcripts
of audio, and descriptions of video. Page organization: Use headings, lists, and consistent structure. Use CSS for layout and style where possible. Graphs & charts: Summarize or use the longdesc attribute. Scripts, applets, & plug-ins: Provide alternative content in case active features are inaccessible or unsupported. Frames: Use the noframes element and meaningful titles. Tables: Make line-by-line reading sensible. Summarize. Check your work: Validate. Use tools, checklist,
and guidelines at http://www.w3.org/TR/WCAG/
|
Web References |
|
Helpful sites to visit.. | http://www.lynda.com/ http://www.ncdesign.org/html/index.htm http://www.w3.org/ |
|
The Library of Congress | American Memory | Contact us |
Last updated 06/15/2003 |