Web Page Design 101
for Teachers

Fun and Effective Ways to Use Web Pages

• YAHOO - discussion egroups. Share ideas, photos, projects.
• Midlink Magazine for Middle School.
• The Virtual Refrigerator Door
• Webquests. Readings and Training Materials from San Diego State University. Example: Nuclear Power in Seaside
• 6th Grade Holocaust Poetry Project. Award-winning project (Apple iLife and Maui Technology Park competitions).
• Hawaii Plant Project: Ulu ka Hoi from Kamehameha
• Mr. Donn's Ancient History Page
• Science Fair Project Page
• Science PowerPoints from St. Anthony
• SH Parents Newsletter
• Encyclopedia Britannica video

Programs to Create Web Pages

1. no HTML knowledge needed
   • Scholastic Home Page Builder
   • Teacherwebsite.com
   • Word processing programs like Microsoft Word and AppleWorks. Save document as a web page.
2. HTML editing programs
   • Microsoft Front Page
   • Adobe GoLive
   • Claris Home Page
   • Netscape Composer
   • Macromedia Dreamweaver
3. Simple Text Editing Programs
   • SimpleText
   • TextEdit
   • NotePad
   • BBedit

Planning is Everything!

• Diagram the structure of your web site
• Write out the text in a word processing, for easy editing
• Choose your style (informal, formal, elementary, scholarly, etc.)
• Choose your color scheme and fonts Color Picker, Visibone Webmaster's Color Lab, M. Fujimiya's Color picker for html
• Choose your graphics Classroom Clipart Sources
• Choose your navigation system

HTML Tags

• HTML Commands
• Cascading Style Sample
• The HTML Laboratory
• Web Design Tools
• Writing HTML. An online tutorial from the Maricopa Center for Learning and Instruction