You can add sound or music to spice up your web site by embedding a MIDI file in your page. MIDI files are typically only about 15k to 25k in size, so they do not take very long to load. You can use MIDI files as background music on your page by adding the following code to the section of your html file:

<embed src="yoursong.mid" hidden="true">
<bgsound src="yoursong.mid">

Replace "yoursong" with the name of the MIDI file that you are using. This code excerpt will support people using Netscape or Internet Explorer.

To make a MIDI file play "on request" in the foreground, you link to directly to the MIDI file using a hyperlink.

<a href="melody.mid">Click to hear my MIDI tune!</a>

Imagemaps allow the user to click on predefined sections of a graphic picture on your page and have the server respond as if they clicked on a text hyperlink. A complete tutorial is available including a sample image map and helpful tools. You are encouraged to review the entire tutorial. 

Client-side imagemaps do not require the presence of a server-side script in order to interpret the coordinates of the "hot" regions of your multi-clickable image. The client-side imagemap is more efficient than the server-side imagemap and it allows the visitor to see the actual URL associated with the mapped regions in the status bar of their web browser.

1. Download a mapping program to create a map file based on the desired image. The map file will contain the coordinates of each clickable region. We recommend MapEdit (PC) and WebMap (Mac), but other image mapping tools may also be available.
   
   
2. Map out the hotspots using one of these programs and select the map file format "Client-side imagemap" as opposed to NCSA or CERN (for server-side maps) prior to saving the file.

   Here is a sample client-side map file created using MapEdit:

   <map name="sample">
   <area shape="rect" coords="20,27,82,111" 
     href="hotspot1.html">
   <area shape="circle" coords="129,113,29" 
     href="hotspot2.html">
   <area shape="rect" coords="21,158,170,211" 
     href="mailto:support@hway.net">
   <area shape="default" nohref>
   </map>

3. Include the map file code within the desired HTML document and reference it like so:

   <img src="image.gif" usemap="#sample">

   Substitute the name of the desired image above and note the relationship between the HTML tag, <map name="sample"> and the usemap="#sample" attribute above. You can test your new client-side imagemap offline if the links refer to files on your local PC.

   More information is available.

To do this you must use a .htaccess file.

You can find a great how-to document on doing this here.

There are also other uses for .htaccess files that can be found on that page
as well.

Note: If you use .htaccess files to protect a page, and also have a JVM running that can access that directory, you should use Tomcat password protection as well, because someone could in theory bypass your .htaccess file by specifing your port number in the URL. You can find out how to use password protection in your JVM here:

http://jakarta.apache.org/tomcat/tomcat-4.1-doc/realm-howto.html