AP Divs Creation in Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) verwendet Dreamweaver CSS-positioniert virtuellen Container, oder Boxen, durch das DIV-Tag erstellt frei Inhalt auf einer Seite zu positionieren. Das DIV Tag ist ein Grund-Tag verwendet, um Bereiche auf Ihrer Seite, für Inhalte zu erstellen. Jeder DIV-Tag kann eine eindeutige ID-Stil zugewiesen haben, seine Position, das Aussehen steuern und Größe.

Der Prozess Inhalt oft der Platzierung erfolgt in zwei Schritten: das DIV-Tag erstellen und dann ihre entsprechenden Stil. Das AP-Div-Tool ermöglicht es Ihnen, Boxen frei auf der Seite zu ziehen und den Inhalt innen legen.

AP-Div ist die Abkürzung für absolute positionierte DIV ein Element mit einer absoluten Position an einer bestimmten Stelle auf der Seite fixiert. Wenn Sie ein AP-Div zeichnen, wird seine Position, um die oberen und linken CSS-Eigenschaften verwenden, mit der linken oberen Ecke der Seite als Referenzpunkt häufig eingestellt.

CSS behandelt jedes Element auf einer Seite als Box, die inhalts- bezeichnet als die hält CSS Box-Modell. Obwohl CSS eine Box betrachten kann (als Tabelle oder einer Liste so) auf einer Seite die meisten vorhanden, enthält Element zu sein, DIV-Tags werden am häufigsten zu erstellen virtuelle Boxen verwendet, die Sie Text, Bilder zu positionieren verwenden können, und auch andere Boxen.

Jede Box kann seine eigene Breite, Höhe, Position (über die oberen und linken Eigenschaften), Rand, Ränder und padding- jeder ist CSS-Regeln festgelegt werden.

1. Auf der Insert-Panel, wählen Sie die Kategorie Layout.

2. Wählen Sie den AP Div zeichnen Werkzeug.

   Der Cursor erscheint als Kreuz Haar, wenn Sie es über die Seite bewegen zurück.

3. Klicken Sie irgendwo auf der Seite und ziehen Sie einen neuen AP zu ziehen Sie die Maustaste loslassen DIV.

   
   Klicken und ziehen Sie die Seite mit dem AP Div zeichnen Werkzeug ein Feld zu erstellen.

4. Bewegen Sie den Mauszeiger über den Rand des Kastens, bis es zu einem Hand Klick ändert sich einmal und Griffe auf allen Seiten erscheinen.

5. Klicken und ziehen Sie alle diese Griffe die Box vertikal oder horizontal zu skalieren.

6. Um das Feld zu verschieben, klicken und ziehen Sie es durch die Lasche, die auf ihrer oberen linken Rand sitzt und legen Sie die Box, wo Sie es auf der Seite.

   Werfen Sie einen Blick auf den Eigenschafteninspektor, und Sie sehen den Namen sowie viele DIV Eigenschaften aufgelistet.

7. Wenn das Bedienfeld CSS-Stile nicht geöffnet ist, wählen Styles Window-CSS it- unter dem All-Panel zu öffnen, klicken Sie auf der linken Seite des Stylesheets () um es zu erweitern.

   Sie sehen eine neue # apDiv1 ID-Stil, die dem neuen AP-Div angebracht ist Sie erstellt. Für jeden neuen DIV erstellt, Dreamweaver Abtretungs apDiv mit einer entsprechenden Anzahl in der Reihenfolge der Schöpfung.

8. Klicken Sie in der neuen Box eingeben, einfügen oder neue Inhalte einzufügen.

Wenn Sie ein AP-Div auf der Seite ziehen, fügt Dreamweaver einen Tag, um die Box zu schaffen und schafft eine ID-Selektor, der DIV Position, Breite, Höhe und andere Eigenschaften speichert. Nachdem Sie ein AP-Div erstellt haben, können Sie eingeben, einfügen oder Inhalte einfügen im Inneren direkt. Sie können auch eine Klassenregel zu jedem DIV aus dem Eigenschafteninspektor zuweisen.

Jeder AP Div Sie automatisch in der AP-Bedienfeld Elemente aufgeführt zeichnen (wählen Sie Window-AP-Elemente, um es anzuzeigen. Die AP-Elemente-Panel kann Ihnen helfen, wählen Sie, verstecken und zeigen keine AP-Div-Tags auf der Seite.