This text is in Layer 1

 

This is layer two

DHTML Layers

In Dreamweaver, you create layers via the Insert menu or the "Common" elements palette.

From the Common elements insert menu, choose Draw Layer. You can then draw the layer directly onto the html page. You can alter the Properties of the Layer via the Properties palette. Here I've created a layer with a purple background (Layer 1) and one with a blue background (layer 2).

 

 

 

 

 

 

 

 

 

Things get interesting when you open the Behaviors palette. You can Show or Hide a layer (based on user interactions).

 

Select the Layer in the editor window and open the Behaviors window. Select Show/Hide layers. Choose Hide. Then select on "OnClick." Then select Show/Hide Layers again, this time choosing to Show the layer "OnMouseOver."

Layers can also be animated. Select the layer and choose Add Object to Timeline. The simplest animation is created by telling Dreamweaver to "Record Path of Layer" (from "Modify-->Timeline-->Record Path of Layer) and setting the timeline to autoplay and loop (checkboxes in the timeline window). See layer two above. Of course, the various layer effects can be combined (an animated layer that vanishes when clicked, for example).