Adobe 38040334 - Dreamweaver CS3 User Manual page 393

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 was 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.
September 4, 2007
DREAMWEAVER CS3 386
User Guide