Adobe Dreamweaver CC 2015 - Manual (Page 229)

222
CSS
Last updated 6/3/2015
HTML code for AP Div elements
Dreamweaver creates AP elements using the div tag. When you draw an AP element using the Draw AP Div tool,
Dreamweaver inserts a div tag in the document and assigns the div an id value (by default apDiv1 for the first div you
draw, apDiv2 for the second div you draw, and so on). Later, you can rename the AP Div to anything you want using
the AP elements panel or the Property inspector. Dreamweaver also uses embedded CSS in the head of the document
to position the AP Div, and to assign the AP Div its exact dimensions.
The following is sample HTML code for an AP Div:
Sample AP Div Page
</p><p style="position:absolute;top:420px;left:323px;white-space:nowrap" class="ft04"> </p><p style="position:absolute;top:442px;left:139px;white-space:nowrap" class="ft04"> </p><p style="position:absolute;top:597px;left:170px;white-space:nowrap" class="ft04"> </p><p style="position:absolute;top:619px;left:139px;white-space:nowrap" class="ft04">
You can change properties for AP Divs (or any AP element) on your page, including x and y coordinates, z-index (also
called the stacking order), and visibility.
Insert an AP Div
Dreamweaver lets you easily create and position AP Divs on your page. You can also create nested AP Divs.
When you insert an AP Div, Dreamweaver displays an outline of the AP Div in Design view by default, and highlights
the block when you move the pointer over it. You can disable the visual aid that shows AP Div (or any AP element)
outlines by disabling both AP Element Outlines and CSS Layout Outlines in the View > Visual Aids menu. You can also
enable backgrounds and the box model for AP elements as a visual aid while you design.
After you create an AP Div, you can add content to it by simply placing your insertion point in the AP Div, and then
adding content just as you would add content to a page.
Draw a single AP Div or multiple AP Divs consecutively
1 In the Layout category of the Insert panel, click the Draw AP Div button .
2 In the Document window’s Design view, do one of the following:
• Drag to draw a single AP Div.
• Control-drag (Windows) or Command-drag (Macintosh) to draw multiple AP Divs consecutively.
You can continue to draw new AP Divs as long as you do not release the Control or Command key.