Web Design: Making a new photo album for an event
 

1. In Dreamweaver MX 6.0, make a new folder under the "\Pages\Events\" folder with format "YYYY-MM-DD-NAME", where "YYYY" is the year, "MM" is the month (in digits), "DD" is the date, and "NAME" is a short name for the event. Look at the other even folders for ideas.

2. Make a new folder under the new event folder to hold all the new pictures. Name it something like "pics" (it doesn't matter, just don't name it "images")

3. Go to the menu "Commands", then "Create Web Photo Album...". Fill in the details in a way similar to the image below. Additional notes:

- Photo Album Title: just put "x"
- Subheading Info: doesn't matter
- Other Info: doesn't matter
- Source Images Folder: should be the "pics" folder mentioned in step 2
- Destination Folder: should be the events folder mentioned in step 1
- Show Filenames: uncheck that box

Leave the rest as is. Then press "OK". Dreamweaver will launch Fireworks and create a bunch of files and then show you a new photo album page named "index.htm". Close the file. So far so good.

4. Copy a "gallery.htm" file from another events folder into the new event folder, open it, set the name/location/date of the event (remember to use the "Verdana/Arial/Helv" font of size 3 in bold) and remove the old photo table at the bottom. Then close and save the new gallery file. We're now ready to transplant the new photo album into the gallery file.

5. Rename the "gallery.htm" file to "galleryx.htm" (update all related files).

6. Under the "Site" menu in the "Files" pane on the right, click on "Recerate Site Cache", then let it simmer for a minute.

7. Rename the "index.htm" file to "gallery.htm" (update all related files).

8. Open "gallery.htm" and "galleryx.htm". Cut the photo album table (the table with the pics) in "gallery.htm" and paste it in "galleryx.htm"

9. Close and save "gallery.htm" and "galleryx.htm".

10. Delete "gallery.htm" (answer "Yes" when Dreamweaver asks if you should delete anyway".

11. Rename "galleryx.htm" to "gallery.htm" (update all related files) . All done for that part!

12. Open the "\Pages\gallery.htm" file and add the new event there (use one of the thumbnails from the new event folder's "thumbnail" directory, and put the name/location/date information, then add a link to the "gallery.htm" that was just created above.

13. Open the "\Pages\events.htm" file and add the new event there (or move the event from the "Upcoming Events" section to the "Past Events" section (use one of the thumbnails from the new event folder's "thumbnail" directory, and put the name/location/date information, then add a link to the "gallery.htm" that was just created above. Also if you end up creating other files, like "info.htm" (for the event flyer), or "comments.htm" (for reviews), or "sounds.htm" or "music.htm" (for music recorded at the event), just make sure that these links are present in the events section and in each of those files on the right column.

14. Test the "gallery.htm" page by clicking on it once and pressing F12. The top MFC image may not appear, but that's ok. Click on a picture and navigate around to see that it all looks good.

15. Delete the "x" folder with the original images.

All done!