Operation Manual

Table Of Contents
312
Last updated 10.4.2012
Chapter 10: Vorschau von Seiten
Vorschau von Seiten
Die Entwurfsansicht stellt Ihre Seite annähernd so dar, wie sie im Web aussehen wird. Sie wird jedoch nicht genau so
gerendert wie in einem Webbrowser. Die Live-Ansicht bietet eine genauere Darstellung und ermöglicht es Ihnen, in
der Codeansicht vorgenommene Entwurfsänderungen sofort anzuzeigen. Mit der Funktion „Vorschau in Browser“
können Sie prüfen, wie Ihre Seiten in einem bestimmten Browser dargestellt werden.
Seitenvorschau in Dreamweaver
Live-Ansicht
Die Live-Ansicht unterscheidet sich von der herkömmlichen Dreamweaver-Entwurfsansicht dadurch, dass sie eine
nicht bearbeitbare, realistischere Darstellung Ihrer Seite in einem Browser bietet. Die Live-Ansicht ersetzt nicht den
Befehl „Vorschau in Browser“, sondern bietet vielmehr eine weitere Möglichkeit, die Darstellung Ihrer Seite „live“ zu
prüfen, ohne dazu den Dreamweaver-Arbeitsbereich verlassen zu müssen.
Wenn Sie sich in der Entwurfsansicht befinden, können Sie jederzeit zur Live-Ansicht wechseln. Der Wechsel zur
Live-Ansicht ist jedoch nicht mit dem Wechsel zwischen den anderen herkömmlichen Dreamweaver-Ansichten
(Codeansicht/Geteilte Ansicht/Entwurfsansicht) vergleichbar. Beim Wechseln aus der Entwurfsansicht zur Live-
Ansicht wird die Entwurfsansicht lediglich zwischen den beiden Zuständen „bearbeitbar“ und „live“ umgeschaltet.
Nach dem Wechsel zur Live-Ansicht ist die Entwurfsansicht zwar fixiert, die Codeansicht bleibt jedoch bearbeitbar.
Sie können also Codeänderungen vornehmen und dann die Live-Ansicht aktualisieren, um die Änderungen zu
übernehmen. In der Live-Ansicht besteht die zusätzliche Möglichkeit, zur Live-Codeansicht zu wechseln. Die Live-
Codeansicht entspricht insofern der Live-Ansicht, dass eine Version des Codes angezeigt wird, den der Browser zum
Darstellen der Seite ausführt. Wie die Live-Ansicht ist auch die Live-Codeansicht nicht bearbeitbar.
Ein zusätzlicher Vorteil der Live-Ansicht ist die Möglichkeit, JavaScript anzuhalten. Sie können beispielsweise zur
Live-Ansicht wechseln und den Mauszeiger über Spry-basierte Tabellenzeilen führen, deren Farbe sich in
Abhängigkeit von der Benutzerinteraktion ändert. Wenn Sie dann JavaScript anhalten, wird die Seite in der Live-
Ansicht in ihrem aktuellen Zustand fixiert. Sie können nun den CSS- bzw. JavaScript-Code bearbeiten und die Seite
aktualisieren, um die Änderungen zu überprüfen. Das Anhalten von JavaScript in der Live-Ansicht ist hilfreich, wenn
Sie Eigenschaften für die verschiedenen Zustände von Popupmenüs oder anderen interaktiven Elementen prüfen und
ändern möchten, die in der herkömmlichen Entwurfsansicht nicht dargestellt werden.
Ein Video des Dreamweaver-Entwicklungsteams mit einem Überblick über die Verwendung der Live-Ansicht finden
Sie unter www.adobe.com/go/dw10liveview_de.
Ein Video des Dreamweaver-Entwicklungsteams mit einem Überblick über die Navigation in der Live-Ansicht finden
Sie unter www.adobe.com/go/dwcs5livenav_de.
Ein Video-Tutorial zum Verwenden der Live-Ansicht sowie zu zugehörigen Dateien und zum Code-Navigator finden
Sie unter www.adobe.com/go/lrvid4044_dw_de.
Seitenvorschau in der Live-Ansicht
1 Stellen Sie sicher, dass die Entwurfsansicht („Ansicht > „Entwurf“) oder die Code- und Entwurfsansicht
(„Ansicht“ > „Code und Entwurf“) ausgewählt ist.