Dreamweaver CS3 最新功能描述
本文主要简单介绍Dreamweaver CS3的新功能,如Ajax的Spry框架、高级 Photoshop CS3 集成、浏览器兼容性检查、Adobe CSS Advisor、CSS 布局与管理、Adobe Device Central、Adobe Bridge CS3等等新功能,下面一起来认识他们吧!
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。
浏览器兼容性检查
图1
图2
Dreamweaver 中新的浏览器兼容性检查功能可生成报告,指出各种浏览器中与 CSS 相关的呈现问题。在代码视图中,这些问题以绿色下划线来标记,因此您可以准确知道产生问题的代码位置。确定问题之后,如果知道解决方案,则可以快速解决问题;如果需要了解详细信息,则可以访问 Adobe CSS Advisor。请参阅检查跨浏览器呈现 CSS 是否有问题。
Adobe CSS Advisor
Adobe CSS Advisor 网站包含有关最新 CSS 问题的信息,在浏览器兼容性检查过程中可通过 Dreamweaver 用户界面直接访问该网站。CSS Advisor 不止是一个论坛、一个 wiki 页面或一个讨论组,它使您可以方便地为现有内容提供建议和改进意见,或者方便地添加新的问题以使整个社区都能够从中受益。请参阅检查跨浏览器呈现 CSS 是否有问题。
CSS 布局
图3
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。
CSS增强功能:
DW8具有HTML格式化功能但没有CSS格式化,DW cs3又增加了CSS的格式化功能。
图4
补充:网页制作,Dreamweaver