Tutorial/dreamweaver/Introductory Dreamweaver 4 Concise tutorial 12 (use of layers)

Source: Internet
Author: User
Tags dreamweaver
dreamweaver| Tutorial If you think it is too difficult to master the page element with a table, try using the layer (Layer) as a good thing. Click on the Property Panel button, the cursor will become a cross, drag on the editing window, you can create a layer, we can enter the layer of most of the page elements, such as pictures, text, and so on. The benefit of the layer is that it can be placed anywhere on the page, as shown below:




After selecting a layer, the corresponding property panel is as follows:



   ①Layer ID: The name of the layer used to identify different layers;

   ②L,t: The position of the layer, L is the distance from the left edge of the page, T is the distance from the top edge of the page;
W,h: Layer width and height;

   ③Z-Index: the z-axis order of the layers;

   ④Bg Image: Background image of the layer;

   ⑤Vis: The display state of the layer, where the hidden is to hide the layer, in the invisible State;

   ⑥Bg corlor: Background color of the layer;

   ⑦Tag: Layer uses the Code way, the general use of the default Div can;

   ⑧Overflow if there is too much text in the layer, or if the picture is too large, the size of the layer is not enough to display all the time, you can choose:
Visible: the excess part shows;
Hidden: the excess part hides;
Scrool: Scroll bars are displayed, whether or not they are exceeded;
Auto: Scroll bar appears when there is excess;

For example, if we choose Auto, the layers in the above example will appear as follows:



The advantages of the layer are obvious, but the disadvantages are also obvious, for example, it is difficult to create a Web page that adapts to different resolutions, and when a page uses multiple layers, the complexity of the page increases, which makes editing very cumbersome; the actual effect of the edit state and the browsing state is quite distinct. Usually people use layer for typesetting, and then convert the layer into a table (Modefy > Convert > Layers to table), the specific operation is not described here, you can try it yourself.


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.