ZISP Demon Logo
 

[ Image Banner ]

 The Image Banner displays a different image each time your web page is accessed.

For this tutorial, we assume that you understand how to use Notepad, and the bare essentials of HTML. For help with these tasks, take a look at the Guest Counter Tutorial which has a lot more detail.

[Instructions for FrontPage]

To get your Image Banner working as quickly as possible, simply follow the step-by-step instructions listed below.

  1. Create a new Notepad document. Give the page a heading;

    <H1>Image Banner</H1>

    seems appropriate at this stage.

  2. Enter some descriptive text, such as:

    <P>
    The following image will change each time this page is accessed:
    </P>

  3. Time to plug in the Image Banner. On a new line, enter the following text exactly as it is shown below:

    <IMG SRC="/zisp/banner">

  4. Now save the web page (for now, call it "dynamic_banner.html").

  5. Next, upload your new Image Banner page to your web site, open your Internet browser, and view the page. At this stage, you will only see this message:

    The Dynamic Tool has created a new directory (called "banner") in the home directory of your web site. This directory is for you to put your images in. Imagine that directories within your web site represent different floors of your house. The home directory is your ground floor, where you keep all the important rooms (such as your living room). The banner directory, however, is a place where stuff is stored, and can therefore be thought of as your basement!

  6. You now need to put some images in your basement. Do this by uploading the required files into the banner directory of your web site. You can use as many images as you want to (within reason!). Once you've done this, use your browser to view your Image Banner page. One of your images will be displayed. Click reload a few times, and watch the image change!

    Note - You can only use images that are in the GIF format and have a ".gif" extension.

Image Banner Options

 OK. You've mastered the bare essentials. There are a few other things that you may want to do with your banner. These are listed below:

  • Resizing your Image Banner. Make the image as big or as small as you like!

  • Using multiple Image Banners, each with different sets of images. To do this, you will need to have more than one basement to store your images in. Don't worry, you can have as many as you like!

For instructions on how to perform these tasks, you'll need to read the Dynamic Tools Reference Section on Image Banners.

-> Next: Online Survey Tutorial