体验Adobe Dreamweaver CS3新特性

2008-03-14 03:43:56来源：阅读 ()

GoLiver和Dreamweaver同为网页设计工具，目前Adobe 发布了Dreamweaver CS3新版本，让我们看看加入Adobe大家庭的Dreamweaver有什么新特性。

　　Dreamweaver 8的CSS设计工具对于那些没有任何编程经验，设计背景出身的用户而言仍然遥不可及。Dreamweaver CS3则修正了这些问题，对于没有太多编程经验的人来说，上手起来也比较容易。然而由于CSS和Ajax自身所含有的复杂因素等问题，导致使用这两种技术绝非像使用老掉牙的HTML进行网页设计那样简单。

　　和Fireworks一样，Adobe公司并没有对Dreamweaver的界面进行升级，这导致Dreamweaver成为Adobe与Macromedia的众多联合设计软件中最易使用户手忙脚乱的软件之一。

　　适合于 Ajax 的 Spry 框架
　　使用适合于 Ajax 的 Spry 框架, 以可视方式设计、开发和部署动态用户界面。在减少页面刷新的同时, 增加交互性、速度和可用性。

　　Spry 数据
　　使用 XML 从 RSS 服务或数据库将数据集成到 Web 页中。集成的数据很容易进行排序和过滤。

　　Spry 窗口组件
　　借助来自适合于 Ajax 的 Spry 框架的窗口组件, 轻松地将常见界面组件 (如列表、表格、选项卡、表单验证和可重复区域) 添加到 Web 页中。

　　Spry 效果
　　借助适合于 Ajax 的 Spry 效果, 轻松地向页面元素添加视觉过渡, 以使它们扩大选取、收缩、渐隐、高光等等。

　　Adobe Photoshop 和 Fireworks 集成
　　直接从 Adobe Photoshop CS3 或 Fireworks CS3 复制和粘贴到 Dreamweaver CS3 中以利用来自您的已完成项目中的原型的资源。

　　浏览器兼容性检查
　　借助全新的浏览器兼容性检查, 节省时间并确保跨浏览器和操作系统的更加一致的体验。生成识别各种浏览器中与 CSS 相关的问题的报告, 而不需要启动浏览器。

　　CSS Advisor 网站
　　借助全新的 CSS Advisor 网站 (具有丰富的用户提供的解决方案和见解的一个在线社区), 查找浏览器特定 CSS 问题的快速解决方案。

　　CSS 布局
　　借助全新的 CSS 布局, 将 CSS 轻松合并到您的项目中。在每个模板中都有大量的注释解释布局, 这样初级和中级设计人员可以快速学会。可以为您的项目自定义每个模板。

　　CSS 管理
　　轻松移动 CSS 代码: 从行中到标题, 从标题到外部表, 从文档到文档, 或在外部表之间。清除较旧页面中的现有 CSS 从未像现在这样容易。

　　Adobe Device Central CS3
　　使用 Adobe Device Central (现在已集成到整个 Adobe Creative Suite® 3 中), 设计、预览和测试移动设备内容。

　　 图解Dreamweaver CS3新特性

　　CS3中的CSS

　　现今，几乎所有的网站都使用了CSS——它使设计师和开发者们从以往复杂的表格、框架布局中解脱了出来。但是，事物总是两面性的，作为一种代码，比起HTML，它就复杂的太多。

　　为了帮助一些新手能尽管适应CSS，Dreamweaver CS3的新增文档会话功能为用户提供了一系列可供选择的以CSS为基础的版式：从可添加工具条、页眉、页脚的模板到标准的空白页。

　　在编写完成的CSS代码中，每个要素可以使用反灰色的描述语句来标注，在这些标记中也包括一些常用技巧，经验丰富的编程人员往往将它们隐藏。在CSS面板中你可以看到所有现存元素的属性，而且现在你可以使用“助手”将此CSS样式赋值给其他的（现存或新建的）样式表。

　　Spry框架

　　在Web 2.0的大背景下，Ajax Spry框架是Adobe推出的核心布局框架技术。Ajax允许页面的局部领域被刷新，提高了站点的易用性。Spry应用了少量的JavaScript 和 XML，但是Adobe称Spry 框架是以HTML为中心，具有HTML、CSS、Javascript基础知识的用户就可以方便的部署。这个框架设计的宗旨就是标记尽量简单，Javascript使用尽量的少。任何做WEB设计开发的人都可以选择Spry 框架。

　　在Dreamweaver CS3中，Adobe添加了一系列预制的组件，帮助用户更加轻松快捷地构建AJAX页面。这些组件包括data widgets，如XML 数据集（data sets）、表格、确认窗口部件（validation widgets）用户界面窗口部件（user interface widgets）：如菜单工具条和折叠显示（accordions）。不擅长编程的人员可以通过修正它们来制作页面，而那些新手或是对编程提不起兴趣的人士，也可自行将它们集成到自己的页面中去。

　　此外，软件还提供有Spry效果库，即便你手中处理的并非是数据型站点，你也可以使用它。无需刷新，这些“可视渐变”能够实现页面淡出、收缩、伸张、突出显示等效果。

　　和IE说拜拜

　　Dreamweaver自带的网页测试系统现包含了一个浏览器兼容性检测功能，它的设计宗旨是为了帮助你处理一些特殊网页——含bug的网页、非标准格式的网页，不论你使用的是何种浏览器。