Layers are DHTML components and are similar to tables with a few different properties. In tables you can put text or images. But layers allow you to position an image or text in a particular point on the page and it will automatically derive the x and y coordinates for the layer. You can reposition the layer by selecting and dragging. You can made Layers hide or visible, this is an additional advantage in layers. In different browsers, Layers are viewed differently.

Create and add content to a layer

From the menu bar click on Insert>Layout Objects>Layers. It displays the following image. This is the layer into which content will be added.

Click inside the frame and add content or insert an image.

Changing properties

You can give background color, background image, edit the size of the layer, etc. in the properties window.

Naming a layer

By default the name will be Layer1, Layer2, etc. But you can give your own name for each layers. To rename a layer, go to Layers panel, and then go to windows, select layers, the panel will appear towards the right. Double click on the name of the layer and rename it.

Changing the visibility of a layer

In the above image, showing all the three layers with an open-eye icon, which means the three layers are visible. If you want to show or hide the layers, you can simply click on the eye icon on or off.

Changing the order of the layers

It also shows a column name Z below which are numbers. It stores the stacking order of the layers, i.e. the order in which they are drawn in a browser. The layer with the highest number will be on top the stack and that'll be the first layer. By dragging the layer names up or down you can change the order. There is one more way to do this, that is by changing the number of Z-index.