Erstellen eines neuen Dokuments aus CSS-Starterseiten in Dreamweaver CS6 - Dummies

Adobe Dreamweaver CS6 bietet Ihnen eine Bibliothek mit Beispielseiten mit CSS-basierten Layouts als Alternative zum Neuanfang. Diese CSS-Beispielseiten enthalten nützliche und allgemeine Layoutideen, und da sie mit CSS-Positionierung erstellt werden, sind sie sehr flexibel. Sie können sie direkt im Bedienfeld "CSS-Stile" oder im Eigenschafteninspektor ändern. Einfach deine Inhalte hinzufügen und loslegen!

Führen Sie die folgenden Schritte aus, um ein neues Dokument von einer CSS-Einstiegsseite aus zu erstellen:

1Wählen Sie Datei → Neu.

Das Fenster "Neues Dokument" wird angezeigt.

2Wählen Sie eine leere Seite von links aus, und wählen Sie ein Layout aus der rechten Spalte Layout aus (z. B. das Layout "2 Spalten fixiert", "Linke Seitenleiste", "Kopf- und Fußzeile") und klicken Sie auf "Erstellen".

Eine neue, unbenannte Seite wird geöffnet, basierend auf dem von Ihnen gewählten Layout.

Standardmäßig legen neue CSS-Startseiten alle ihre CSS-Regeln in ein eingebettetes Stylesheet. Um stattdessen ein externes (verknüpftes) Stylesheet zu verwenden, wählen Sie im Dialogfeld Neues Dokument die Option Neue Datei erstellen aus der Dropdown-Liste Layout-CSS. Sie werden aufgefordert, die Datei im Stammverzeichnis Ihrer Website zu speichern.

3Wählen Sie Datei → Speichern.

Nach oben wird das Dialogfeld geöffnet, in dem Sie das Dokument benennen und speichern können.

4Ersetzen Sie den Platzhaltertext in jeder Spalte durch Ihren eigenen Inhalt.

Viola! Sie haben jetzt ein neues Dokument, das auf einer CSS-Startseite basiert. Wie einfach ist das?