Navigationsmenu Icon Menü

Dreamweaver


 
 
Arbeitsfläche - In diesem Bereich findet die Bearbeitung des Dokuments statt. Es lässt sich zwischen verschiedenen Ansichten wählen und wechseln: Der reinen Quellcode -Ansicht (siehe Punkt 2), der reinen Entwurfsansicht (siehe Punkt 3) und einer Kombination aus beiden, wie im Screenshot dargestellt. Die im Code-Fenster veränderten Elemente werden direkt im Entwurfs-Fenster aktualisiert und anders herum (WYSIWYG).
 
Quellcode-Ansicht - In diesem Fenster wird der Quelltext des Dokuments dargestellt. Er kann durch Hinzufügen eigener oder vorgefertigter Code-Segmente bearbeitet werden.
  Entwurfs-Ansicht - In diesem Fenster wird das Dokument als Vorschau angezeigt. Die einzelnen Elemente können auch in dieser Ansicht bearbeitet werden. Es ist möglich, Projekte ausschließlich in dieser Ansicht zu erstellen, wofür keine HTML -Kenntnisse erforderlich sind. Der zu Grunde liegende Quellcode des in der Entwurfs-Ansicht aktiven Elements wird in der Code-Ansicht hervorgehoben.
  Einfügen-Leiste - Diese Leiste beinhaltet etliche Funktionen und Elemente, die per Mausklick oder Drag & Drop in das Dokument eingebaut werden können. Dabei wird in der Quellcode-Ansicht der jeweilige Quellcode, in der Entwurfs-Ansicht das jeweilige Element eingefügt. Über verschiedene Reiter sind unter anderem Tabellen, Frames, Formulare oder allgemeine Funktionen wie Hyperlinks erreichbar.
  Design-Bedienfeld - Im Design-Bedienfeld lassen sich unter anderem die verschiedenen vom Dokument verwendeten Cascading Stylesheets (CSS) bearbeiten und verwalten. Außerdem lassen sich über den Reiter "Verhalten" verschiedene Aktionen erstellen, die durch den Benutzer ausgelöst werden, z.B. dass ein Sound abgespielt wird, wenn der Benutzer mit der Maus über ein Bild fährt.
  Code-Bedienfeld - Im Code-Bedienfeld ist unter anderem der sehr nützliche Tag -Inspektor zu finden, welcher eine Auflistung aller im Dokument verwendeten Tags liefert. Die Tags können ausgewählt und bearbeitet werden, indem ihnen neue Eigenschaften zugewiesen werden. Ein weiterer nützlicher Punkt im Code-Bedienfeld ist der "Referenz"-Reiter, mit Hilfe dessen man sich Beschreibungen und Informationen zu beispielsweise HTML-, CSS- oder JavaScript -Tags und -Befehlen anzeigen lassen kann.
  Dateien-Bedienfeld - Im "Site"-Reiter werden alle zum Hypertext gehörenden Seiten als Dateilisten angezeigt und zusätzlich die Dateiliste der lokalen Festplatte(n). Dadurch lassen sich Dateien öffnen, umbenennen und verschieben, neue Ordner oder Dateien einfügen oder die Ansicht einer geänderten Webseite aktualisieren.
Der "Elemente"-Reiter lässt sich auf zwei Arten einsetzen: als Liste, die den einfachen Zugriff auf die Elemente in einer Site ermöglicht (Siteliste) oder zur Organisation der Elemente, die am häufigsten verwendet werden (Favoritenliste). Die Elemente der Webseite werden automatisch in die Siteliste eingetragen. Der Favoritenliste lassen sich beliebige Elemente hinzufügen.
  Eigenschaften-Inspektor - Mit dem kontextabhängigen Eigenschaften-Inspektor lassen sich die Attribute von Textelementen oder Objekten des Dokuments ansehen und bearbeiten. Dabei werden jeweils die Attribute des momentan ausgewählen Objekts angezeigt.
Letzte Änderung: 26.03.2024