Besides basic html, there are a number of other interesting effects you can add to your site. These include real audio, shockwave and image mapping.

Streaming Real Audio

To make streaming Read Audio do the following:

  1. Save the music file to songname.ra and upload it in ASCII mode to your server.
  2. Open Wordpad on a PC, SimpleText on a Mac, or any other text editor, and click new.
  3. Type in the COMPLETE location of the music file (http://www.yoursite.com/songname.ra)
  4. Save the text file as songname.ram
  5. Upload the text file in ASCII mode to your server
  6. Make all links pont to the text file that is now songname.ram
  7. The songs will song stream, but they take a lot of bandwidth (data transfer) so be careful!

Using Shockwave

If you surf the web a great deal, you will notice that many sites use shockwave animations. Shockwave files are very powerful, but like images are not made by code, but by software. To make a shockwave file, you must either buy Macromedia Flash or Macromedia Director. These are the two main programs that make shockwave files. Unfortunately, there is so much to shockwave files that we cannot even begin to describe how to make them. However, the tutorials and manuals from Macromedia (www.macromedia.com) are very helpful, so be sure to read them.

Image Mapping

Image maps are images that link to more than one page. They work by having some simple code that corresponds to the pixels in an image.

There are two methods for creating an image map. The first is simply to work out the pixels for the image and write the code yourself. The second method is to download a free program such as 'Map It©' or 'Live Map©'. These programs do all the image mapping for you and then give you the html code to add to your page. If you wish to make the image map, look at the following code:

<AREA SHAPE=RECT COORDS="29, 28, 85, 53" HREF="main.html" TARGET="_top">
<AREA SHAPE=RECT COORDS="88, 30, 166, 54" HREF="tutorials.html" TARGET="_top">
<AREA SHAPE=DEFAULT HREF="index.html" TARGET="_top">

This will create a simple image map with 2 parts and a default click area. What this means is that any user clicking on a "hot spot" will go to either main.html or tutorials.html depending on where on the image that they click. However, if they should happen to click anywhere else, they will go to index.html. You should remember to change the pixel locations, the urls, targets and map type/image.

Return to the main index

To Top