Photoshop combined with Dreamweaver to make Web album method

Source: Internet
Author: User
Tags html page dreamweaver
dreamweaver| Web page photoshop (hereinafter referred to as PS) batch processing function is very powerful, if the use of good can do a lot of work for us. Today we introduce "PS batch processing design to create a Web album."

One, prepare oneself to make the material of the album, product display, case display, photo display, etc. can, unified the picture in a folder, I will this file is called "Res_img", which is placed in the big picture, small picture for a while PS will do for us.

Second, open PS, select the following menu:

Third, this is the main interface of PS production picture display, mainly has the following several styles:

Styles can be selected to generate different forms of HTML pages, the PS version of the CS provides 8 of formats, are good.

Select the source image workspace:

The above "browsing" is the choice you want to do a lot of picture display folder, that is, above we prepared "res_img".

The following "purpose" is PS after processing the folder, can exist you want to save the location, I have to build a folder called "Pic_ok."

"Options" inside is a few specific settings, a total of six items, which must be set is "banner" "Big Image" "Preview."

"Banner" can be set this first page HTML name, that is, HTML page title, then contact information, time, and so on, if the final will be displayed.

and "large image" can be set to generate "picture display" after the large picture of the long width, and PS can automatically optimize the size of the picture, of course, you can not set.

Thumbnails can set the size of a small picture in a generated HTML page, or you can set a border or something. I use the default "0" directly.

Through the above settings, you can press the "good", and then wait for PS to our pile of pictures into a picture show it.

If you have some web production basis, you can generate the page with Dreamweaver to do some later CSS, as well as the layout of the optimization adjustment and beautification processing. In fact, there are many ways to make a Web album, such as using Dreamweaver and fireworks can also do pictures batch processing and create albums, but I personally think Photoshop combined with dreamweaver effect is better.



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.