Client-Side Image Map Editor

Note: This is alpha software. While the application is usable and stable, some features are not implemented or are subject to change in future releases.

Disclaimer: Please use at your own risk. The author is not responsible for loss of data, hardware malfunction, etc. Please backup your HTML files and use copies with this application.

Instructions

1. You must have a Java Runtime Environment (JRE), Sun JDK, or equivalent (e.g., Symantec Cafe, Metrowerks Codewarrior) for your UNIX, Macintosh, Windows, etc. platform in order to run the Java standalone application.
2. Download, unpack, and execute the Java class files.
3. The main() method is inside the MainShell class.

UNIX (csh) Example

% zcat csime.tar.Z | tar xf -
% cd csime
% setenv CLASSPATH .:`pwd`
% java MainShell 

Windows Example

1. Uncompress using a utility like WinZip that preserves long filenames.
2. Go to MS-DOS prompt.

   > cd csime
   > set CLASSPATH=.;c:\csime
   > java MainShell
       

Tested Platforms

At this time, the application has been tested on the following platforms:

• Sun SPARCstation 5, Solaris 2.5.x, Sun JDK 1.0.2
• PowerSpec Pentium 120, RedHat Linux 4.0, JDK 1.0.2 for Linux
• Micron Pentium 100, Windows NT 4.0, Sun JDK 1.0.2
• Apple Power Macintosh 7200, System 7.5.5, MRJ 1.0

The application has been tested by other users on the following platforms:

• OS/2 Warp - Jaime Cruz sent instructions.

User Instructions

Inside the Editor Canvas

• Use the vertical toolbar to select the type of area to create.
• Create an area by clicking and dragging the mouse.
• Select an area by clicking the mouse on the edge of an area.
• Resize an area by clicking the mouse and dragging a control point of a selected area.
• Move an area by clicking the mouse and dragging an edge of an area.
• Close polygons by joining endpoints, or by pressing the polygon button.
• Add a point to a completed polygon by holding down the CTRL key and clicking the mouse on a polygon segment.
• Delete a point from a completed polygon by holding down the CTRL key and clicking the mouse on a polygon point.
• Hold down the SHIFT key to select more than one area.
• Hold down the SHIFT key to constrain movement to vertical, horizontal, or diagonal while resizing or moving areas.

Link URL

• Assign a URL to the selected area by typing the URL in the text field.
• Clear the Link URL text field by pressing the Clear button.

File Menu

New...

Create a new image map.

Open...

Open an image map from an HTML text file.

Save

Save an image map to a previously specified HTML text file.

Note: THE EDITOR ONLY SAVES HTML TAGS RELATED TO THE IMAGE MAP ITSELF. ALL OTHER TAGS READ DURING OPEN OR IMPORT WILL BE LOST.

Save As...

Save an image map to an HTML text file.

Note: THE EDITOR ONLY SAVES HTML TAGS RELATED TO THE IMAGE MAP ITSELF. ALL OTHER TAGS READ DURING OPEN OR IMPORT WILL BE LOST.

Load Image File...

Load a GIF or JPEG image from a file.

Load Image URL...

Load a GIF or JPEG image from a URL.

Import...

Client-Side Image Map File...

Import an image map from an HTML text file. This command will parse the first image map in an HTML text file. This is similar to the "Open..." command, but the document title remains "Untitled".

Client-Side Import Image Map URL...

Import an image map from a URL. This command will parse the first image map at the URL. This can be used to load image maps from web sites such as Apple Computer (http://www.apple.com/). Try it!

Export...

Server-Side Image Map File...

Export the image map to a file in server-side image map format.

Preferences...

Show the Preferences dialog.

Quit

Quit the application.

Edit Menu

Map Name...

Specify the map name.

Select All

Select all.

Select None

Select none.

Duplicate Selected

Duplicate the selected area.

Duplicate Selected

Duplicate the selected area.

Delete Selected

Delete the selected area.

Undo

Undo is limited to 8 levels, though it could be increased programatically. It is mostly implemented for this release.

Image Menu

Opaque

Make the image opaque.

75% Transparent

Make the image 75% transparent.

50% Transparent

Make the image 50% transparent.

25% Transparent

Make the image 25% transparent.

Invisible

Make the image invisible.

Bookmarks Menu

Browse Bookmarks File...

Load Netscape Bookmarks.html file. Bookmarks can be used to assign links to selected areas. Bookmarks that point to GIF's and JPEG's can be used to load images into the editor.

View Menu

HTML Source...

View HTML text in a dialog. This is what will be saved in the "Save" and "Save As..." commands.

Help Menu

About

Show about dialog. Not implemented for this release.