How To Create a Photo Gallery

In this tutorial you will learn how to create a web photo album in Dreamweaver. The album is navigated by small thumbnails of the images that when clicked on will show a larger image of the photo with the ability to go forward and backwards to view the entire album.

Use this to showcase your portfolio, products for a client, or pictures of your family vacation that no one really cares about.

What you need:

• Dreamweaver software
• All your images in one folder
• Regular size image files (Fireworks will take care of the thumbnails)

1. Open your dreamweaver site
2. Create a folder for your album (example:. album)
3. Open any page within the site
4. Choose Commands/Create Web Photo Album from the toolbar
   1. Give the album a title (Will show in the thumbnail page)
   2. You can also enter subheading info (Will show when the images are enlarged)
   3. Choose the source images folder by using the folder icon to browse to the relevant folder (where you have all your images stored)
   4. Choose the destination folder (from our example album)
   5. Choose the thumbnail size from the drop-down menu
   6. You can enter the number of columns you would like to display the thumbnails
   7. The rest can be left as is or changed according to the requirements
   8. Click OK
   9. Fireworks will create the thumbnails for your pictures
   10. When it is finished it will display a message saying you can view the album
5. The album is now in its simple unformatted state which will have three folders:
   1. Thumbnails
   2. mages
   3. Pages (contains pages where larger images are inserted and the navigation to move back and forth through pictures
   4. index.html page (will have thumbnails with links to larger images)
6. From here you can apply a template or a CSS style to format the text.

Vacation

The Big Easy