Operation Manual

XML
XSL
Nach oben
Fest
Fließend
Hinweis:
Hinweis:
Zum Head-Bereich hinzufügen
Neue Datei erstellen
Verknüpfen mit bestehender Datei
XML-Dateien (eXtensible Markup Language) haben die Erweiterung .xml. Sie enthalten Daten in einer Rohform, die mithilfe von XSL
(eXtensible Stylesheet Language) formatiert werden können.
XSL-Dateien (eXtensible Stylesheet Language) haben die Erweiterung .xsl oder .xslt. Sie werden zum Formatieren von XML-Daten
verwendet, die auf einer Webseite angezeigt werden sollen.
Layouts mithilfe einer leeren Seite erstellen
Sie können entweder ein vordefiniertes CSS-Layout zur Erstellung Ihrer Seite verwenden oder eine leere Seite anlegen und ein eigenes Layout
erstellen.
1. Wählen Sie „Datei“ > „Neu“.
2. Wählen Sie im Dialogfeld „ „Neues Dokument“ in der Kategorie „Leere Seite“ in der Spalte „Seitentyp“ den Seitentyp aus, den Sie erstellen
möchten. Wählen sie beispielsweise „HTML“ aus, um eine einfache HTML-Seite zu erstellen.
3. Wenn Sie ein CSS-Layout in Ihre neue Seite integrieren möchten, wählen Sie in der Spalte „Layout“ ein vordefiniertes CSS-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.
Dreamweaver enthält auch zwei HTML5-CSS-Layouts: zwei oder drei Spalten mit fester Breite.
Ab Dreamweaver CC sind nur HTML5-CSS-Layouts verfügbar.
4. Wählen Sie im Popupmenü „Dok.typ“ einen Dokumenttyp aus. In den meisten Fällen können Sie die Standardauswahl, „XHTML 1.0
Transitional“ bzw. „HTML5“ (Dreamweaver CC), verwenden.
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).
5. Wenn Sie in der Spalte „Layout“ ein CSS-Layout ausgewählt haben, wählen Sie im Popupmenü „Layout-CSS“ 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 über dem Teilfenster „CSS-Datei anfügen“ auf das Symbol „Stylesheet 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.
6. (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.
Eine detaillierte, schrittweise Anleitung für diesen Vorgang finden Sie im Artikel von David Powers: Automatically attaching a style sheet to
new documents (Stylesheets automatisch an neue Dokumente anfügen).
7. Wählen Sie „InContext Editing aktivieren“ aus, wenn Sie eine Seite erstellen möchten, die nach dem Speichern mit InContext Editing
354