2.1.1 Dreamweaver CS4的新增功能

1．界面改观

Dreamweaver CS4在界面方面的改变比较大，首先Dreamweaver CS4为菜单新增了3个平级下拉按钮（如图2.1所示），从左至右分别是布局、Dreamweaver扩展和站点管理。

图2.1 新增按钮

与上述3个按钮同排位于菜单的最右边是最新的外观面板排布管理菜单，如图2.2所示。与以往版本不同的是Dreamweaver CS4一共有8种外观模式，分别为应用程序开发人员、应用程序开发人员（高级）、经典、编码器、编码人员（高级）、设计器、设计人员（紧凑）和双重屏幕。

图2.2 外观面板

本书中一般都使用“经典”外观模式，以方便用户习惯早期版本的Dreamweaver的使用。

2．新增功能

实时视图功能：借助Dreamweaver CS4中新增的实时视图功能能够在浏览器环境中设计网页，同时仍可以直接访问代码。呈现的屏幕内容会立即反映出对代码所做的更改。

针对Ajax和JavaScript框架的代码提示：借助改进的JavaScript核心对象和基本数据类型支持，更有效地编写JavaScript。通过集成包括JQuery、Prototype和Spry在内的流行JavaScript框架，充分利用Dreamweaver CS4的扩展编码功能。

全新用户界面：借助共享型用户界面设计，在Adobe Creative Suite 4的不同组件之间更快、更便捷工作。使用工作区切换器可以从一个工作环境快速切换到另一个环境。

相关文件和代码导航器：单击“相关文件”栏中显示的任何包含文件，即可在“代码”视图中查看其源代码，在“设计”视图中查看父页面。新增的代码导航器功能显示影响当前选定内容的CSS源代码，并允许快速访问。

HTML数据集：无须掌握数据库或XML编码即可将动态数据的强大功能融入网页中。Spry数据集可以将简单HTML表中的内容识别为交互式数据源。

Adobe InContext Editing（预发布版）：在Dreamweaver CS4中设计页面，可以使最终用户能使用Adobe InContext Editing在线服务编辑网页，无须帮助或使用其他软件。作为Dreamweaver设计人员，可以限制对特定页面、特殊区域的更改权，甚至可以自定格式选项。

Adobe Photoshop智能对象：将任何Photoshop PSD文档插入Dreamweaver CS4即可创建出图像。智能对象与源文件紧密链接。无须打开Photoshop即可在Dreamweaver CS4中更改源图像和更新图像。

CSS最佳做法：无须编写代码即可实施CSS最佳做法。在“属性”面板中新建CSS规则，并在样式级联中清晰、简单地说明每个属性的相应位置。

Subversion集成：在Dreamweaver CS4中直接更新站点和登记修改内容。Dreamweaver CS4与Subversion软件紧密集成，后者是一款开放源代码版本控制系统，可以提供更强大的登记/注销体验。

Adobe AIR创作支持：在Dreamweaver CS4中直接创建基于HTML和JavaScript的Adobe AIR应用程序。在Dreamweaver CS4中即可预览AIR应用程序。使Adobe AIR应用程序随时可与AIR打包及代码签名功能一起部署。