DeviceCentral

主题位于:

有关为移动设备创建 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 页的信息。

有关创建移动电话和移动设备内容的更多技巧和方法,请参阅 www.adobe.com/go/learn_cs_mobilewiki_en