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 create new groups 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 by 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 if the screen was intended for the specifications.

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.