Operation Manual

Anzeigen einer Seitenvorschau
Hinweis:
Nach oben
Seitenvorschau in Dreamweaver
Vorschau von Seiten im Browser
Die Benutzeroberfläche wurde ab Dreamweaver CC vereinfacht. Daher kann es vorkommen, dass Sie einige der in diesem Artikel
beschriebenen Optionen ab Dreamweaver CC nicht finden. Weitere Informationen finden Sie in diesem Artikel.
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 gleichzeitig bearbeitbar ist. 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.
Siehe auch:
Bearbeiten in der Live-Ansicht
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.
2. Klicken Sie auf die Schaltfläche „Live-Ansicht“.
3. Optional: Nehmen Sie Änderungen in der Codeansicht, im Bedienfeld „CSS-Stile“, in einem externen CSS-Stylesheet oder in
einer anderen zugehörigen Datei vor.
Obwohl Codeänderungen in der Live-Ansicht nicht möglich sind, ändern sich beim Klicken in die Live-Ansicht die Optionen für
458