Operation Manual
(standardmäßig „apDiv1“ für das erste div-Tag, „apDIv2“ für das zweite div-Tag usw.). Sie können das AP-
Div-Tag später im Bedienfeld „AP-Elemente“ oder im Eigenschafteninspektor nach Bedarf umbenennen.
Dreamweaver verwendet ferner eingebettetes CSS im head-Bereich des Dokuments, um das AP-Div-Tag zu
positionieren und seine genauen Abmessungen zu bestimmen.
Das folgende Beispiel zeigt den HTML-Code für ein AP-Div-Tag:
Sie können für AP-Div-Tags (oder andere AP-Elemente) auf Ihrer Seite Eigenschaften festlegen wie die X-
und Y-Koordinaten, den Z-Index (auch Stapelreihenfolge genannt) und die Sichtbarkeit.
AP Div einfügen
Mit Dreamweaver lassen sich AP-Div-Tags bequem erstellen und auf der Seite positionieren. Auch das
Erstellen verschachtelter AP-Div-Tags ist möglich.
Wenn Sie ein AP-Div-Tag einfügen, zeigt Dreamweaver standardmäßig dessen Konturen in der
Entwurfsansicht an und hebt den Block hervor, sobald Sie mit der Maus darauf zeigen. Sie können das
visuelle Hilfsmittel deaktivieren, mit dem die Konturen von AP-Div-Tags (oder anderen AP-Elementen)
angezeigt werden, indem Sie im Menü „Ansicht“ > „Visuelle Hilfsmittel“ die Optionen „AP-Element-Konturen“
und die „CSS-Layout-Konturen“ deaktivieren. Sie können außerdem Hintergründe und das Box-Modell für
AP-Elemente als visuelles Hilfsmittel einblenden, während Sie an dem Entwurf arbeiten.
Nachdem Sie ein AP-Div-Tag erstellt haben, können Sie diesem Inhalt hinzufügen. Setzen Sie dazu die
Einfügemarke in das AP-Div-Tag und fügen Sie den Inhalt so hinzu, wie Sie dies bei einer Seite tun würden.
Einzelnes AP-Div-Tag oder mehrere aufeinanderfolgende AP-Div-Tags zeichnen
1. Klicken Sie in der Kategorie „Layout“ des Bedienfelds „Einfügen“ auf die Schaltfläche „AP
Div zeichnen“ .
2. Führen Sie in der Entwurfsansicht des Dokumentfensters einen der folgenden Schritte
aus:
Zeichnen Sie ein einzelnes AP-Div-Tag durch Ziehen mit der Maus.
Drücken Sie die Strg-Taste (Windows) bzw. die Befehlstaste (Mac) und zeichnen Sie
nacheinander mehrere AP-Div-Tags durch Ziehen mit der Maus.
Solange Sie die Strg-Taste bzw. die Befehlstaste gedrückt halten, können Sie
weitere neue AP-Div-Tags zeichnen.
AP-Div-Tag an einem bestimmten Ort in das Dokument einfügen
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sample AP Div Page</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:62px;
top:67px;
width:421px;
height:188px;
z-index:1;
}
-->
</style>
</head>
<body>
<div id="apDiv1">
</div>
</body>
</html>
297