Dreamweaver完全教程
- 格式：doc
- 大小：1.32 MB
- 文档页数：85
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"Reilly代码参考
Dreamweaver4集成了O"Reilly出版物中关于代码参考方面的内容，可以快速获取关于JavaScript的信息，包括浏览器文档对象模型(DOMs)、CSS。
6.集成BBEdit6.0和HomeSite4.5
Dreamweaver4集成了BBEdit6.0评测版和HomeSite4.5。使用这些领先的文本编辑工具可以大大增强Dreamweaver的文本编辑功能，提高编码工作效率。
7.快速标记编辑器
快速标记编辑器让你在设计视图中手工编写代码更加快捷。可以快速修改、添加、删除页面中选定对象的HTML标记。
*8.编辑非HTML文档
可以把Dreamweaver当作文本编辑器编辑非HTML文档直接在代码试图(CodeView)中编辑JavaScriptXML和其它文本文件。
9.自定义标记数据库
使用自定义标记数据库可随时定义新的标记或编辑默认标记。Dreamweaver的可配置自定义数据库让你能够定制翻译引擎来支持属性代码。
10.支持W3C标准
Dreamweaver提供对W3C标准的很好支持包括HTML和CSS。
注：序号前有*的为Dreamweaver4新增功能其余为增强功能
二设计相关功能
*1.布局视图
使用新增的布局视图（LayoutView）很容易设计复杂的页面。可以在页面直接绘制单元格然后指定当页面大小改变时布局怎样变化。表格单元可以随意拖动也可以把表格单元组合在一起构成嵌套表格。不管是使用现有表格布局或是创建新的布局布局视图总能够创建与所有浏览器兼容的乾净表格。强大的可视化设计特性包括拖放表格图像和层。标准视图（StandardView）为编辑页面提供了丰富的所见所得（WYSIWYG）编辑环境。
*2.Flash文本和按钮
使用Dreamweaver4中新增的Flash按钮和Flash文本功能可以在Dreamweaver中直接创建可编辑的矢量图。使用Flash矢量图代替按钮和文本的位图图像可缩放文件更小打印效果更好。可以使用Flash设计工具创建新的按钮样式或从Macromedia的交流中心(MacromediaExchange)下载免费的样式。
3.历史面板
通过历史面板可以记录每一步操作以便重复使用。也可以把这些操作步骤保存为共享命令。历史面板使工作流程可视化可以快速撤消任何操作步骤甚至是已经保存的操作步骤。
4.整合标记选择器
使用整合的标记选择器可以很容易地选择文档中的HTML标记编辑标记或删除标记。
5.CSS和HTML样式
Dreamweaver支持CSS和HTML样式可以轻易对单元格行列和离散选择应用全局样式。
6.描摹图
在设计阶段在布局视图中采用草图描摹方法可以快速创建表格布局大大减少设计精确表格布局所的时间。
7.梦幻模板
使用梦幻模板允许内容提供者在HTML文档中直接编辑不会危及站点的设计。一个绑定的矩形和包含可编辑区名的标签有助于直观地识别模板的可编辑区。
*8.往返图表编辑
使用往返图表编辑（RoundtripTableEditing）功能，可以在Dreamweaver中直接启动Fireworks，编辑和优化图形，加速图形和HTML的编辑。可以在Fireworks中快速编辑切图，然后回到Dreamweaver页面中重新组合，无需重新设计原来的HTML表格和记忆切图名称。从MacromediaExchange下载即时图形扩展集（InstaGraphicsExtensionSet），可以立即在你的网站中添加图形小球、按钮或完整的网络影集。
9.支持多种媒体
Dreamweaver自身支持Flash、Shockwave、Generator、QuickTime和Real媒体内容，让你能够在Dreamweaver中集成和预览各种媒体内容。
*10.Macromedia标准用户界面
新的用户界面与所有Macromedia的Web著作产品保持一致。所有应用程序将共享通用用户界面元素，包括面板的外观、菜单名称、键盘快捷键、图标、拾色器、窗口快照、启动栏和工具面板等。新的键盘快捷键更加灵活，便于使用。
注：序号前有*的为Dreamweaver4新增功能，其余为增强功能。
三、协作相关功能
