Using the New Integration with Device Central - Dreamweaver CS5

Device Central allows developers and testers an easy way to utilize, create and preview mobile content on a variety of devices. This Adobe program provides the realistic skins of a wide array of mobile devices, showing how content will appear on those devices. This enables users to interact with the emulated devices in a way that simulates real-world integration.

To open Device Central, go to File > Device Central. The menu for Device Central then will appear.

Browsing Devices

Device Central allows users to click on Browse to search through a wide array of mobile devices to work with. Users can also search by a specific mobile device, media type used by a mobile device, screen dimensions, etc.

Adding Groups and Devices

Devices can be added to groups or new groups can be created to assist users with organization. To create a group:

  1. Click the plus (+) button in the test device section.
  2. Select Add New Group.
  3. Name the group folder.
  4. Drag and drop desired devices into the group folder.

Creating and Previewing Documents

To create a new document using Device Central:

  1. Click on a device to open the device specific information page.
  2. In the upper right hand corner, click Create. A menu screen will then display the device and the blank canvas to be used by Fireworks.
  3. Click Create in the lower right hand corner of the screen.

Fireworks will then generate a brand new document with the dimensions specified by the selected device.

Preview an Existing Document

To preview an existing document:

  1. Go to the File menu.
  2. Select Preview in Device Central. A menu will then appear with a default device to display the document.

By selecting a device listed in a test group, the test device will disappear and the selected device will display the document. This allows users to get an idea of how other users will see their mobile site on a multitude of mobile devices and screen resolutions regardless of if the screen was intended for the specifications.


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

You can learn more about Dreamweaver by visiting Adobe's website or the video learning portal, Adobe TV.  The video in this article is courtesy of Adobe TV.