Tutorial/dreamweaver/Introductory Dreamweaver 4 Concise tutorial 6 (Make your page more beautiful)

Source: Internet
Author: User
Tags dreamweaver
dreamweaver| Tutorial | Page Suppose now we are 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,SRC is the location of the picture,link is the corresponding hyperlink, because there is no link, so this display is empty, the following two buttons, the former can pull out an arrow, directly to the picture or link to a folder of a file, 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;Target is the way the link is opened. The establishment of links and considerations will be described later.

4,Align: picture Alignment, this 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 in a picture of different areas to make a number of different links, but also left to explain how to create a link when introduced.



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.