How to make your own SiteTour

How to make your own SiteTour

The SiteTourApplet interprets a set of nested unnumbered lists in an html file as a set of nested zoomable components. You specify the url of the input file via the applet's url parameter (see below).

The SiteTourApplet will look for and display a recursive set of <ul>,<li>,</ul> tags in your input file. You can customize the appearance of the list by adding extra attributes into the <ul> tag, and you can connect items via double arrows using the <arrow> or <doubleArrow> tags. The following tags and attributes are recognized:

tagattributesample valuemeaning
ulbegin a list
x100set x position of this item within its parent
y100set y position of this item within its parent
lx 100set x position of item label
ly 100set y position of item label
lsize13 set font size of item label
bgcolor#00ffffset background color of item
fgcolor#000040set foreground color of item
arrowdraw an arrow between two items
a1set index of item at start of arrow
b2set index of item at end of arrow
doubleArrowdraw a double arrow between two items
a1set index of first item pointed to by double arrow
b2set index of second item pointed to by double arrow
linext item in this list
/ulend a list

If you have a website, you can make your own SiteTour as follows:

  1. Copy the file zoom.zip onto your own public-html/ directory (by shift-clicking on the link).

  2. Edit your copy of zoom/SiteTourData.html to make your own content.