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.
|
