Erstellen einer neuen Seite mit einem CSS-Layout in Dreamweaver - Dummies

Dreamweaver enthält zwei CSS-Layouts mit HTML5-Tags, die Sie anpassen können, um eine scheinbar unendliche Vielfalt an Seitendesigns zu erstellen. Diese Layouts verschaffen Ihnen einen Vorsprung, wenn Sie eine neue Seite erstellen. Sie sind für eine Vielzahl von Webbrowsern ausgelegt und helfen Ihnen so, häufige Probleme zu vermeiden, die durch die verschiedenen Arten entstehen, auf die Webbrowser HTML5 und CSS anzeigen.

Aus all diesen Gründen sollten Sie Ihre Entwurfsarbeit in Dreamweaver mit einem CSS-Layout beginnen, das im Fenster Neues Dokument ausgewählt wurde, insbesondere wenn Sie HTML5 verwenden möchten.

Gehen Sie wie folgt vor, um eine neue Seite mit einem der CSS-Layouts von Dreamweaver zu erstellen:

1. Wählen Sie Datei → Neu.

   Das Dialogfeld Neues Dokument wird angezeigt.

2. Wählen Sie Leere Seite aus der linken Spalte und HTML aus der Spalte Seitentyp in der Mitte.

   Alternativ können Sie im unteren Teil des Abschnitts "Seitentyp" eine Option auswählen, die der auf Ihrer Website verwendeten Programmiersprache entspricht, z. B. ASP. NET, PHP oder ColdFusion, und fahren Sie dann mit Schritt 3 fort. (Wenn Sie mit diesen Programmieroptionen nicht vertraut sind, bleiben Sie bei HTML.)

3. Wählen Sie im Bereich Layout entweder das CSS-Layout aus.

   Beachten Sie, dass beim Auswählen eines CSS-Layouts eine Vorschau des Layouts oben rechts im Dialogfeld angezeigt wird.

   

4. Wählen Sie aus der Dropdown-Liste Layout-CSS den Typ des Stylesheets aus, das Sie beim Entwerfen der Seite erstellen möchten:

   • Zu ​​Head hinzufügen erstellt ein internes Stylesheet und enthält alle Stile für das Layout. im Kopfbereich des neuen Dokuments.

   • Neue Datei erstellen erstellt ein neues externes Stylesheet mit allen Seitenstilen, wenn Sie das neue Dokument mit dem Design erstellen.

   • Verknüpfung zu vorhandener Datei fügt die Stylesheet-Informationen für das neue Dokument einem vorhandenen externen Stylesheet hinzu.

   Hinweis : Sie können jederzeit ändern, wie das Stylesheet später eingerichtet wird, indem Sie Stile von einem internen Stylesheet in ein externes oder von einem externen Stylesheet in ein anderes verschieben.

5. Klicken Sie auf Erstellen.

   Die neue Seite wird erstellt und im Hauptarbeitsbereich geöffnet.

6. Wählen Sie Datei → Speichern, um die Seite und die Stile zu speichern.

   Wenn Sie die Stile in einem externen Stylesheet gespeichert haben, werden Sie in einem zweiten Fenster aufgefordert, das Stylesheet separat zu speichern. Wenn die Stile in einem internen Stylesheet enthalten sind, werden sie automatisch gespeichert, wenn Sie die Seite speichern.