• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Naming Layers

Dreamweaver assigns generic names automatically in a numeric order: Layer1, Layer2, etc. These names are not very descriptive, especially when you create complex pages with multiple layers. It is best to get in the habit of giving your layers short, descriptive names.

In the layers.html document, choose Window > Others > Layers.

The Layers panel, located in the Advanced Layout panel group, gives you a list of the layers on the page. You can use it to select a layer, name a layer, change the layer's visibility, change the stacking order, or select multiple layers on the page. When you create a layer, it is placed at the top of the list on the Layer panel, before other layers, if there are any. If the layer is hidden or placed off the page, the Layers panel is the only method for selecting the layer.


If the insertion point is inside a layer, that layer's name will appear in bold on the Layers panel and the selection handle will appear in the document window to indicate that the layer is active but not selected.

The four layers you just created are named Layer1, Layer2, Layer3, and Layer4.

Double-click the Layer1 layer in the Layers panel, type textlayer for the layer name, and press Return (Macintosh) or Enter (Windows). Double-click the Layer2 layer in the panel, type lighthouse, and press Return (Macintosh) or Enter (Windows). Don't change the name for the Layer3 layer. Double-click the Layer4 layer in the panel, type landscape, and press Return (Macintosh) or Enter (Windows).

Do not use spaces or special characters (including the underscore character) for layer names. A layer name must be unique—don't assign the same name to more than one layer or to a layer and another element, such as a graphic. It is a good idea to use a consistent naming scheme for all layer names.


You can also type the name in the Layer ID text field on the Property inspector if the layer is selected.

As you assign the layers names, they become selected in the document window. A selected layer will appear to be in front of the other layers. You can click in the document window, outside of all layers, to deselect a selected layer.

Save the layers.html document.

Leave this file open for the next exercise.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint