How to Create a Photo Album for Your Website in Dreamweaver

How to Create a Photo Album for Your Website in Dreamweaver
Page content

Creating a Photo Album for your website is a lot easier than you may think. This tutorial will show you just how easy it is. You will need to open Dreamweaver and create a new document to work on. Save the document as an html file. You can create a test.html file just for this tutorial, then you can go back and create a real document.

Creating a New Folder with Photos to Use

The first thing that you will need to do is create a new folder. Name this folder DW Album. You can create the folder anywhere on your computer. Copy about 15 to 20 photos and paste it in the new folder. This is the folder that we will be pulling the photos from to create the album in Dreamweaver.

Creating a Photo Album in Dreamweaver

Now we can start the process of creating the new album. Go to the top of your Dreamweaver window and click Commands > Create Web Photo Album. After you click the Create Web Photo Album option a box will appear. In the box, you will see a lot of options. Don’t be overwhelmed by all of these options. I will walk you through each step.

Setting Up the Options for your Web Album

Photo Album Title – You will need to enter a title for your album in this field.

Sub-Heading Info – This is the information that will be displayed beneath the title of the photo album.

Other Info – You can leave this field blank.

Sources Image Folder – Click the Browse button at the end of this field. When the box opens, locate the folder with the photos that you created at the beginning of this tutorial. Double click the folder and click the Select button.

Destination Folder – This is the folder that the web album will be saved in. Click the Browse button, when the box opens, click the tab at the top of the box to create a new folder. Name the folder Web Album. Double click the folder and click the Select button.

Thumbnail Size – This is the size that your thumbnails will be in the gallery. You can drop the box down and select the size that you want.

Columns – This is the number of columns that you will have in your album.

The next two boxes are the format boxes. The JPEG format should be selected, leave it as a jpeg unless you are using GIFs. Then change it to GIFs. Click OK on the box to create the album. The thumbnails will be created. After they are created, click the OK button on the box that pops up. You will now see your album on the page that you created.

Create a Album For Your Website in Dreamweaver - album

This post is part of the series: Dreamweaver Tutorials

This collection of articles is aimed at providing education about the software program Dreamweaver.

  1. Beginner’s Guide to Creating and Saving an HTML Document in Dreamweaver
  2. Dreamweaver Tutorial: Tips for Link Management
  3. Creating a New CSS Text Style in Dreamweaver
  4. Creating a Jump Menu in Dreamweaver
  5. Create a Photo Album for Your Website in Dreamweaver
  6. Dreamweaver Tutorial: Mapping and Linking Images
  7. Use CSS Styles to Create Solid Color Rollover Buttons in Dreamweaver
  8. Incorporating Flash Buttons Into Your Dreamweaver Designs
  9. Creating a Rollover Button in Dreamweaver Without Using CSS
  10. Dreamweaver Tutorial: Creating and Inserting Flash Text into Your Document
  11. Dreamweaver Tutorial: Inserting and Editing a Horizontal Line
  12. How to Modify Your Page Properties in Dreamweaver
  13. Adding Guestbook to Your Site Using Dreamweaver
  14. Applying Pop Up Messages to Links In Dreamweaver
  15. A Guide to Understanding the Properties Panel in Dreamweaver
  16. Create a Tab Menu in Dreamweaver
  17. Creating a List Menu in Dreamweaver
  18. How to Create HTML Email with Dreamweaver