Week Three -- Creating Web Pages & Google for Educators

CLASSROOM & SCHOOL EXAMPLES

EduHound Classrooms on the Web

Mrs. Nelson's Class (2nd Grade)
Mrs. Bunyi's Class (4th Grade)
Mr. Leahy's Class (5th Grade)
Mr. S. Smith's 5th Grade

Sarah Van Alstyne Art Class
Mrs. Green's Home Page (Secondary - Science)
Mr. Jeffery Web Page (Secondary - English)

Lake Washington Kangs
Juanita High School

CREATING WEB SITES

USING HTML CODE (a web host is needed)

HTML stands for HyperText Markup Language and is used to create web pages using a text editor such as Notepad or SimpleText(Mac) or word processing. XHTML (Extensible HyperText Markup Language) is a stricter and cleaner version of HTML. Using XHTML guidelines will guarantee that your web page will "work" in all web browsers.

Link to HTML Code Document
NOTE: The code for adding images has been corrected -- the ending should be />
NOTE: If you create a Google Docs account you can upload your index.html document and it will appear as a web page -- you will also have a url so you can add that to your blog.

USING A HTML OR WYSIWYG EDITOR (a web host is needed)

CoffeeCup Software provides a HTML editor and 31 additional programs including Form Builder, Video Player, Photo Gallery, Live Chat, Web Calendar & gif Animator. Programs can be purchased separately or bundled together. The one-time purchase comes with free upgrades and support for life. Free web design software is also available including the HTML Editor (9.0), an Image Viewer and a DHTML Menu Builder. See CoffeeCup's offer for "Free Software for Schools". CoffeeCup is offering a special deal to NU School of Education students --see professor for details.

Nvu is a free open source “web authoring system” for Windows, Mac and Linux.

NoteTab is a text and HTML editor similar to Microsoft's Notepad. NoteTab Light is free. Microsoft Office Live Basics provides free domain name and web hosting

Dreamweaver is one of the leading web development tools. A free 30 day trial is available. Cost for Dreamweaver CS3: Full $399, Education version $199. See Dreamweaver CS3 Featured Tour for details regarding design tools and best practices.

*USING A TEMPLATE OR WIZARD LOCATED ON ONLINE SITE (usually hosted by site)

Blogs and Wikis are web pages that are easy to create. See "Using Blogs and Wikis in the Classroom"

Page Creator hosted by Google. Example
Geocities hosted by Yahoo.
Teacher Web -- See Discovery -- Week 3 for information regarding free accounts

OPTIONS FOR HOSTING WEB SITES & OBTAINING DOMAIN NAMES

As a NU student you can request 50MB of web space. Directions for setting up your web space is available here.

Some Internet Service Providers offer web design software and publishing as part of their package. Verizon is one example

Companies such as Lunarpages provide a place to host a web site starting at $6.95 per month. Lunarpages provides a domain as part of their package and CoffeeCup web design software is now part of their package for subscribers

A FEW RESOURCES

HTML Goodies - Introduction to HTML
Dave Raggett's Introduction to HTML
W3 Schools - Full Web Building Tutorials (free)

GOOGLE FOR EDUCATORS: TOOLS FOR YOUR CLASSROOM

Page Creator
Google Docs
Custom Search Engine Example - Mrs. Gray's Research Site for Kids
Calendar
SketchUp
Google Notebook
Google Earth
-- Google Earth Lessons
-- Embedding Google My Maps
-- Explore Your Earth
-- Google Earth in the Classroom
-- "Educational Uses with Google Earth" - Entry from Google Earth Blog
-- Google Earth #1: Introduction to Google Earth (YouTube)


Google for Educators: A Three Hour Tour - A Workshop for K-12 Educators by K. Jarrett
Google for Educators: The Best Features for Busy Teachers - Article by S. Ring 1/2008