Operation Manual
Dreamweaver erstellt AP-Elemente mithilfe des div-Tags. Wenn Sie ein AP-Element mit dem Werkzeug „AP Div zeichnen“ erstellen, fügt
Dreamweaver ein div-Tag in das Dokument ein und weist ihm einen id-Wert zu (standardmäßig Div1 für das erste Div-Tag, Div2 für das zweite
Div-Tag usw.). Sie können das AP-Div-Tag später mit dem Bedienfeld „AP-Elemente“ oder dem Eigenschafteninspektor wie gewünscht
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 gibt den HTML-Code für ein AP-Div-Tag wieder:
<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>
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 den Mauszeiger darüber führen. 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 (Macintosh) 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
Setzen Sie die Einfügemarke in das Dokumentfenster und wählen Sie dann „Einfügen“ > „Layout-Objekte“ > „AP Div“ aus.
Hinweis: Hierbei wird das AP-Div-Tag an der Stelle eingefügt, an der Sie im Dokumentfenster geklickt haben. Die visuelle Darstellung des AP-
Div-Tags hat damit Auswirkungen auf andere, es umgebende Seitenelemente (wie z. B. Text).
Einfügemarke in ein AP-Div-Tag setzen
Klicken Sie auf eine beliebige Stelle innerhalb des AP-Div-Tags.
Die Begrenzungen des AP-Div-Tags werden markiert und der Auswahlgriff wird eingeblendet. Das AP-Div-Tag selbst ist nicht ausgewählt.
Rahmen der AP-Div-Tags einblenden
250