Wie Center-Webseiten horizontal in Dreamweaver Cs4

June 29

Zentrieren einer Web-Seite in Dreamweaver umfasst die Verwendung eines Container-Div auf die Seite enthalten, die eine feste Breite zugewiesen hat. Durch Einstellung gleich Linker und rechter Rand erstellen Sie eine Lücke gleiche auf beiden Seiten des Container-Div, das Zentren die Seite. Wie Sie die Breite der Browser des Besuchers nicht wissen, können nicht Sie einen festen Wert für den linken und rechten Rand als die notwendige Breite ändert sich je nach der Breite des Browsers festlegen. Verwenden Sie Dreamweaver CS4 CSS Auto-Margin-Eigenschaft, um automatisch die richtigen Ränder zu erstellen und die Seite zu zentrieren.

Anweisungen

1 Starten Sie Dreamweaver CS4, und öffnen Sie eine neue HTML-Seite.

2 "Einfügen" aus dem Hauptmenü am oberen Rand des Bildschirms, klicken Sie auf "Layout-Objekte" und "Div-Tag." Dadurch können Sie die wichtigste Inhalte für die Seite enthält ein HTML Div einfügen. Geben Sie für die ID im angezeigten Dialogfeld "Seite".

3 Klicken Sie unter das ID-Feld im Dialogfeld auf die Schaltfläche "Neue CSS-Regel". Der Selektor "#page" wird automatisch für Sie eingegeben. Klicken Sie die Schaltfläche "OK" in der oberen rechten Ecke des Dialogfelds, um beginnen Sie, die CSS-Eigenschaften, um die Seite zu zentrieren.

4 Klicken Sie auf "Box" im Menü "Kategorie" auf der linken Seite im CSS-Eigenschaften. Dies können Sie ändern die Größe und die Margen für die "Seite" div. Typ "960" in das Feld "Breite" ein und stellen Sie sicher, dass "px" aus den Einheiten Dropdown-Menü ausgewählt ist. Dies setzt die Breite der Seite 960 Pixeln.

5 Deaktivieren Sie das Kontrollkästchen "Für alle gleich" im Bereich "Margin", dann wählen Sie "auto" aus der Dropdown-Menüs für den linken und rechten Rand. Festlegen des linken und rechten Randes auf "auto" stellt einen gleichen Abstand für den linken und rechten Rand der berechnet wird, vom Browser zu gewährleisten, dass die Seite zentriert ist. Klicken Sie auf "OK", um die Stile der Seite hinzuzufügen.

6 Klicken Sie auf "OK" Schließen Sie das Dialogfeld "Insert Div-Tag" und das div-Tag der Seite hinzufügen. Wechseln Sie zu "Design"-Ansicht in Dreamweaver zu sehen, dass die Seite automatisch zentriert und bereit für Sie zum Hinzufügen von Inhalt innerhalb der "Seite" div.

Tipps & Warnungen

  • Wenn Sie mit Ihrer neuen Seite zufrieden sind, verwandeln Sie es in eine Vorlage als Basis für künftige Seiten verwenden.