Operation Manual

Bearbeiten in der Live-Ansicht
Für die Live-Ansicht wird eine auf Chrome basierende Rendering-
Engine verwendet, damit Ihre Inhalte in Dreamweaver wie in Ihren
bevorzugten Webbrowsern dargestellt werden. Während der
Entwicklung können Sie in die Live-Ansicht umschalten, um schnell
eine Vorschau Ihrer Seite anzuzeigen. Und damit Sie nicht ständig
zwischen Code- und Entwurfsansicht umschalten müssen, können Sie
HTML-Elemente auch direkt in der Live-Ansicht bearbeiten.
Die Live-Ansicht wird sofort aktualisiert, um die Änderungen auf der
Seite anzuzeigen.
Praktische Übung
Web-Seiten mit den neuen
Funktionen der Live-Ansicht
entwerfen und bearbeiten und
eine Vorschau dafür erstellen
(Testen, 60 Min.)
Vorsicht:
Bei der Bearbeitung einer Seite in der Live-Ansicht können Sie die folgenden Komponenten verwenden:
DOM-Bedienfeld: (Fenster > DOM) Zeigt die HTML-Struktur des Dokuments an und
ermöglicht das Kopieren und Einfügen, Duplizieren, Löschen und Umstrukturieren der
HTML-Elemente. Weitere Informationen finden Sie unter DOM-Bedienfeld.
Elementanzeige: Befindet sich über dem ausgewählten HTML-Element in der Live-
Ansicht. In der Elementanzeige können Sie HTML-Elementen Klassen und IDs zuordnen.
Weitere Informationen finden Sie unter HTML-Elemente mit Klassen und IDs verknüpfen.
Schnellansicht-Eigenschafteninspektor: Wird angezeigt, wenn Sie in der
Elementanzeige auf das Stapelsymbol klicken oder Text auswählen. Mit dem
Schnellansicht-Eigenschafteninspektor können Sie in der Live-Ansicht Bildattribute
bearbeiten und Text formatieren. Weitere Informationen finden Sie unter Schnellansicht-
Eigenschafteninspektor.
Live-Ansicht-Eigenschafteninspektor: Befindet sich unter dem Dokumentfenster und
erlaubt die Bearbeitung verschiedener HTML- und CSS-Eigenschaften in der Live-
Ansicht. Weitere Informationen finden Sie unter Live-Ansicht-Eigenschafteninspektor.
Bedienfeld „Einfügen“: („Fenster“ > „Einfügen“) Hier können Sie Elemente per Drag &
Drop direkt aus dem Bedienfeld in die Live-Ansicht ziehen. Weitere Informationen finden
Sie unter Elemente direkt in die Live-Ansicht einfügen.
Wenn auf der Seite dynamische Änderungen ausgeführt werden (aufgrund von Skripts) oder wenn
in den Metadaten eine automatische Aktualisierung festgelegt wurde, gehen die Änderungen, die Sie in der
Live-Ansicht vornehmen, unter Umständen verloren.
Tipps:
Wenn in der Live-Ansicht während der Bearbeitung einer Seite keine Inhalte mehr
angezeigt werden, deaktivieren Sie die Live-Ansicht und aktivieren Sie sie dann erneut.
Falls die Änderungen nicht auf der Seite dargestellt werden, klicken Sie in der Live-
Ansicht auf die Schaltfläche „Aktualisieren“.
Inhalte, die dynamisch über Datenbanken oder JavaScript gerendert werden, sowie nicht bearbeitbare
Bereiche in Vorlagen können nicht in der Live-Ansicht bearbeitet werden. Wenn Sie auf diese Elemente in
der Live-Ansicht klicken, werden sie mit einem grauen Rahmen dargestellt, der anzeigt, dass die Elemente
nicht bearbeitet werden können.
348