Macromedia dreamweaver 8-using dreamweaver User Manual

200

Chapter 7:  Laying Out Pages with CSS

Related topics

■

Inserting a layer 

Dreamweaver lets you create layers on your page easily and position them precisely. You can 
also create nested layers. For more information, see 

When you insert a layer, Dreamweaver displays the layer’s border, by default, and highlights 
the block when you move the pointer over it. You can enable layer borders by disabling both 
Layer Outlines and CSS Layout Outlines in the View > Visual Aids menu. You can also 
enable backgrounds and the box model for layers as a visual aid while you design. For more 
information, see 

To change the highlight color of a layer or to disable highlighting, see 

.

After you create a layer, you can add content to it by simply placing your insertion point in 
the layer, and then adding content just as you would add content to a page.

To draw a single layer or multiple layers consecutively:

1.

In the Layout category of the Insert bar, click the Draw Layer button.

2.

In the Document window’s Design view, do one of the following:

■

Drag to draw a single layer.

■

Control-drag (Windows) or Command-drag (Macintosh) to draw multiple 
layers consecutively.

You can continue to draw new layers as long as you do not release the Control or 
Command key.

To insert a layer at a particular place in the document:

■

Place the insertion point in the Document window, and then select Insert > Layout 
Objects > Layer.

NO

T

E

You can use a Dreamweaver design file as a starting point for your CSS layout. Select a 
file from the Page Designs (CSS) category of the New Document dialog box (see 

).

NO

T

E

This procedure places the tag for the layer wherever you clicked in the Document 
window. The visual rendering of the layer may thus affect other page elements (like 
text) that surround it.