Three minutes to create a web album

Source: Internet
Author: User
Tags dreamweaver
Create | Web

If you manage an image site, or if you have a lot of photos to publish, how can you quickly complete a Web album, add images to the Web page, make links, set up navigation? One page of manual production is obviously inefficient and has a huge workload. Here is an application of fireworks 4.0, Dreamweaver4.0 work together in a way that allows you to quickly make your own web albums within three minutes.

Applying the Create Page album command in Dreamweaver allows you to quickly create a photo album site. This command invokes fireworks through JavaScript to process a series of images under a selected folder, creating thumbnails and large graphs, and automatically completes the thumbnail and the big picture link. Using the Create Web album, you must have Dreamweaver and fireworks installed in the system.

1. First create a new folder, in which you put the source image you want to make into a photo album. The format of the image can be:. gif,. jpg,. jpeg,. png,. psd,. tif, or. tiff

2. Open Dreamweaver 4.0, choose Menu Commands-> Create Web Photo Album (command-> create a web album)

The following panel pops up at this time.

3. In the Photo Albumtitle (album title) text box, enter the caption text. This option must be filled in. The caption text appears in the upper gray background table of the album index page.

Add additional text to the subheading info(subheadings) and other info text boxes. It's not written.

4. Click on the source Imagesfolder (source image folders) after the Browser (Browse) button to select the album's original image folder.

Click the Destinationfolder (target folder) after the browser button to select the Save HTML and processed image folders.

5. Determine the properties of the thumbnail:

Select the thumbnail size in the Thumbnailsize (thumbnail size) drop-down box. Thumbnails are indented to the defined size range as a percentage of the source image.

Select Show Filenames(display file name) to display the appropriate file name under the index page thumbnail.

The number of columns entered in the column (columns) text box determines the number of columns in the index page thumbnail table.

6. Select the thumbnail file format in the Thumbnailformat (thumbnail) drop-down box:

gif websnap 128 128 Network security color GIF format.
GIF websnap 256 256 network security color GIF format.
Jpeg-better Quality JPEG high quality format.
Jpeg-smaller File JPEG small file format.

7. Select the large image Save format in the Photoformat (image format) drop-down box. The large image is obtained by the source image processing.

When you create a Web album, you do not use the source image directly as a larger image. This is because some of the other image formats outside the Gif,jpeg are not displayed correctly in the browser, so you need to treat the source image uniformly as GIF or JPEG. It is necessary to note that for the source image is gif,jpeg format, Image processing will degrade the image quality of the original image.

8. Select Scale(shrink). Setting a percentage determines whether the source image is indented.

Setting 100% creates a larger image that is equal to the size of the source image. The setting of the contraction sets the image in the source image folder under the unified function of each picture.

9. Select the Create navigation page for each Photo(Create a page for every image) to create a separate page for each image, which automatically includes back (prev), Home (return), Next (page) Navigation links.

10. Click OK to start creating a Web album.

If fireworks does not open at this time, Dreamweaver automatically launches fireworks for image processing. When the image processing is finished, the Dreamweaver completes the album Index page. In index pages, thumbnails are arranged by file name.

11. Complete

(Chinese title in the Dreamweaver display garbled, in the browser is normal.)
The processed image (or image page) is saved under the target folder. According to the above process, create various kinds of Web albums, you can large picture site, product display site, personal photos for image management.






Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.