|
|
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. |
