Dreamweaver 4 Concise Tutorials (five, make your page more beautiful second)

Source: Internet
Author: User
Tags dreamweaver
dreamweaver| Tutorials | Web page the processing of the picture

Let's say we're inserting the following picture:



Click the picture and open the Properties panel (CTRL+F3) to see the status of the following diagram:



1, the picture's thumbnail and picture's size.

2, the long width of the picture, if the picture is longer than the size of the original image is inconsistent, the numbers here are shown in bold; Click on a picture, you can see the picture will be trapped in a box and three points, three points respectively to the picture in three different directions to stretch, so as to achieve magnification and narrowing effect; During the stretching process, Press the SHIFT key, and then drag the point on the corner to keep the picture wide and high proportional stretching, as shown below. If you want to restore the picture to its original size, you can press the Reset size button in the lower-right corner of the property panel.

3, SRCis the location of the picture; Linkis the corresponding hyperlink to the picture, because the link is not made, so this is shown as NULL, the following two buttons, the former can pull out an arrow, directly to the picture or link to a file folder, the latter is the traditional way to open a folder to find a file, according to the actual operation experience, the former role is not; Targetis how the link is opened. The establishment of links and considerations will be described later.

4, Align:The alignment of the image, which is the most basic way of Web page layout, the way we can debug, this will not occupy space, the details can be referred to:
http://www.goeway.com/web/dreamweaver/series/bighead/align.htm;
   Alt:Is the description of the picture, if I entered here: "I am a gorilla I fear who", in the browsing time, the mouse moved to the picture, you can see these instructions;
   Border:The border width of the picture, for example, enter 10:



5, the picture left, center, put right, I believe that as long as you have used word, will not be unfamiliar to him.

6, Map:Used to make several different links on a different area of a picture, as well as a description of how to create a link later.

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.