Operation Manual

ManualsBrandsAdobe ManualsSoftwareDREAMWEAVER CS5.5

361

362

363

364

365

366

367

368

369

370

360

USING DREAMWEAVER

Working with other applications

Last updated 3/28/2012

3 Do one of the following:

• Select File > Preview in Browser > Device Central.

• On the document window toolbar, click and hold the Preview/Debug In browser button and select Preview In

Device Central.

The file is displayed in the Device Central Emulator tab. To continue testing, double-click the name of a different

device in the Device Sets or Available Devices lists.

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:

• 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.

Working with ConnectNow and Dreamweaver

Working with ConnectNow

Adobe® ConnectNow provides you with a secure, personal online meeting room where you can meet and collaborate

with others via the web in real time. With ConnectNow, you can share and annotate your computer screen, send chat

messages, and communicate using integrated audio. You can also broadcast live video, share files, capture meeting

notes, and control an attendee's computer.

You can access ConnectNow directly from the application interface.

1 Choose File > Share My Screen.

2 In the Sign In to Adobe CS Live dialog box, enter your email address and password, and click Sign In. If you don’t

have an Adobe ID, click the Create Adobe ID button.

3 To share your screen, click the Share My Computer Screen button at the center of the ConnectNow application

window.