Manualshelf

Operation Manual

ManualsBrandsAdobe ManualsSoftwareDREAMWEAVER CS5.5
171172173174175176177178179180
Table Of Contents
170
VERWENDEN VON DREAMWEAVER
Seiten mit CSS erstellen
Last updated 10.4.2012
Seiten mit einem CSS-Layout erstellen
In Dreamweaver können Sie eine neue Seite erstellen, die bereits ein CSS-Layout enthält. In Dreamweaver 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.
Einen Artikel mit erläuternden Informationen zur Verwendung der CSS-Layouts aus dem Lieferumfang von
Dreamweaver finden Sie im Dreamweaver Developer Center.
Darüber hinaus sind unter Adobe Dreamweaver Exchange weitere CSS-Layouts verfügbar.
More Help topics
“Leere Seiten erstellen” on page 67
“Standard-Dokumenttyp und Standardkodierung festlegen” on page 73
“Link zu einem externen CSS-Stylesheet erstellen” on page 157
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.
Note: 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:
Fest Die Spaltenbreite wird in Pixeln definiert. Die Spalte wird nicht an die Größe des Browserfensters oder die
Texteinstellungen des Besuchers angepasst.
Fließend 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ü „DocType“ einen Dokumenttyp aus.
6 Wählen Sie einen Speicherort für das CSS des Layouts im Popupmenü „Layout-CSS“ aus.
Zum Head-Bereich hinzufügen Fügt die CSS-Layoutinformationen dem Head-Bereich der von Ihnen erstellten Seite
hinzu.
Neue Datei erstellen Schreibt die die CSS-Layoutinformationen in ein neues, externes CSS-Stylesheet und verknüpft
das neue Stylesheet mit der von Ihnen erstellten Seite.