AdobeDreamweaverCS3新功能简介_Web标准教程

教程Tag：暂无Tag,欢迎添加,赚取U币!

Ajax 的 Spry 框架

通过 Adobe® Dreamweaver® CS3，可以使用 Ajax 的 Spry 框架进行动态用户界面的可视化设计、开发和部署。Ajax 的 Spry 框架是一个面向 Web 设计人员的 JavaScript 库，用于构建向用户提供更丰富体验的网页。Spry 与其它 Ajax 框架不同，可以同时为设计人员和开发人员所用，因为实际上它的 99% 都是 HTML。请参阅以可视方式构建 Spry 页。

Spry 构件

Spry 构件是预置的常用用户界面组件，可以使用 CSS 自定义这些组件，然后将其添加到网页中。使用 Dreamweaver，您可以将多个 Spry 构件添加到自己的页面中，这些构件包括 XML 驱动的列表和表格、折叠构件、选项卡式界面和具有验证功能的表单元素。请参阅添加 Spry 构件。

Spry 效果

Spry 效果是一种提高网站外观吸引力的简洁方式。这种效果差不多可应用于 HTML 页面上的所有元素。您可以添加 Spry 效果来放大、收缩、渐隐和高亮显示元素；在一段时间内以可视方式更改页面元素；以及执行更多操作。请参阅添加 Spry 效果。

高级 Photoshop CS3 集成

Dreamweaver 包括了与 Photoshop CS3 的增强的集成功能。现在，设计人员可以在 Photoshop 中选择设计的任一部分（甚至可以跨多个层），然后将其直接粘贴到 Dreamweaver 页面中。Dreamweaver 会显示一个对话框，可在其中为图像指定优化选项。假如需要编辑图像，只需双击图像即可在 Photoshop 中打开原始的带图层 PSD 文件进行编辑。请参阅使用 Photoshop。

浏览器兼容性检查

Dreamweaver 中新的浏览器兼容性检查功能可生成报告，指出各种浏览器中与 CSS 相关的呈现问题。在代码视图中，这些问题以绿色下划线来标记，因此您可以准确知道产生问题的代码位置。确定问题之后，假如知道解决方案，则可以快速解决问题；假如需要了解具体信息，则可以访问 Adobe CSS Advisor。请参阅检查跨浏览器呈现 CSS 是否有问题。

Adobe CSS Advisor

Adobe CSS Advisor 网站包含有关最新 CSS 问题的信息，在浏览器兼容性检查过程中可通过 Dreamweaver 用户界面直接访问该网站。CSS Advisor 不止是一个论坛、一个 wiki 页面或一个讨论组，它使您可以方便地为现有内容提供建议和改进意见，或者方便地添加新的问题以使整个社区都能够从中受益。请参阅检查跨浏览器呈现 CSS 是否有问题。

CSS 布局

Dreamweaver 提供一组预先设计的 CSS 布局，它们可以帮助您快速设计好页面并开始运行，并且在代码中提供了丰富的内联注释以帮助您了解 CSS 页面布局。Web 上的大多数站点设计都可以被归类为一列、两列或三列式布局，而且每种布局都包含许多附加元素（例如标题和脚注）。Dreamweaver 提供了一个包含基本布局设计的综合性列表，您可以自定义这些设计以满足自己的需要。请参阅使用 CSS 布局创建页面。

治理 CSS

借助治理 CSS 功能，可以轻松地在文档之间、文档标题与外部表之间、外部 CSS 文件之间以及更多位置之间移动 CSS 规则。此外，还可以将内联 CSS 转换为 CSS 规则，并且只需通过拖放操作即可将它们放置在所需位置。请参阅移动 CSS 规则和将内联 CSS 转换为 CSS 规则。

Adobe Device Central

Adobe Device Central 与 Dreamweaver 相集成并且存在于整个 Creative Suite 3 软件产品系列中，使用它可以快速访问每个设备的基本技术规范，还可以收缩 HTML 页面的文本和图像以便显示效果与设备上出现的完全一样，从而简化了移动内容的创建过程。请参阅预览页面在移动设备中。

Adobe Bridge CS3

将 Adobe Bridge CS3 与 Dreamweaver 一起使用可以轻松、一致地治理图像和资源。通过 Adobe Bridge 能够集中访问项目文件、应用程序、设置以及 XMP 元数据标记和搜索功能。Adobe Bridge 凭借其文件组织和文件共享功能以及对 Adobe Stock Photos 的访问功能，提供了一种更有效的创新工作流程，使您可以驾驭印刷、Web、视频和移动等诸多项目。请参阅使用 Bridge。