How I Created the Example

  1. Created the following 4 folders:

  2. Copied the entire "icons" folder from the ImajSite installation folder into the new "Images" folder
    This created a new "Images\icons" folder.

  3. Opened the Images folder, right-clicked in the folder, and selected "New > Make HTML Dir"
    This created a file named "makeindx.bat" containing the line "@mkhtmdir".

  4. Opened each of the three subfolders, right-clicked in each folder, and selected "New > Make HTML Set"
    This created a file named "makeindx.bat" containing the line "@mkhtmset".

  5. Downloaded images from the http://www.nasa.gov/ web site and saved them to the following folders:

    After the steps above, the folders contained the following files:

    FolderContents
    Imagesmakeindx.bat
    Images\Shuttlemakeindx.bat, shuttle1.jpg, shuttle2.jpg, shuttle3.jpg
    Images\Planetsmakeindx.bat, earth.jpg, moon.jpg, mars.jpg
    Images\Universemakeindx.bat, universe1.jpg, universe2.jpg, universe3.jpg
    Images\icons(files from the ImajSite icons folder)

  6. Opened an MS-DOS Prompt window, and changed to the Images directory.

  7. Typed "maketree 0" at the MS-DOS prompt.

    This command created the following HTML files:

    FolderNew HTML Files
    Imagesindex.htm
    Images\Shuttleindex.htm, shuttle1.htm, shuttle2.htm, shuttle3.htm
    Images\Planetsindex.htm, earth.htm, moon.htm, mars.htm
    Images\Universeindex.htm, universe1.htm, universe2.htm, universe3.htm

    Now I had an entire set of images that I could view from my web browser by simply clicking on the file "index.htm" in the "Images" directory, and following the links.

    I wanted to add some descriptions to the images in the "Universe" folder, so I did the following:

  8. Opened the "Images/Universe" folder

  9. For each of the three image files, I did the following:
    1. Right-clicked on the image file, and selected "HTML File Info" from the menu.
      A file information box was displayed.
    2. Typed a description in the description field
    3. Pressed OK

  10. When I had entered a description for all 3 files, I double clicked on "makeindx.bat". This updated the HTML files (including the index) with the new descriptions.

    Now I could view the Universe slides along with their descriptions.

    I wanted to create a thumbnail for each set, so I did the following:

  11. Used an image editing program to create a file called "thumb.jpg" in each of the folders:

  12. Added the following lines to the "makeindx.bat" file:
    indexBody=BGCOLOR=WHITE
    format=<CENTER><?A>${thumb attr="BORDER=0"}<BR>${title}</A></CENTER>
    columns=3
    

  13. Opened an MS-DOS Prompt window, and changed to the Images directory.

  14. Typed "maketree 0" at the MS-DOS prompt.


Copyright © 1999 Christopher P. LaRosa. All Rights Reserverd.