将 Adobe Device Central 与 Dreamweaver 配合使用

通过使用 Device Central，Dreamweaver Web 设计人员和开发人员可以预览 Dreamweaver 文件在各种移动设备上的显示效果。Device Central 使用 Opera 的 小屏幕渲染? 为设计人员和开发人员提供其网页在小型屏幕上的显示效果。设计人员和开发人员还可以通过它来测试其 CSS 是否正常运行。

例如，Web 开发人员的客户可能需要使网站内容能够在移动电话上使用。Web 开发人员可以使用 Dreamweaver 来创建初始页面，然后使用 Device Central 测试这些页面在各种设备上的显示效果。

有关为移动设备创建 Dreamweaver Web 内容的提示

Device Central 使用 Opera 的小屏幕渲染来预览用 Dreamweaver 创建的 Web 页。通过进行这种预览，您可以清楚地了解 Web 页在移动设备上的显示效果。

注：任何单个模拟设备上可能预装了 Opera 的小屏幕渲染，也可能没有预装。如果安装了 Opera 的小屏幕渲染，Device Central 则会提供内容显示效果的预览。

可以使用以下提示来确保用 Dreamweaver 创建的 Web 页能够在移动设备上正确显示。

  • 如果使用 Adobe? Spry 框架来开发内容，请将以下 HTML 行添加到页面中，以使其能够在 Device Central 中正确呈现 CSS 和执行 JavaScript?：

    <link href="SpryAccordion.css" media="screen" rel="stylesheet" type="text/css"/> 
<link href="SpryAccordion2.css" media="handheld" rel="stylesheet" type="text/css"/>

  • Opera 的小屏幕渲染不支持帧、弹出框、下划线、删除线、上划线、闪烁以及选框。尽可能避免使用这些设计元素。

  • 使用于移动设备的 Web 页尽可能简单。尤其是，应使用最小数量的字体、字体大小以及颜色。

  • 通过缩小图像大小并减少所需的颜色数，可以增加按预期方式显示图像的可能性。应使用 CSS 或 HTML 为所使用的每个图像指定精确的高度和宽度， 并为所有图像提供替代文本。

注：Opera 软件网站是一个很好的信息来源，其中包含有关为移动设备优化 Web 页的信息。







,