To create a basic tour of your town, you need pages of places that you wish to include in your tour. To make each page you need an account on the internet with a way to upload files to your account, pictures of the sites in the *.gif format, a map of your town (optional) in the *.gif format, a write up for the site,time and some knowledge of the html format, and imagemaping. If you have all of that then the hard work is done.
For this example, we are going to use the Railway Station in St. John's. I have a picture of the railway station called railways.gif. I have a map of the City of St. John's with the railway station represented by a blue dot called railwaym.gif. I also have an imagemap of the button-bar called railway.map and account with an email address brown/multi@cs.mun.ca
The basic pages of the walking tour are achieved by by the html code that follows:<TITLE>Title of page</TITLE> <H3>Heading of Page</H3> <IMG align=left SRC="name and location of picture"> <BR clear=right> <A HREF="name and location of html file that is anchored to the following picture"> <IMG align=right SRC="name and location of the map for the page"></A> ;<BR clear=right> <A HREF="name and location of the image map file"> <IMG align=right SRC="name and location of the button-bar" ISMAP></A> <BR clear=all> Some text
Here is the full example of the above applied to the railway station here in St. John's:
<TITLE>St. John's Walking Tour</TITLE>
<H3>Railway Station</H3>
<IMG align=left SRC="railways.gif">
<BR clear=right>
<A HREF="downtown.html">
<IMG align=right SRC="railwaym.gif"></A>
<BR clear=right>
<A HREF="http://www.cs.mun.ca/cgi-bin/imagemap/~brown/multi/railway.map">
<IMG align=right SRC="buttnoch.gif" ISMAP></A>
<BR clear=all>
The railway station was officaly opened in 1903 and was designed by W.H.
Massey. It was built of local granite in the classic Victorian style of
railway stations. Although Newfoundland does not have a railway any more,
the station is still used by the transprovincal bus service.
Note: For the sake of simplicity, I assumed that all the pictures, button-bars, imagemaps, and html files were in the .www directory of you're internet account. In the real walking tour, the pictures, button-bars, imagemaps, and html files are all in s eparate directories off of .www It should be noted that the 'real' html file for the railway station does not look exactly like this but, is similar.
The real heart of this project is the imagemapping. The imagemapping brings life to the button-bars, making them clickable. The basic imagemap for the railway page is:
default the address of the default html file rect the address of the map of the city 0,0 98,50 rect the address of the next tour site 98,0 199,25 rect the address of the help 98,50 199,100 rect the address to the exit page 98,100 199,150Here is the finish product, applied to the railway station
default http://www.cs.mun.ca/~brown/multi/htmls/railways.html rect http://www.cs.mun.ca/~brown/multi/start.html 0,0 98,50 rect http://www.cs.mun.ca/~brown/multi/htmls/murrayn.html 98,0 199,25 rect http://www.cs.mun.ca/~brown/multi/help.html 98,50 199,100 rect http://www.cs.mun.ca/~brown/multi/welcome.html 98,100 199,150
Note: This imagemap will only work if you have the imagemap server software installed. Also, this is for the simplest pages such as the railway station. If you wanted to have different directions for you're tour, then you would have to add lines here t o refence the four pages reference. Just as a techincal note, I have one imagemap for each site, regardless if it supports difference directions or not.
Well, that is it for now, I hope that this has given you some insight in how the walking tour was done. If you have any questions about this or the other features of the walking tour feel free to contact us at mult imedia@cs.mun.ca