ABINGTON HEIGHTS MIDDLE SCHOOL

Computer Technology

~Web Site Design~
Summer 2003

Building Your Own Web Page

Planning

1. Know your audience (students, parents, community, other schools, all of them.)
2. Know your purpose (in class use, homework assignments, worksheets, parent information)
3. Content: What do I want to include in my web site? (Hint: start small you can always add pages latter)

A Class Web site can help you consolidate resources and share ideas. With the wonderful Web authoring tools available these days, possibly the hardest part of creating a personal or class Web page is figuring out what to put on it! Below are some ideas of what can be included on your class site.

In our next activity, we'll consider the content of your Web site. By the time we finish, you'll have a better idea of what your Web site will include.

• Web Site Planning Worksheet

Design

•Page Design Checklist

• Establish a meaningful page title
• Place the most important information near the top.
• All pages should be readable and easy to navigate
• Choose colors and backgrounds carefully. Use contrast for easy reading. (remember links are usually blue or violet, avoid these colors for text that is not a link.)
• Use common fonts(Helvetica, Arial, Times New Roman, Garamond, Comic Sans)
• Use at least 12-14 point font size. Vary font size to organize Info.
• Have a purpose for images.
• Use representative language for links: not "click here" or URL's.
• Include a footer that contains: (name of site, creation and revision date, author, e-mail address, and URL)
• Spell Check.
• View your web page in both browsers.
• Keep information up-to-date

Web Building Resources

Following is a list of links that will prove valuable in building a website.

Free Graphics	Realm Graphics	Teacher Clipart
Lilli's Backgrounds	Free Art Site	Clipart for Teachers
The Clip Art Searcher	Country Graphics	CoolText Graphics Generator
Billy Bears Clip Art	Educational Web Sets	Media Builder 3D Text Generator
Mikey's Graphic Page	Kitty Roach Original Animations	Bells and Whistles
Flags and Maps	Free Clip Art Resources	MIDI Heaven
Button Generator	More Midi Files	MIDI's

Many Additional web sites may be found by using a search engine such as google and searching for "school clipart" or "button generator" or free animations, etc.

Microsoft Frontpage Tutorials and Help

• FrontPage 2000 - A Beginners Tutorial

• FrontPage 2000 Animated Tutorial

• FrontPage 98 Tutorial

Sample 1

Sample 2

Class Web Site Design http://ms.ahsd.org/Technology/Workshops/classwebdesign.htm
Created June 2001 by D. Gwyn, Revised June 29, 2005
gwynd@ahsd.org