Web Design tips: Dreamweaver quick picture Link batch Processing

Source: Internet
Author: User
Tags format window dreamweaver
dreamweaver| Tips | links | Web pages

For Web page makers, the most cumbersome thing may be to add a link to the picture or text in the page. If there is a lot of content on the page, then the work can only be described with horror. I remember a few days ago, the author has in a very short time for a customer to do 300 pictures and corresponding links. Just a good example of the combination of Dreamweaver and fireworks, let's learn how to automate many links and work with pictures.

Start Dreamweaver first, set up the site, select Command (command) >create Web Photo Album (make a Web album), open the Create Web Photo Album.

Then enter the name of the album in the text entry box after photo Album title. The text entered here we suggest it is best to enter the English alphabet, do not enter Chinese characters, because the input characters, in the Dreamweaver edit area is not very normal display. Enter the subtitle or other headings after subheading info and other info, and enter "Photo" after Photo Album title.

Next, select the directory that contains the destination picture in the browse button after source Images folder, then click the Save button, and then select the boats directory.

Click on the "Browser" button after the destination folder, select a good processing of the file directory, generally we want to select their own site directory, (in this case our site directory is the target picture directory boats), and then click the Open button.

In the Drop-down list after thumbnail size, select the size of the picture after the fireworks processing.

After columns select the number of rows for each row of pictures, select the compressed format of the indexed picture in the Drop-down list after thumbnail format, and in the Drop-down list after the photo frmat, you can select the compressed format of the original picture.

Do not make a selection for the check mark in the Create navigation Page for each photo radio box. It works by creating an index page for all the pictures. If you check the item, the page of each picture will have a link forward, backward, or back to the main page when you browse the picture, and if you do not check the item, there are no links, which can be determined according to your needs when you choose.

After doing the above work, click the "OK" button, then fireworks will start up (the machine will be equipped with fireworks), in the fireworks window will appear in the window, which is the progress of processing pictures in fireworks.

Return to Dreamweaver work area, press the keyboard F12 key, test the page, see the effect, such as Figure 5, so many links only two minutes to do, is not very easy.

Click on the picture, will automatically jump to enlarge the picture, that is, the original picture of the page.

After using the Dreamweaver create Web Photo album function, it feels like it is a good helper to reduce our labor, but sometimes the result is not very satisfying in the process, because it has a problem with the computational function. If the picture takes a file named 001.jpg,002.jpg ..., in the production, their order is not exactly in accordance with the order of 001.jpg, 002.jpg and so on, there may be some problems, the author has not found a suitable solution, If the reader has a good idea, please send me a letter of communication.



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.