Image Map Menu

1. Weblets

When creating web lessons, it is often useful to include some type of navigation structure so that students will be able to easily move around without getting lost. Reading text from a CRT or LCD panel can be quite different from reading text from paper. Usually it is recommended to use fairly large, simple text. Breaking up long sections of text into smaller, bite-sized pieces helps make the material easier to read.

Below is an example of how you could add navigation menu bars to a collection of web pages. The procedure described here uses FrontPage XP. Older versions of FrontPage are similar and many other web-authoring applications are capable of producing the same results. The procedures involved are usually quite similar, though there certainly are more sophisticated ways of producing navigation systems, but they probably would be more suitable for larger web sites.

In FrontPage, a web is defined as any collection of web pages. Usually these pages will share resources (such as images) and will be hyperlinked to one another in some way. It's a good idea to give some thought as to how you want your site or lessons structured since there can be much pedagogical value in it.

Let's look at an example of a small web. For this discussion, let's coin a new term, weblet, to describe a web which is a stand-alone, portable learning module.

A weblet is a small, self-contained web which focuses around a central learning objective or competency.

This is somewhat similar to a learning object but differs in that weblets could contain more pedagogical context and continuity than is usually found in learning objects. A weblet inherently has the ability to be a component (subweb) within a larger context (web).

Here's what a weblet might look like in graphical form.

You could create your pages ahead of time and then place them into this structure by a simple drag&drop method, but I am going to show a method where you basically flesh out a template to begin with and then to be filled with material afterwards.

Next ]