Dokumente Vorschau HTML auf einem Handy, Tablet oder Laptop in Dreamweaver

Einer der gefeierten neuen Funktionen in Dreamweaver (first in CS5.5 eingeführt) ist die Multiscreen-Vorschau,

die arbeitet zusammen mit den interaktiven Medien Query-Tools in Dreamweaver. Diese Medien-Abfrage-Tools erstellen, um verschiedene Stylesheets, die in Abhängigkeit von den Medien gelten, in der ein Besucher die Seite zu sehen, verwendet.

Entwerfen von Seiten, die gut in den Medien arbeiten, angefangen von großen Projektionen bis zu winzigen Bildschirmen, ist eine der großen Herausforderungen in der Welt der modernen Web-Design. Multiscreen-Vorschau können Sie sehen, wie eine offene HTML-Dokument in verschiedenen Medien sieht, wie auf einem Mobiltelefon, einer Tablette, einem Desktop oder Laptop.

Mit einem HTML-Dokument geöffnet ist, können Sie eine offene Seite in Multiscreen-Vorschau anzeigen, indem Sie die folgenden Schritte:

1

Klicken Sie auf die Multiscreen-Vorschau-Schaltfläche in der Symbolleiste Dokument oder wählen Sie Window-Multiscreen Preview aus dem Dokumentfenster.

Wenn das Dokument Symbolleiste nicht aktiv ist, wählen Sie Ansicht-Symbolleisten-Dokument.

Die Multiscreen-Vorschaufenster öffnet sich, mit drei Ansichten.

2

Um die Darstellungsgrößen einstellen, klicken Sie auf die Ansichtsfenster-Größen-Taste im Multiscreen-Vorschaufenster.

Das Ansichtsfenster Größen Dialogfeld öffnet sich. Sie können die Werte (in Pixeln) für die Breite und die Höhe jedes der Displays drei Vorschaufenster, an dem bearbeiten. Die Figur zeigt, sind die Telefon-Ansicht auf 480 Pixel eingestellt wird, die Größe des beliebten Smartphones passen.

3

Klicken Sie auf OK im Ansichtsfenster Größen Dialogfeld.

Sie kehren in die Multiscreen-Vorschau.

4

Verlassen Multiscreen-Vorschau indem Sie diese Option in Dreamweaver-Dokument Menü Fenster deaktivieren.

Versuchen Sie nicht, Inhalte in Multiscreen-Vorschau zu bearbeiten. Dieser Modus, wie Dreamweaver Live-Ansicht, erlaubt keine Bearbeitung.

Ähnliche

Menü