Operation Manual

Fest
Fließend
Hinweis:
Zum Head-Bereich hinzufügen
Neue Datei erstellen
Verknüpfen mit bestehender Datei
Layout aus. Andernfalls wählen Sie „Kein“ aus. Abhängig von Ihrer Auswahl werden auf der rechten Seite des Dialogfelds
unter Umständen eine Vorschau und eine Beschreibung des gewählten Layouts angezeigt.
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. In den meisten Fällen können Sie die Vorgabe, nämlich
„XHTML 1.0 Transitional“, übernehmen.
Durch Auswahl einer der XHTML-Dokumenttypdefinitionen (DTD) stellen Sie sicher, dass Ihre Seite XHTML-kompatibel
angelegt wird. Sie können beispielsweise ein HTML-Dokument XHTML-kompatibel machen, indem Sie im Popupmenü
„XHTML 1.0 Transitional“ oder „XHTML 1.0 Strict“ auswählen. Extensible Hypertext Markup Language, abgekürzt XHTML, ist
eine Neuformulierung von HTML als XML-Anwendung. Im Allgemeinen können Sie mit XHTML die Vorteile von XML nutzen
und dabei gleichzeitig sicherstellen, dass Ihre Webdokumente mit älteren und künftigen Browsern kompatibel sind.
Weitere Informationen zu XHTML finden Sie auf der Website des World Wide Web Consortium (W3C). Diese Site
enthält die Spezifikationen für XHTML 1.1 - Module-Based XHTML (www.w3.org/TR/xhtml11/) und XHTML 1.0
(www.w3c.org/TR/xhtml1/). Einschlägige Informationen bieten auch die XHTML-Validator-Sites für webbasierte Dateien
(http://validator.w3.org/) und lokale Dateien (http://validator.w3.org/file-upload.html).
6. Wenn Sie in der Spalte „Layout“ ein CSS-Layout gewählt haben, wählen Sie im zugehörigen Popupmenü den Speicherort für
das CSS aus.
Fügt die CSS-Layoutinformationen dem Head-Bereich der von Ihnen erstellten Seite hinzu.
Schreibt die die CSS-Layoutinformationen in eine neue, externe CSS-Datei 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. Klicken Sie dazu auf das Symbol „Stylesheet anfügen“
über dem Teilfenster „CSS-Datei
anfügen“ und wählen Sie ein vorhandenes CSS-Stylesheet aus. 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. (Optional) CSS-Stylesheets können auch einer Seite zugeordnet werden, die unabhängig vom CSS-Layout neu erstellt wird.
Klicken Sie dazu über dem Teilfenster „CSS-Datei anfügen“ auf das Symbol
„Stylesheet anfügen“ und wählen Sie ein
CSS-Stylesheet aus.
8. Wählen Sie „InContext Editing aktivieren“ aus, wenn Sie eine Seite erstellen möchten, die nach dem Speichern mit InContext
Editing kompatibel ist.
Eine mit InContext Editing kompatible Seite muss mindestens ein div-Tag aufweisen, das als bearbeitbarer Bereich
angegeben werden kann. Beim HTML-Seitentyp müssen Sie beispielsweise eines der CSS-Layouts für die neue Seite
auswählen, da diese Layouts bereits vordefinierte div-Tags enthalten. Der bearbeitbare InContext Editing-Bereich wird
automatisch im div-Tag mit der content-ID platziert. Später können Sie der Seite gegebenenfalls weitere bearbeitbare
Bereiche hinzufügen.
9. Klicken Sie auf „Voreinstellungen“, wenn Sie standardmäßige Dokumentvoreinstellungen festlegen möchten, wie z. B. den
Dokumenttyp, die Kodierung oder die Dateierweiterung.
10. Klicken Sie auf „Weitere Inhalte abrufen“, wenn Sie Dreamweaver Exchange starten möchten. Von dort können Sie weitere
Inhalte für das Seitendesign herunterladen.
11. Klicken Sie auf die Schaltfläche „Erstellen“.
12. Speichern Sie das neue Dokument („Datei“ > „Speichern“). Wenn Sie der Vorlage noch keine bearbeitbaren Bereiche
hinzugefügt haben, weist ein Dialogfeld darauf hin, dass das Dokument keine bearbeitbaren Bereiche enthält. Klicken Sie auf
„OK“, um das Dialogfeld zu schließen.
147