Dreamweaver 4 concise tutorial (5. Make your webpage more beautiful Part 2)
Author：Eve Cole
Update Time：2009-05-30 18:36:08
Picture processing
Suppose now we insert the following picture:
Click the picture and open the properties panel (Ctrl+F3). You can see the status as shown below:
1. The thumbnail of the picture and the size of the picture.
2. The length and width of the picture. If the picture is longer than the width and is inconsistent with the size of the original picture, the numbers here will be displayed in bold; click on a picture, you can see that the picture will be covered with a frame and three dots. Each point represents stretching the picture in three different directions to achieve the effect of zooming in and out; during the stretching process, hold down the Shift key and drag the points on the corners to keep the width and height ratio of the picture. Stretch, 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 properties panel.
3. Src is the location of the picture; Link is the hyperlink corresponding to the picture. Since there is no link, it is displayed as empty; the following two buttons
, the former can pull out an arrow and directly point the picture or link to a certain file in the folder, while the latter is to open the folder according to the traditional method to find a certain file. According to actual operation experience, the former is of little use; Target is how the link is opened. Link establishment and precautions will be introduced later.
4. Align: The alignment of images. This is one of the most basic web page layout methods. You can debug the method yourself, so I won’t take up the space here. For details, please refer to:
http://www.goeway.com/web/dreamweaver/series/bighead/align.htm;
Alt: It is the description of the picture. If I type here: "I am an orangutan, who am I afraid of?", when browsing, move the mouse over the picture, you can see these descriptions;
Border: The width of the border of the picture, for example, enter 10:
5. Position the picture to the left, center, or right. I believe that as long as you have used Word, you will not be unfamiliar with it.
6. Map: Used to create multiple different links in different areas on a picture. We will also explain how to establish links later.
