Shulou(Shulou.com)06/02 Report--

This article mainly explains "how to apply the middle level of Dreamweaver". The content of the explanation in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn how to apply Dreamweaver.

How to apply the middle layer of Dreamweaver

Understand the concept of layer

With Dreamweaver, you can use layers to design the layout of a page. You can place layers front and back, hide some layers to show others, and move layers on the screen. You can place a background image in one layer, and then a second layer in front of that layer, which contains text with a transparent background.

Using layers, you can place content very flexibly. However, site visitors using older versions of Web browsers may have trouble viewing layers. To ensure that everyone can view your Web page, you can use layers to design the page layout, and then convert the layers to tables. For more information, see converting layers to tables. However, if you are dealing with visitors who are likely to use some kind of up-to-date browser, you can design the layout entirely with layers without having to convert them into tables.

HTML code about layers

When you place a layer in a document, Dreamweaver inserts the HTML tag for that layer in the code. By default, Dreamweaver creates layers using the div tag.

Pay attention to

You can also use two other tags to create layers: layer and ilayer. However, only NetscapeNavigator4 supports these tags; InternetExplorer does not support them, and Netscape no longer supports them in newer browsers. Dreamweaver recognizes layer and ilayer tags, but does not use these tags to create layers.

When you draw a layer using the paint layer tool, Dreamweaver inserts a div tag in the document and assigns an id value to the layer (by default, Layer1 represents the first layer drawn, Layer2 represents the second layer drawn, and so on). Later, you can rename the layer to whatever name you want using the layers panel or the property inspector. Dreamweaver also uses embedded CSS in the header of the document to locate the layer and determine the exact size of the layer.

How to apply the middle layer of Dreamweaver

The following is an example of HTML code for a layer:

Head >

Metahttp-equiv= "Content-Type" content= "text/html;charset=iso-8859-1" / >

Title > SampleLayersPage/title >

Styletype= "text/css" >

!--

# Layer1 {

Position:absolute

Left:62px

Top:67px

Width:421px

Height:188px

Z-index:1

}

-- >

/ style >

/ head >

Body >

Divid= "Layer1" > / div >

/ body >

/ html >

You can set properties at the top of the page, including x and y coordinates, z axis (also known as stacking order), and visibility. For more information, see setting layer preferences and properties.

Thank you for your reading, the above is the content of "how to apply the middle level of Dreamweaver". After the study of this article, I believe you have a deeper understanding of how to apply the middle level of Dreamweaver, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.