Server Self-Test & Demonstration
Information Retrieval

• Basic document retrieval (hypertext, plain text, images, audio)
• Directory listing and file retrieval (fancy alternative to FTP site)
• Clickable image maps (actions based on clicking hotspots in an image)
• Server-side includes (merge documents, use page counters, and more)
• Automatic URL-fixup (esoteric, but vital)
• Serving Java applets (Java-capable browser required)

Basic Document Retrieval

Here is a plain text document
Here is a hypertext document
Here is a JPEG image (Bob Denny on Cotton)
Here is an audio clip
You can also use an image as a link.

Directory Listing and File Retrieval

Look here first

This demo includes a small directory tree with some useless documents in it. Have a look and you'll get the idea. Clicking the Parent Directory entry at the top of the demo tree will take you back to this demo document.

HTML-3 Table Support

Here is the above sample directory tree in fixed-pitch format. Note that, once the server sees you use the ?plain argument, it will construct parent- and sub-directory links with this argument appended, preserving the fixed-pitch mode.

If you feel that most of your users do not have browsers that handle HTML-3 tables, you can tell the server to default to using fixed-pitch for its directory listings. Turn off the Use HTML3 tables switch on the Dir Listing tab of the server's property sheet. WebSite Pro ships with this switch enabled.

Disabling Directory Browsing

Here is a directory that has been protected against browsing with access control.

Clickable Image Maps

Here is an inline GIF image. Click in it and see what happens. If you get an error message, your server is not running, or you are reading this as a file. Try this link to see if your local server is running.

In contrast to most other known Web servers, this server does not require running an external program to handle image map requests. The support is built into the server, which makes the server very efficient at handling image mapping.

Image Map Data

<A HREF="32demo.map">
<IMG SRC="images/imapdemo.gif" ISMAP WIDTH=300 HEIGHT=100>
</A>

The 32demo.map is the name of the map file. When WebSite Pro sees a filename ending in .map it assumes that the file contains NCSA-format image mapping data. This activates the server's special built-in image mapper. WebSite Pro reads the map file and uses the data in it to decide what to do. You can open the map with MapThis! and see the regions as they were defined, along with their target URLs (right-click a region). You may have to locate the background image yourself (one time only) after installing WebSite Pro. Here is the image mapping data for the example above:

default /~wsdocs/32demo/noshape.html
ellipse /~wsdocs/32demo/circle.html 8,9 90,89
poly /~wsdocs/32demo/poly.html 250,10 212,90 290,90 250,10
rect /~wsdocs/32demo/rect.html 130,10 171,91

WebSite Pro uses standard NCSA-format image map files. You can put your map files in the same directory as the documents that use them.

The following example uses an image map file self-test.map.

Note that the NCSA image map format supports the point element, in which a click outside any geometric region resolves to the nearest point. The presence of one or more point elements bypasses any background (default) element. The ellipse region is unique to WebSite Pro. Most other imagemappers support only circles.

The HTML used in this sample is:

<A HREF="/~wsdocs/32demo/self-test.map">
<IMG SRC="images/file-imap.gif" ISMAP>
</a>

and the contents of self-test.map are:

ellipse /~wsdocs/32demo/ellipse.html 50,12 170,54
point /~wsdocs/32demo/ptleft.html 24,34
point /~wsdocs/32demo/ptright.html 194,34

The Two Ways to Code Image Maps in HTML

You can also make an image map by using an obscure but useful feature of HTML forms. Create an input field of type IMAGE within a form whose execution target is the image mapper. Forms can use either the GET or POST method, but file-based image maps require using GET. An example, along with the actual HTML used, appears below.

<FORM METHOD="GET" ACTION="32demo2.map">
<INPUT TYPE=IMAGE SRC="/~wsdocs/32demo/images/imapdemo.gif">
</FORM>

NOTE: WebSite Pro and MapThis! also support client-side image maps in which the coordinates and URLs are stored in an HTML file and processed by the browser. Not all browsers support client-side image maps. See Chapter 7 of Mastering the Elements

NOTE: WebSite Pro's unique built-in SSI support for page counters eliminates the need for CGI-based page counter packages completely.

This document demonstrates and tests WebSite Pro's SSI facilities. See Chapter 3 of Creating Dynamic Content for details on the features and syntax for using SSI.

/~wsdocs/32demo  <-- missing trailing slash

Now look at the displayed current URL. It should have a trailing slash on it, and it also has the port number after the host name if your server is running on a port other than 80 (the HTTP default).

• Tumbling Duke - A graphics animation demo. Wait until the animation gets well under way before judging this one. It's a slow starter.

• Wire Frame - a 3-D wire frame model viewer. Use your mouse to rotate the images to different views. The complex images take some time to show up at first. There are four sample 3-D images to choose from: a simple cube, a stegasaurus, a helicopter, and a navy ship.

• WebSite Monitor - This one is actually useful! It displays three crawling graphs of your server's usage statistics. It is described more fully on the sample display page.

Next Test Set: Security Features
Back to Top Page