Device Central Using the New Integration - Dreamweaver CS5

Device Central allows developers and testers an easy way to utilize, create, and preview mobile content on various devices. This Adobe program provides the realistic skins of a wide array of mobile devices, showing how content will appear on those devices. It 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 will then appear.

Browsing Devices

Device Central allows users to click on Browse to search through a wide array of mobile devices on the list. 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 the 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.

The test device will disappear when selecting a device listed in a test group, and the selected device will display the document. It allows users to get an idea of how other users will see their mobile site on many mobile devices and screen resolutions regardless of whether the screen was intended for those specifications.