Anleitung zum Anzeigen einer Vorschau Ihrer Seite in Adobe Dreamweaver CS6

Anzeigen einer Vorschau in Adobe Dreamweaver CS6 - Dummies

Vielleicht haben Sie Ihre Seite in Adobe Dreamweaver CS6 fertig gestellt und möchten untersuchen, wie sie in einem Browser aussieht. Sie können Ihre Datei schnell in der Vorschau anzeigen, indem Sie auf die Schaltfläche Vorschau / Debuggen im Browser in der Symbolleiste Dokument klicken und einen Browser auswählen, um eine Vorschau Ihrer Seite anzuzeigen.

Sie können Browser jederzeit aus dem Bedienfeld Einstellungen hinzufügen, indem Sie Bearbeiten → Voreinstellungen → Vorschau im Browser (Windows) oder Dreamweaver → Voreinstellungen → Vorschau im Browser (Mac) wählen.

In der Live-Ansicht von Dreamweaver CS6 wird Ihre Seite so angezeigt, wie Sie sie in einem Browser sehen würden. Diese Funktion ist eine gute Alternative zum Befehl Vorschau im Browser, da Sie Dreamweaver nicht beenden müssen.

Gehen Sie folgendermaßen vor, um Ihre Seite in der Live-Ansicht anzuzeigen:

  1. Klicken Sie bei geöffneter Seite im Dokumentfenster auf die Schaltfläche Live-Ansicht in der Symbolleiste Dokument.

  2. Um den resultierenden Quellcode Ihrer Seite anzuzeigen, klicken Sie auf die Schaltfläche Live Code, die neben der Schaltfläche Live View angezeigt wird.

    Dieser Schritt entspricht der Verwendung der Optionen "Seitenquelle anzeigen" oder "Quelle anzeigen", die in fast allen Browsern verfügbar sind. In diesem Modus können Sie nur Code anzeigen und nicht bearbeiten.

  3. Um den Seitencode zu bearbeiten, wechseln Sie in der Dokument-Symbolleiste in die geteilte Ansicht oder in die Codeansicht.

Adobe BrowserLab ist ein einzigartiger Dienst, auf den direkt in der Dreamweaver-Umgebung zugegriffen werden kann. Sie können Ihre Website in verschiedenen Browsern, Browserversionen und Betriebssystemumgebungen von einem einzigen Standort aus anzeigen und simulieren. Sie können sogar verschiedene Umgebungen nebeneinander anzeigen, um zu sehen, wie verschiedene Browser Ihre Website rendern.

Bevor Sie den BrowserLab-Dienst verwenden können, müssen Sie sicherstellen, dass Sie Zugriff haben. Um Zugriff zu erhalten, besuchen Sie die Website oder folgen Sie den Anmeldeschritten, die Sie bei der ersten Verwendung des Dienstes in Dreamweaver erhalten haben.

Um eine Vorschau Ihrer Website in Adobe BrowserLab anzuzeigen, klicken Sie in der Dokument-Symbolleiste auf die Schaltfläche Vorschau / Debuggen im Browser und wählen Sie Vorschau in Adobe BrowserLab oder Datei → Vorschau im Browser → Adobe BrowserLab oder klicken Sie im neuen Fenster von Adobe BrowserLab auf die Schaltfläche Vorschau. befindet sich im Arbeitsbereich auf der rechten Seite.