Operation Manual

CSS
GIF
JPEG
XML
XSL
Nach oben
Fest
Fließend
Hinweis:
Hinweis:
Es folgen einige der anderen häufig verwendeten Dateitypen, die bei der Arbeit in Dreamweaver möglicherweise zum Einsatz kommen:
CSS-Dateien (Cascading Style Sheet) haben die Erweiterung .css. Sie werden zum Formatieren von HTML-Inhalten und zum genauen
Positionieren der verschiedenen Seitenelemente verwendet.
GIF-Dateien (Graphics Interchange Format) haben die Erweiterung .gif. Das GIF-Format ist ein beliebtes Webgrafikformat für Cartoons,
Logos, Grafiken mit transparenten Bereichen und für Animationen. GIF-Dateien enthalten maximal 256 Farben.
JPEG-Dateien (Joint Photographic Experts Group – nach der Organisation, die dieses Format entwickelt hat) haben die Erweiterung .jpg
und sind in der Regel Fotos oder Bilder mit hoher Farbauflösung. Das JPEG-Format eignet sich am besten für digitale oder gescannte Fotos,
Bilder mit Texturen oder Farbverlaufübergängen und alle Bilder mit mehr als 256 Farben.
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
145