Layers are an important part of the webpage. Like tables they are also DHTML components that allow the user to insert an image or a text in to a particular position of the web page. Layers will automatically derive the co-ordinates for the image. Layers allow their repositioning. A layer can be repositioned by simply selecting it by clicking and dragging it to the desired position. Layers can be viewable and hidden. They are browser dependent and can be viewed differently on different browsers. Before working with layers the user must have a basic understanding about DreamweaverMX. If not visit our Dreamweaver tutorials.

The Various Characteristics associated with layers are given below

1. To add a content to a newly created layer can be accomplished by creating a new layer first by pressing Insert>Layout Objects>Layers. A time line window showing the newly inserted layer appears. Contents can be added or images could be inserted into the layer by clicking inside the frame.

    

   

2. The layer Properties could be changed by setting the values in the Properties Window. Attributes such as background color, background image, size etc of a layer can be changed.
3. The user can rename the layers according to his use by going to the layers panel and go to the windows to select layers and a panel will appear at the right. By double clicking the panel you could rename the layer. By default the layers are named as Layer 1, Layer 2, etc.

    

   
   

4. Layers can be hidden or viewable>the visibility of a layer can be changed by checking and un checking the open-eye icon at each of the layers. By checking it the layer becomes visible and un checking it hides the layer.
5. Newly created layers appear above the currently selected layer. This ordering could be changed manually. Usually the layer having the highest layer number appears the top. You could simply drag the layers to change the ordering. The layers are drawn in the browser according to this ordering. The ordering can also be changed by changing the number of the z-index.