2.2 体验Dreamweaver CS5的新增功能

Adobe Dreamweaver CS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的Adobe CS Live在线服务Adobe BrowserLab进行了集成,用户可以使用Adobe Dreamweaver CS5的CSS检查工具进行设计,并使用内容管理系统进行开发,并实现快速、精确的浏览器兼容性测试。下面来看看Adobe Dreamweaver CS5软件带来了哪些新特性和功能。

2.2.1 集成CMS支持

CMS是Content Management System的缩写,意为“内容管理系统”。CMS具有许多基于模板的优秀设计,可以加快网站开发的速度和减少开发的成本。CMS不仅限于文本处理,使用它也可以处理图片、Flash动画、声像流、图像甚至电子邮件档案。新的Dreamweaver CS5软件集成CMS支持,尽享对WordPress、Joomla!和Drupal等内容管理系统框架的创作和测试支持。

使用Dreamweaver结合CMS,可以让设计者不需要学习复杂的建站技术、不需要学习太多复杂的HTML语言,就能够创建出一个风格统一、功能强大的专业网站,如图2-6所示。

图2-6 集成CMS支持

2.2.2 CSS检查

以可视方式显示详细的CSS框模型,轻松切换CSS属性,并且无需读取代码或使用其他实用程序,如图2-7所示。

图2-7 CSS检查

2.2.3 与Adobe BrowserLab集成

BrowserLab网站为网页设计师提供网站在线预览的功能,这些预览可以基于目前Windows和Mac平台的主流浏览器。设计者可以通过这个网站看到网站在各个浏览器中的不同表现,从而很方便地测试网站的浏览器兼容性。

如图2-8所示,单击“在浏览器中预览/调试”下拉按钮,在弹出的下拉菜单中执行“预览在Adobe BrowserLab”命令,进入BrowserLab网站,如图2-9所示。

图2-8 执行“预览在Adobe BrowserLab”命令

图2-9 BrowserLab网站

2.2.4 PHP自定义类代码提示

通过代码提示,可以在代码视图中插入代码。在输入某些字符时,将显示一个列表,列出完成条目所需要的可选选项。Dreamweaver CS5新增了为自定义PHP函数显示适当的语法的功能,帮助你准确地编写代码,如图2-10所示。

此外,CS5还增加了站点特定的代码提示,从Dreamweaver中的非标准文件和目录代码提示中受益。

CSS Starter页:借助更新和简化的CSS Starter布局,快速启动基于标准的网站设计。

图2-10 PHP自定义类代码提示

与Business Catalyst集成新增功能:利用Dreamweaver与Adobe Business Catalyst®服务(单独提供)之间的集成,无需编程即可实现卓越的在线业务。

Subversion支持:借助增强的Subversion®软件支持,提高协作、版本控制的环境中的站点文件管理效率。

保持跨媒体一致性:将任何本机Adobe Photoshop®或Illustrator®文件插入Dreamweaver即可创建图像智能对象,更改源图像,然后快速、轻松地更新。