Knowledge Base
Save up to  70% off.  Start your website today!

Multiscreen Preview - Dreamweaver CS5

Dreamweaver's Multiscreen Preview feature allows users to preview web pages for mobile phone, tablet, and desktop resolutions directly in Dreamweaver.

To activate the multiscreen preview, click the Multiscreen button (listed in the same menu bar as the various Views). The Multiscreen Preview pop-up will appear.

Feature Functions

Media Queries

The Media Queries button allows users to directly manage, create, and control media queries from the multiscreen media panel.

Viewport Sizes

The Viewport Sizes button allows users to edit the size of the viewing ports for each previewer in the multiscreen media panel.

Browser Navigation

The Browser Navigation buttons at the top of the previewer act the same as a general browser bar except for the Home button. The Home button will not always resolve back to the index.html page; it can also resolve back to the actively open page and in use.

How it Works

While using the Multiscreen Preview, the pages viewed utilize the Webkit capabilities of CS5, rendering the entire site and its numerous pages completely accessible through the previewer. This allows links and widgets to function without testing through another means of multimedia, such as with a phone or tablet.

Note: Clicking the window size in the bottom panel outside of the multiscreen preview will allow you to view your site on the various multimedia platform-sized screens.

Dreamweaver is a popular program for creating websites and applications from Adobe. It supports HTML5, CSS3, PHP, FTP, jQuery, and more, and works with HostGator web hosting.

You can learn more about Dreamweaver by visiting Adobe's website or the Dreamweaver Tutorials learning portal.

Did you find this article helpful?

* Your feedback is too short