GoLiver和Dreamweaver同为网页设计工具，目前Adobe 发布了Dreamweaver CS3新版本，让我们看看加入Adobe大家庭的Dreamweaver有什么新特性。, v2 q! q/ Q3 e" J# h8 T
6 B6 v3 G' h9 X l, W Dreamweaver 8的CSS设计工具对于那些没有任何编程经验，设计背景出身的用户而言仍然遥不可及。Dreamweaver CS3则修正了这些问题，对于没有太多编程经验的人来说，上手起来也比较容易。然而由于CSS和Ajax自身所含有的复杂因素等问题，导致使用这两种技术绝非像使用老掉牙的HTML进行网页设计那样简单。
和Fireworks一样，Adobe公司并没有对Dreamweaver的界面进行升级，这导致Dreamweaver成为Adobe与Macromedia的众多联合设计软件中最易使用户手忙脚乱的软件之一。! K( A; ?0 }6 C) U" h, w) F
9 z, S' }9 x5 }( [, I" M
适合于 Ajax 的 Spry 框架
+ ^, I9 C- I. k& b: u4 h 使用适合于 Ajax 的 Spry 框架, 以可视方式设计、开发和部署动态用户界面。 在减少页面刷新的同时, 增加交互性、速度和可用性。* X; M. f( J1 a' l# G% h
" u, e* E. R- n. ^ Spry 数据, V/ E3 H; h/ n
使用 XML 从 RSS 服务或数据库将数据集成到 Web 页中。集成的数据很容易进行排序和过滤。# p; P% |, U1 a0 e, v
% ?1 t, V& L9 D& }$ ^% [ Spry 窗口组件) k* ^) X1 ~2 Q9 \8 E
借助来自适合于 Ajax 的 Spry 框架的窗口组件, 轻松地将常见界面组件 (如列表、表格、选项卡、表单验证和可重复区域) 添加到 Web 页中。
+ l" G/ t' `6 J' W
& h! x3 K. S3 Y- h5 A3 m ]4 ~ Spry 效果
/ G# b, f/ ?! e" o% h7 F3 b6 H 借助适合于 Ajax 的 Spry 效果, 轻松地向页面元素添加视觉过渡, 以使它们扩大选取、收缩、渐隐、高光等等。- y) ]- L, C" N3 l# M
1 V9 S# a1 i1 Y. s; J8 o, h
Adobe Photoshop 和 Fireworks 集成" q" v$ F/ A+ l; _ o" @
直接从 Adobe Photoshop CS3 或 Fireworks CS3 复制和粘贴到 Dreamweaver CS3 中以利用来自您的已完成项目中的原型的资源。+ w1 ~3 I3 @0 _+ b* I3 g3 Y4 {' X
4 J+ g b* F$ R* T! S4 [- n7 y 浏览器兼容性检查7 k: ^2 w' r! b6 W2 ]
借助全新的浏览器兼容性检查, 节省时间并确保跨浏览器和操作系统的更加一致的体验。生成识别各种浏览器中与 CSS 相关的问题的报告, 而不需要启动浏览器。
* j+ K1 m: V5 `- A0 W
6 M; X* F# R2 M# P CSS Advisor 网站
" D& D7 x# F+ X4 [- S 借助全新的 CSS Advisor 网站 (具有丰富的用户提供的解决方案和见解的一个在线社区), 查找浏览器特定 CSS 问题的快速解决方案。* z4 ~5 Y. ~/ h A+ r
5 u0 D0 p+ {: |" [( z6 f4 y CSS 布局: a* h7 m0 E. G% {
借助全新的 CSS 布局, 将 CSS 轻松合并到您的项目中。在每个模板中都有大量的注释解释布局, 这样初级和中级设计人员可以快速学会。可以为您的项目自定义每个模板。
+ k1 ~4 X1 {+ N: C4 ^4 f# q! R3 {: u- W, D& d; P
CSS 管理
( O& T& R4 J, J T8 }- W1 D 轻松移动 CSS 代码: 从行中到标题, 从标题到外部表, 从文档到文档, 或在外部表之间。清除较旧页面中的现有 CSS 从未像现在这样容易。$ p) H8 k# N" N7 v8 O m+ k
. @0 u5 x' B( s- ?: L; e; H
Adobe Device Central CS3
$ B. v9 P/ @5 g$ a z 使用 Adobe Device Central (现在已集成到整个 Adobe Creative Suite® 3 中), 设计、预览和测试移动设备内容。
- w$ ~. K1 Q1 z8 g4 v. }, k
3 m* u* ?4 ?& @+ u 图解Dreamweaver CS3新特性
" @! E# _; h4 H5 e9 E; Q0 }/ W( l2 J# A1 L# O! X
CS3中的CSS5 A7 p. ] {! F" j' v; z( \) n
: n) O' T! f. K- [% B$ h 现今，几乎所有的网站都使用了CSS——它使设计师和开发者们从以往复杂的表格、框架布局中解脱了出来。但是，事物总是两面性的，作为一种代码，比起HTML，它就复杂的太多。
为了帮助一些新手能尽管适应CSS，Dreamweaver CS3的新增文档会话功能为用户提供了一系列可供选择的以CSS为基础的版式：从可添加工具条、页眉、页脚的模板到标准的空白页。
1 P. J: P' D6 ]9 E2 u5 [ 在编写完成的CSS代码中，每个要素可以使用反灰色的描述语句来标注，在这些标记中也包括一些常用技巧，经验丰富的编程人员往往将它们隐藏。在CSS面板中你可以看到所有现存元素的属性，而且现在你可以使用“助手”将此CSS样式赋值给其他的（现存或新建的）样式表。
Spry框架
4 c& V" ^! P- u8 J+ W: h6 D9 E D7 u5 r `0 V* P% D
在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）。不擅长编程的人员可以通过修正它们来制作页面，而那些新手或是对编程提不起兴趣的人士，也可自行将它们集成到自己的页面中去。
' S; s* T. e1 q! N. U" o& Y! r2 }- f j# H, Q! W* f+ R( m! {
此外，软件还提供有Spry效果库，即便你手中处理的并非是数据型站点，你也可以使用它。无需刷新，这些“可视渐变”能够实现页面淡出、收缩、伸张、突出显示等效果。+ K+ G- D% m) B6 U$ j/ S) ?* [
, h6 U/ O' s7 y* h9 g 和IE说拜拜" |. k$ z( q# G# |2 ~- b5 d: w
, y. b* Z, Q; X! z Dreamweaver自带的网页测试系统现包含了一个浏览器兼容性检测功能，它的设计宗旨是为了帮助你处理一些特殊网页——含bug的网页、非标准格式的网页，不论你使用的是何种浏览器。
每隔一段时间，它都会自动更新问题库，并根据此库的信息对页面进行检测，并告知用户Adobe是否已对此问题作出修正。
