Operation Manual

ManualsBrandsAdobe ManualsSoftwareDreamweaver CC - 2013

171

172

173

174

175

176

177

178

179

180

Table Of Contents

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>

<title>Sample AP Div Page</title>

<!--

#apDiv1 {

position:absolute;

left:62px;

top:67px;

width:421px;

height:188px;

z-index:1;

}

-->

</style>

</head>

<body>

</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

177