DEVICE CENTRAL
User Guide
30
Tips for creating Dreamweaver web content for mobile devices
Device Central previews web pages created in Dreamweaver using Opera’s Small-Screen Rendering. This preview
can give you a good idea of what a web page looks like on a mobile device.
Note:
Opera’s Small-Screen Rendering may or may not be pre-installed on any individual emulated device. Device
Central simply gives a preview of how the content would look if Opera’s Small-Screen Rendering were installed.
Use the tips below to ensure that web pages created in Dreamweaver display well on mobile devices.
•
If you use the Adobe® Spry framework to develop content, add the following line of HTML to your pages so they
can render CSS and execute JavaScript™ correctly in Device Central:
<link href="SpryAccordion.css" media="screen" rel="stylesheet" type="text/css"/>
<link href="SpryAccordion2.css" media="handheld" rel="stylesheet" type="text/css"/>
•
Opera’s Small-Screen Rendering does not support frames, pop-ups, underlining, strikethrough, overlining, blink,
and marquee. Try to avoid these design elements.
•
Keep web pages for mobile devices simple. In particular, use a minimum number of fonts, font sizes, and colors.
•
Scaling down image sizes and reducing the number of colors required increase the chances that the images will
appear as intended. Use CSS or HTML to specify an exact height and width for each image used. Provide alt text
for all images.
Note:
The Opera software website is a good source of information about optimizing web pages for mobile devices.
For more tips and techniques for creating content for mobile phones and devices, see
www.adobe.com/go/learn_cs_mobilewiki_en
.
Testing with the Emulator tab
Open the Emulator tab
The Emulator tab in Adobe® Device Central® is designed to simulate content on mobile devices in a realistic way. You
can test various media types such as Flash, bitmap, and video, and apply them as different content types, such as
stand-alone player, wallpaper, or screen saver.
Note:
Testing with the Emulator tab cuts the cost and time of testing on mobile devices, but should never replace testing
on actual devices. Use Device Central for initial tests as you develop content and then use real devices for final testing.
If you are testing Flash content, for a content file to appear on the Emulator tab on a specific device, the device must
support the Flash Lite version and content type that the file uses. For example, if you have a SWF file created in Flash
that requires Flash Lite 2 and you try to test the file on the Emulator tab on a device that only supports Flash Lite 1.1,
the file does not appear. (In this case, try going to the Available Devices list, group the devices by Flash Lite version,
and double-click one of the devices that supports Flash Lite 2.)
❖
Do one of the following:
•
From Adobe Device Central, select File > Open, navigate to a file, and double-click the file.
•
In a supported Adobe application, select to export content for testing, preview the content, or save the content for
devices. For example, in Flash the command is Control > Test Movie and in Photoshop the command is File > Save
for Web & Devices.
Summary of Contents for 29400084 - Photoshop CS3 Extended
Page 1: ...USER GUIDE...
