Below are resources that can be used for teaching a beginner course on making web pages. It is targeted at kids, so it focuses heavily on the visual aspect of building a web page. It downplays topics such as accessibility, good design principles, content creation, or site structure.
A presentation on making web pages. It covers basic HTML tags and stylesheets. Much of the presentation involves examples and demonstrations of how different HTML tags work. These examples can be found in the presentation handout. The presentation is also available in .odp format.
This is a handout that accompanies the presentation above. It contains example code from the presentation above as well as some simple reference material.
A light-weight HTML editor. It is less powerful than other HTML editing websites like jsbin, jsfiddle, Khan Academy, and Thimble. (Note: it is not possible to save your document when using the Safari web browser.)
When teaching how to make a website, teachers normally use an Internet-based HTML editing website. Some places have poor Internet access or no Internet access at all though, so those websites cannot be used. The default software on most computers, such as Notepad on Windows or Textedit on the Mac, require complicated set-up to use. Installing specialized HTML editing software involves the hassle of software installation. This HTML editor is based on Eclipse's Orion project and is implemented as a web page that can be viewed in a modern web browser, so no software installation is needed. It can be easily distributed on USB keys. The package comes with several images and web pages that students can practice linking to in their own web pages. (Note: it is not possible to save your document when using the Safari web browser.)
