It's very easy to add pictures with hotspots to your HTML web pages using the editor in Japanese WordMage. Start by opening your HTML web page document in the wordprocessor and positioning the cursor where you want the picture to be inserted. Then select Image... from the Insert input tag button.
Select your picture (ie. a PICT image file) using the File... button, check the Use Map checkbox and enter a name for the imagemap (in the textbox next to the checkbox) - these two controls are located near the bottom right side of the Image dialog (see Figure 2 below). Then press the Apply button to insert the image information into your HTML web page document. You can use any imagemap name you think is suitable.
To clear this dialog and start afresh, simply press the Clear button. It's only when you press the Apply button that the HTML source code created using your entries in this dialog will be inserted into your document.
If you want to create an unusually shaped hotspot instead (eg. a tree, a cat, etc), you can do this using a polygon area. Press the New polygon button and click the first point of your polygon on the picture. Then click a number of points which surround the unusual shape you want to put in.
If you would like a particular cursor style displayed for an area (ie. when viewing the HTML web page, the cursor will change to this shape when the mouse pointer is dragged over it), select it from the list of styles in the popup menu next to the Cursor checkbox. For example, in adventures, you could position hotspots at the edges of a picture (with appropriate arrow-shaped cursors) to allow the reader to move around the virtual world you created (ie. basically following Linked hotspots). To examine an object, you could use the ZoomInObject cursor; a KeyCard cursor may open a door, etc, etc.
To create a Linked hotspot (ie. to have a new HTML web page loaded when you click the hotspot), either type in the name of the web page in the textbox at the bottom of the screen, or press the File... button and select it. Whenever you put in a Linked hotspot, make sure the Cursor checkbox is checked - this ensures that the cursor will change shape when the user drags the mouse pointer across this hotspot.
To create a Sound hotspot, select Sound from the popup menu at the bottom left of the Imagemap shape dialog. Then use the File... button to select the sound file you want to use. You might also like to select a Sound cursor type (so students know that they can expect to hear a sound when they click this hotspot). Sound hotspots are particularly useful if you have pictures of some people who you want to be able to 'Talk', or wish to provide the student with the Japanese pronunciation of an object in a picture, for example.
After entering all the information, press the Apply button and this shape will be inserted into your document. Then the Imagemap shape dialog will be cleared, ready for you to enter a new shape. If you are done, simply press the Cancel button.
When you now view the HTML web page, you will see the cursor shape change when you drag the mouse pointer over the hotspot you created. If you click a Linked hotspot, you will move to a new HTML web page. If you click a Sound hotspot, its sound will be played.
As I'm sure you can now appreciate, these new features are amazingly flexible and allow you to create a broad range of fun and interesting educational materials.