Operation Manual

Das Bedienfeld „Einfügen“
Das Bedienfeld „Dateien“
Nach oben
Die Entwurfsansicht
Die Codeansicht
Die geteilte Codeansicht
Code- und Entwurfsansicht.
Die Live-Ansicht
Die Live-Codeansicht
Nach oben
Bedienfeld „CSS-Stile“ und das Bedienfeld „Dateien“. Sie können ein Bedienfeld erweitern, indem Sie auf den entsprechenden Registerreiter
doppelklicken.
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.
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.
Die nachfolgend angeführten Ansichten stehen zur Auswahl.
ist 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.
ist eine Umgebung zum manuellen Verfassen und Bearbeiten von HTML-, JavaScript- und Serversprachencode wie PHP oder
ColdFusion Markup Language (CFML) – sowie von jedem sonstigen Code.
ist eine geteilte Version der Codeansicht, in der Sie Bildläufe durchführen können, um gleichzeitig verschiedene
Abschnitte eines Dokuments zu bearbeiten.
Sie können in einem Fenster sowohl die Codeansicht als auch die Entwurfsansicht eines Dokuments anzeigen.
ähnelt der Entwurfsansicht und bietet eine realistischere Darstellung, wie Ihr Dokument in einem Browser angezeigt wird. Sie
können mit dem Dokument genauso interagieren, wie dies später im Browser geschieht. In der Live-Ansicht kann der Code nicht bearbeitet
werden. Sie können ihn jedoch in der Codeansicht bearbeiten und dann die Live-Ansicht aktualisieren, damit die Änderungen angezeigt werden.
ist nur beim Anzeigen eines Dokuments in der Live-Ansicht verfügbar. In der Live-Codeansicht wird der tatsächliche Code
dargestellt, den ein Browser zum Ausführen der Seite verwendet. Dieser kann sich dynamisch ändern, während Sie in der Live-Ansicht mit der
Seite interagieren. In der Live-Codeansicht kann der Code nicht bearbeitet werden.
In einem maximierten Dokumentfenster (Standardeinstellung) werden im oberen Bereich Registerkarten mit den Dateinamen aller geöffneten
Dokumente angezeigt. Hinter dem Dateinamen wird ein Sternchen (*) angezeigt, wenn Sie Änderungen vorgenommen und diese noch nicht
gespeichert haben.
Darüber hinaus wird unterhalb dem Registerreiter des Dokuments (bzw. unterhalb der Titelleiste, wenn Dokumente in separaten Fenstern
angezeigt werden) die Symbolleiste „Zugehörige Dateien“ angezeigt. Zugehörige Dateien sind Dokumente, die mit der aktuellen Datei verknüpft
sind, beispielsweise CSS- oder JavaScript-Dateien. Um eine dieser zugehörigen Dateien im Dokumentfenster zu öffnen, klicken Sie auf der
Symbolleiste „Zugehörige Dateien“ auf den entsprechenden Dateinamen.
Überblick über die Dokumentsymbolleiste
Die Dokumentsymbolleiste enthält Schaltflächen, mit denen Sie schnell zwischen verschiedenen Ansichten des Dokuments wechseln können.
Außerdem befinden sich auf der Symbolleiste einige häufig verwendete Befehle und Optionen zum Anzeigen und Übertragen von Dokumenten
zwischen der lokalen Site und Remote-Sites. In der folgenden Abbildung ist die erweiterte Dokumentsymbolleiste dargestellt.
Dokumentsymbolleiste (CS6, 12.1, 12.2)
A. Codeansicht anzeigen B. Code- und Entwurfsansicht anzeigen C. Entwurfsansicht anzeigen D. Live-Ansicht E. Multiscreen F. Vorschau/Debug
im Browser G. Dateiverwaltung H. W3C-Überprüfung I. Browserkompatibilität prüfen J. Visuelle Hilfsmittel K. Entwurfsansicht aktualisieren L.
Dokumenttitel
Dokumentsymbolleiste (CC)
A. Codeansicht anzeigen B. Code- und Entwurfsansicht anzeigen C. Entwurfsansicht anzeigen D. Live-Ansicht E. Vorschau/Debug im Browser F.
Dokumenttitel G. Dateiverwaltung
47