Operation Manual

Hinweis:
Nach oben
Hinweis:
Fest
Fließend
Zum Head-Bereich hinzufügen
Neue Datei erstellen
Verknüpfen mit bestehender Datei
<div id="sidebar">
<h3>Sidebar Content</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<p>Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis.</p>
</div>
<!--mainContent div tag-->
<div id="mainContent">
<h1> Main Content </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus
rutrum.</p>
<p>Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus
venenatis, tristique in, vulputate at, odio.</p>
<h2>H2 level heading </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus
rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam.</p>
</div>
</div>
</body>
Der oben gezeigte Beispielcode ist eine vereinfachte Version des Codes, der das zweispaltige Layout mit fester linker Randleiste
erstellt, wenn Sie ein neues Dokument mithilfe der in Dreamweaver enthaltenen vordefinierten Layouts erstellen.
Seiten mit einem CSS-Layout erstellen
In Dreamweaver können Sie eine neue Seite erstellen, die bereits ein CSS-Layout enthält. Dabei können Sie unter 16 verschiedenen CSS-
Layoutvorlagen auswählen. Darüber hinaus können Sie eigene CSS-Layouts erstellen und in den Konfigurationsordner einfügen, damit sie im
Dialogfeld „Neues Dokument“ als Layoutoptionen angezeigt werden.
Dreamweaver-CSS-Layouts werden in den folgenden Browsern korrekt wiedergegeben: Firefox (Windows und Macintosh) 1.0, 1.5, 2.0 und 3.6;
Internet Explorer (Windows) 5.5, 6.0, 7.0 und 8.0; Opera (Windows und Macintosh) 8.0, 9.0 und 10.0; Safari 2.0, 3.0 und 4.0 sowie Chrome 3.0.
Seiten mit einem CSS-Layout erstellen
1. Wählen Sie „Datei“ > „Neu“.
2. Wählen Sie im Dialogfeld „Neues Dokument“ die Kategorie „Leere Seite“ aus. (Das ist die Standardauswahl.)
3. Wählen Sie unter „Seitentyp“ die Art der zu erstellenden Seite aus.
Sie müssen einen HTML-Seitentyp für das Layout auswählen. Sie können beispielsweise HTML, ColdFusion®, PHP usw.
auswählen. Sie können keine ActionScript™-, CSS-, Bibliothekselement-, JavaScript-, XML-, XSLT- oder ColdFusion-Seiten mit einem CSS-
Layout erstellen. Die Seitentypen in der Kategorie „Andere“ des Dialogfelds „Neues Dokument“ schließen die Verwendung von CSS-
Seitenlayouts ebenfalls aus.
4. Wählen Sie unter „Layout“ das gewünschte CSS-Layout aus. Sie können unter 16 verschiedenen Layouts auswählen. Das Vorschaufenster
zeigt das Layout und enthält eine kurze Beschreibung des ausgewählten Layouts.
Die vordefinierten CSS-Layouts enthalten folgende Spaltentypen:
Die Spaltenbreite wird in Pixeln definiert. Die Spalte wird nicht an die Größe des Browserfensters oder die Texteinstellungen des
Besuchers angepasst.
Die Spaltenbreite wird als Prozentwert der Breite des Besucher-Browserfensters definiert. Die Darstellung wird angepasst, wenn
der Besucher das Browserfenster schmaler oder breiter macht. Die vom Besucher vorgenommenen Texteinstellungen haben jedoch keine
Auswirkungen auf die Spaltenbreite.
5. Wählen Sie im Popupmenü „Dok.typ“ einen Dokumenttyp aus.
6. Wählen Sie einen Speicherort für das CSS des Layouts im Popupmenü „Layout-CSS“ aus.
Fügt die CSS-Layoutinformationen dem Head-Bereich der von Ihnen erstellten Seite hinzu.
Schreibt die die CSS-Layoutinformationen in ein neues, externes CSS-Stylesheet und verknüpft das neue Stylesheet
mit der von Ihnen erstellten Seite.
Ermöglicht die Angabe einer bereits vorhandenen CSS-Datei, die die für das Layout benötigten CSS-
Regeln enthält. Diese Option ist besonders praktisch, wenn Sie dasselbe CSS-Layout (d. h. die in einer einzelnen Datei enthaltenen CSS-
Regeln) auf mehrere Dokumente anwenden möchten.
7. Führen Sie einen der folgenden Schritte aus:
Wenn Sie im Popupmenü „Layout-CSS“ die Standardoption „Zum Head-Bereich hinzufügen“ gewählt haben, klicken Sie auf „Erstellen“.
268