Operation Manual

Dokumentfenster
Eigenschafteninspektor.
Tag-Selektor
Bedienfelder.
Bedienfeld „Extract“.
Bedienfeld „Einfügen“.
Bedienfeld „Dateien“.
Nach oben
Live-Ansicht
Entwurfsansicht
Codeansicht
Geteilte Codeansicht
zahlreiche Standardprogrammieraufgaben.
zeigt die Dokumente an, während Sie sie erstellen und bearbeiten.
Der Eigenschafteninspektor dient zum Anzeigen und Ändern diverser
Eigenschaften eines ausgewählten Seiten- oder Textobjekts. Jedes Objekt verfügt über spezifische
Eigenschaften.
Der Tag-Selektor befindet sich in der Statusleiste am unteren Rand des Dokumentfensters. Er
zeigt die Hierarchie der Tags an, die die aktuelle Auswahl umgeben. Um ein Tag und seinen gesamten Inhalt
auszuwählen, klicken Sie in der Hierarchie auf das Tag.
Bedienfelder ermöglichen das Überprüfen Ihrer Arbeit und das Durchführen von Änderungen.
Beispiele sind das Bedienfeld „Einfügen“, das Bedienfeld „CSS Designer“ und das Bedienfeld „Dateien“. Sie
können ein Bedienfeld erweitern, indem Sie auf den entsprechenden Registerreiter doppelklicken.
Im Bedienfeld „Extract“ können Sie Ihre PSD-Dateien zur Creative Cloud hochladen
und dort anzeigen. Mithilfe dieses Bedienfelds können Sie CSS-Code, Text, Bilder, Schriften, Farben,
Verläufe und Elementabstände aus Ihren PSD-Kompositionen in Ihr Dokument extrahieren.
Das Bedienfeld „Einfügen“ enthält Schaltflächen zum Einfügen verschiedener
Objekttypen (z. B. Bilder, Tabellen und Medienelemente) in ein Dokument. Jedes Objekt entspricht einem
HTML-Codeabschnitt, in dem Sie beim Einfügen verschiedene Attribute festlegen können. Sie können
beispielsweise eine Tabelle einfügen, indem Sie im Bedienfeld „Einfügen“ auf das Symbol „Tabelle“ klicken.
Sie haben auch die Möglichkeit, Objekte stattdessen über das Menü „Einfügen“ einzufügen.
Das Bedienfeld „Dateien“ ermöglicht die Verwaltung der Dateien und Ordner, die
Bestandteil einer Dreamweaver-Site sind oder auf einem Remote-Server gespeichert werden. Über das
Bedienfeld „Dateien“ können Sie auch auf alle anderen Dateien auf Ihrer lokalen Festplatte zugreifen.
Überblick über das Dokumentfenster
Im Dokumentfenster wird das aktuelle Dokument angezeigt. Um zu einem Dokument zu wechseln, klicken Sie
auf die entsprechende Registerkarte.
Folgende Ansichten stehen zur Auswahl:
(„Ansicht“ > „Live-Ansicht“) Die Live-Ansicht bietet eine realistischere Darstellung dessen, wie
Ihr Dokument in einem Browser angezeigt wird. Sie können mit dem Dokument genauso interagieren, wie
dies später im Browser geschieht. Sie können HTML-Elemente direkt in der Live-Ansicht bearbeiten und Ihre
Änderungen in der gleichen Ansicht sofort in der Vorschau sehen. Weitere Informationen zur Bearbeitung in
der Live-Ansicht finden Sie unter Bearbeiten von HTML-Elementen in der Live-Ansicht.
(„Ansicht“ > „Entwurf“). Eine Entwurfsumgebung für grafisches Seitenlayout, grafisches
Bearbeiten und schnelle Anwendungsentwicklung. In dieser Ansicht kann das Dokument vollständig in
Dreamweaver bearbeitet werden und wird grafisch ähnlich der Darstellung in einem Browser angezeigt.
(„Ansicht“ > „Code“). Eine Umgebung zum manuellen Schreiben und Bearbeiten von HTML-,
JavaScript- und sonstigem Code.
(„Ansicht“ > „Codeteilung“). Eine geteilte Version der Codeansicht, in der Sie Bildläufe
durchführen können, um gleichzeitig verschiedene Abschnitte eines Dokuments zu bearbeiten.
56