Dreamweaver教程全解

Dreamweaver完全教程

新特性快速了解

一、 新特性概览

Dreamweaver是WEB 站点开发的中心环节。完全用户自定义控制可以迅速完成页面以及站点的设计。Roundtrip HTML/Javascript 行为库以及可视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性。通过 Dreamweaver 与其它群组产品的配合使用以及众多第三方支持可轻松完成动态发布个电子商务网站的构建。到目前为止，全世界范围超过 60% 的专业网页设计师都在使用 Dreamweaver

下面就让我们来看看4.0版都具有哪些新的功能 代码显示

编辑代码变得前所未有的简单。可以通过新的综合性的文本编辑器来查看代码，或用新的分离显示来同时观察代码 和设计。新的代码显示会区分语法的颜色，标签的对称，以及自动缩进代码 JavaScript调试器

JavaScript的客户端调试直接在你的浏览器里。新的JavaScript调试器让你可以看到Javascript在Navigator 或者 Internet Explorer 里的执行情况，帮助你理解每个浏览器如何执行Javascript。你可以通过设置断点和观察代码中传递更新的数值来挑是你的代码 排版显示

便捷的设计合成页面。唯一的新的排版显示，可以让你运用常见的排版技巧，就好像直接在页面上画画，拖动单元格，或者组合单元格来建立嵌套的表格。假如你正在已存在的表格上工作，或建立新的版面，排版显示总是会在所 有的浏览器里建立干净的表格 Macromedia Flash按钮和文本

可在Dreamweaver里直接建立可编辑的矢量图形。新的Macromedia Flash 按钮和 Macromedia Flash 文本特性让你可以和Macromedia Flash 设计师一同工作，你可以创建新的按钮风格或下载免费的按钮风格从Macromedia 的服务 器上。 素材库面板

追踪中心区域里所有的媒体。用新的资产面板来预览和管理图片，颜色，连接的URL，脚本，Macromedia Flash内容, Shockwave 内容，QuickTime内容, 临时文件，和库条目。 返回图形编辑

加快了在Dreanweaver和Fireworks之间的图像和HTML编辑速度。返回图形编辑让你可以启动并编辑并且启动并优 化图像。通过扩展程序来快速的添加图形索引，按钮或将整个相册加入你的站点。

Microsoft Visual SourceSafe和WebDav综合

为了版本的控制，将Dreamweaver和Micorsoft Visual SourceSafe 合成起来。同时也用包括Interwoven、Vingnette、BroadVision、ATG和Documentum在内的WebDAV协议，将其与先进的内容管理系统结合起来。所有的这些 业内领先企业都选择Dreamweaver Platform

作为他们内容管理系统的HTML前台。

站点报告

通过站点报告来快速的发现和解决错误。运行报告来找出在你站点里共同的问题或者写出一个标准的报告在连接站点里的问题。

Macromedia对于Dreamweaver的服务

下载强大的扩展。Macromedia Exchange for Dreamweaver是一个提供Macromedia Flash和Fireworks扩展程序集中区域搜索引擎。你可以通过exchange和你的团队共享对象，行为脚本和指令。

二、 新功能使用说明

根据Macromedia公司官方网站报导新的Dreamweaver4增加了很多新的功能Dreamweaver3原有的一些功能也大大增强了。下面从代码编写相关功能设计相关功能和协作相关功能三个方面介绍Dreamweaver4的新特色。

一代码编写相关功能

1.往返HTML

Dreamweaver4独特的往返HTML功能使我们可以同步访问设计视图（DesignView）和HTML源代码。可以打开用其它编辑器编辑的文档但它不会改写你手工输入的HTML标记或第三方标记。这就使得Dreamweaver自动生成的代码与手工输入的代码融为一体各自“相安无事”。

*2.整合文本编辑器

现在Dreamweaver4增加了以代码为中心的新特性手工编写代码就像在设计视图环境一样方便可以自动缩排标点平衡选择多行后一次缩进。可以在使用代码视图工具栏（CodeViewToolbar）的下拉列表定义的JavaScript函数之间轻松导航。对于使用JavaScript编程的专业人员这种代码导航无疑是一种高效的导航帮助。输入代码时Dreamweaver自动对HTML和JavaScript代码使用不同的颜色显示。

*3.把主窗口分割为代码视图和设计试图

可以把Dreamweaver的主窗口分割为代码视图和设计试图让你能够查看整页代码而无需离开文档窗口。这样就可以在同一个窗口同时查看代码视图和设计试图或同时编辑多个文档的代码。

*4.JavaScript调试器

使用新增的JavaScript调试器可以直接在浏览器中调试客户端JavaScript脚本观察JavaScript的执行就像它在Netscape或IE浏览器中一样因而能够更好地了解每种浏览器是怎样执行JavaScript的。可以设置断点调试代码然后在逐步执行代码的过程中观察变量的变化.及时发现编程错误。

*5.集成O\代码参考

Dreamweaver4集成了O\出版物中关于代码参考方面的内容，可以快速获取关于JavaScript的信息，包括浏览器文档对象模型(DOMs)、CSS。

6.集成BBEdit6.0和HomeSite4.5

Dreamweaver4集成了BBEdit6.0评测版和HomeSite4.5。使用这些领先的文本编辑工具可以大大增强Dreamweaver的文本编辑功能，提高编码工作效率。