Sunday, December 28, 2014

How to create a web photo album in Dreamweaver?


            To create Web Photo Album command in Dreamweaver lets you automatically generate a web site that showcases an album of images from a given folder. This command uses JavaScript to call Fireworks, which creates a thumbnail and larger-sized image for each of the images in the folder. Dreamweaver then creates a web page containing all the thumbnails, as well as links to the larger images. To use the create web Photo Album, you must have both Dreamweaver and Fireworks 4 or later installed on your system.
            Before you begin, place all of the images for your photo album in a single folder. (The folder is not required to be in a site.) In addition, make sure that the image filenames end in extensions recognized by the Create Web Photo Album command (.gif, .jpg, .jpeg, .png, .psd, .tif, or .tiff). Images with unrecognized file extensions are not included in the photo album.

To create a Web photo album:
1.                  In Dreamweaver, choose commands > create Web Photo album.
2.                  In the Photo Album Title text field, enter a title. The title will be displayed in a gray rectangle at the top of the page containing the thumbnails. If desired, you can enter up to two lines of additional text to appear directly beneath the title, in the Subheading Info and Other Info text fields.
3.                  Choose the folder containing source images by clicking the Browse button next to the source images folder text field. Then choose (or create) a destination folder in which to place all the exported images and HTML files by clicking the  Browse button next to the Destination Folder text field. The destination folder should not already contain a photo album-if it does, and if any new images have the same names as previously used images, you might overwrite existing thumbnail and image files.
4.                  Specify display options for the thumbnail images: choose a size for the thumbnail images from the Thumbnail Size pop-up menu. Images are scaled proportionally to create thumbnails that fit within a square that ha the indicated pixel dimensions. To display the filename of each original image below the corresponding thumbnail, select show filenames.
Enter the number of columns for the table that displays the thumbnails.
5.                  Choose a format for the thumbnail images from the Thumbnail Format pop-up menu:
GIF WebSnap 128 creates GIF thumbnails that use a web adaptive palette of up to 128 colors.
GIF WebSnap 256 creates GIF thumbnails that use a web adaptive palette of up to 256 colors.
JPEG-Better Quality creates JPEG thumbnails with relatively higher quality and larger file sizes.
JPEG-Smaller File creates JPEG thumbnails with relatively lower quality and smaller file sizes.
6.                  Choose a format for the large-size images from the Photo Format pop-up menu. A large size image of the specified format is created for each of your original images. You may specify a format for the large-size images that differs from the format you specified for the thumbnails.
Note: The create Web Photo Album command does not let you use your original image files as the large-size images, because original image formats other than GIF and JPEG might not display properly on all browsers. Note that if your original images are JPEG files, the large-size images generated may have larger file sizes or lower quality than the original files.
7.                  Choose a Scale percentage for the large-size images.
Setting Scale to 100% creates large-size images the same size as the originals. Note that the scale percentage is applied to all of the images; if your original images aren’t all the same size, scaling them by the same percentage may not produce the desired results.
8.                  Select Create Navigation Page for Each Photo to create an individual web page for each source image, containing navigation links labeled Back, Home, and Next.
If you select this option, the thumbnails link to the navigation pages. If you don’t select this option, the thumbnails link directly to the large-size image.
9.                  Click OK to create the HTML and image files for the web photo album. Fireworks launches (if it’s not already running) and creates the thumbnails and large-size images. This may take several minutes if you’ve included a large number of image files page containing the thumbnails.
10.              When a dialog appears that says “Album Created,” click OK. You may have to wait a few seconds for your photo album page to appear. The thumbnails are shown in alphabetical order by filename.

Note: Clicking the Cancel button in the Dreamweaver dialog box after processing has begun does not stop the process of creating the photo album; it merely prevents Dreamweaver from displaying the main photo album page.