618543
646
Zoom out
Zoom in
Previous page
1/694
Next page
Working with Device Central and Dreamweaver
To the top
To the top
To the top
Using Adobe Device Central with Dreamweaver
Preview mobile content with Adobe Device Central and Dreamweaver
Tips for creating Dreamweaver web content for mobile devices
Using Adobe Device Central with Dreamweaver
Device Central enables Dreamweaver web designers and developers to preview how Dreamweaver files will look on a wide variety of mobile
devices. Device Central uses Opera’s Small-Screen Rendering™ to give designers and developers an impression of how their web page looks on
a small screen. It also enables designers and developers to test if their CSS behaves correctly.
For example, a web developer may have a customer who wants to make a website available on mobile phones. The web developer can use
Dreamweaver to create preliminary pages and use Device Central to test how those pages look on different devices.
Preview mobile content with Adobe Device Central and Dreamweaver
To preview pages created in Dreamweaver on various mobile devices, use Device Central with its built-in Opera Small-Screen Rendering feature.
Different devices have different browsers installed, but the preview can give a good impression of how content will look and behave on a selected
device.
1. Start Dreamweaver.
2. Open a file.
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:
<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.
More Help topics
Adobe Device Central Help
639
646


Need help? Post your question in this forum.

Forumrules


Report abuse

Libble takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Product:

For example, Anti-Semitic content, racist content, or material that could result in a violent physical act.

For example, a credit card number, a personal identification number, or an unlisted home address. Note that email addresses and full names are not considered private information.

Forumrules

To achieve meaningful questions, we apply the following rules:

Register

Register getting emails for Adobe Dreamweaver CS6 at:


You will receive an email to register for one or both of the options.


Get your user manual by e-mail

Enter your email address to receive the manual of Adobe Dreamweaver CS6 in the language / languages: English as an attachment in your email.

The manual is 6,14 mb in size.

 

You will receive the manual in your email within minutes. If you have not received an email, then probably have entered the wrong email address or your mailbox is too full. In addition, it may be that your ISP may have a maximum size for emails to receive.

The manual is sent by email. Check your email

If you have not received an email with the manual within fifteen minutes, it may be that you have a entered a wrong email address or that your ISP has set a maximum size to receive email that is smaller than the size of the manual.

The email address you have provided is not correct.

Please check the email address and correct it.

Your question is posted on this page

Would you like to receive an email when new answers and questions are posted? Please enter your email address.



Info