Instructions
1) To begin with, you will need the following html files:
album-template.html
album-end.html
and this CSS file:
album-grey.css (use "Save this link as..." or "Save target as...")
You will also need the following images, which should be placed in your images folder:
upperleft.gif
top-background.gif
upperright.gif
left-background.gif
right-background.gif
lowerleft.gif
bottom-background.gif
lowerright.gif
title.gif
Now, gather up all the photos you want in the album and put them in the images folder.
2) Duplicate the html file titled album-template.html.
3) Rename this file albumXX.html where XX is a two-digit number. It's important
that these numbers be in sequence. So your first image in the album should be 01
and the second 02. This template accommodates up to 98 images, with album00.html
being the index page and album99.html as the closing page for a full album.
4) Open albumXX.html and enter the title of the image where indicated. Also enter
the name of the image file where indicated. Be certain to get the suffix correct
(jpg or gif).
5) Save and close the file. Repeat steps 3 through 5 for each image you wish to add
to the photo album.
6) Add the end file by duplicating album-end.html and renaming it to be the last
number in the sequence. So if you added a total of 5 photos, you would make a copy
of album-end.html and rename it album06.html. If you add more images later, simply
delete album06.html and begin from there.
7) The opening page should be album00.html. Build it as described in 3-5, but use the
title.gif image, and for a title, go ahead and put your name, or whatever you want. And
don't forget to delete the bottom part in the html file. The notes tell you what to delete.
Caveat: This template makes use of javascript. If the web browser has this turned off, then
the previous and next photo links will not work. :(