教程(视频,书籍)下载:  ASP.NET AutoCAD 数据库 C# ASP java photoshop 网页设计 delphi 3dmax Flash C++ VB 张孝祥 实例   更多请进入BIBIDU搜索

启动Dreamweaver 4最先看到的就是这个工具条。可以通过菜单View--〉Toolbar来显示和关闭工具栏。

我们分组来进行介绍。
视图转换

这三个按钮称为显示模式转换按钮。Dreamweaver 4中引入了视图的概念。代码视图为HTML编辑窗口。设计视图为所见即所得的网页设计样式。

1、代码视图按下此按钮以后就可以直接编辑和察看HTML源代码。这个相当于以前版本的HTML代码编辑窗口。

2、代码与设计视图。按下这个按钮以后就可以同屏显示源代码和页面的效果。这个对于网页制作者来说是极其方便的。可以一边修改代码。一边就可以看到设计的改变。而无需再在窗口间来回切换。

3、设计视图：就是以前的Dreamweaver网页编辑窗口

 4、网页标题（Title）
以前网页标题修改是一件很麻烦的事情。非要到菜单里面编辑部可。现在好了只要在Title中直接把网页标题直接输入进去就可以了。
5、文件状态（File Status）

文件状态按钮用来修改文件的状态。包括：

* Turn off Read only ：去掉文件的只读属性
* Get/Put：文件的下载和上传。
* Check in/Out：登记/取消登记。
* Undo Check out：撤销Check out操作。
Design Note：备注功能。用于备注一些操作的说明和设计的思想等内容。
Locate in site：新功能！查找文件在网站中的位置。可直接显示出当前页面在站点管理器中的位置。这样就不需要在网站中四处搜索了。

其中打*号的需要在站点管理器中发挥作用。
6、浏览器中预览/调试（Preview/Debug in browser）

包含两个选项：

Preview：在浏览器中预览页面。

Debug：在浏览器中调试Javascript脚本。这是一个真正意义上的调试器可以进行断点设置变量跟踪等等操作。

||||||Edit Browser List：编辑浏览器列表。可以指定在什么浏览器中进行预览。并且添加浏览器等等操作。
7、刷新（refresh）可以刷新文件列表和页面。
8、参考书（Reference）

这是Dreamweaver为专业网页设计师提供的一个详细的参考手册。包括O'reilly的三本参考书 HTML、CSS、Javascript参考手册。里面有详细的语法和参数说明。这可是设计者的一大福音！！

Book可以选择参考书的种类。Tag为要查询的标签。其中包含标签和相关属性的查询。例如

的属性为
9、代码导航

可以在Javascript中设置断点和进行函数的跳转。直接跳转到页面中的函数。

10、显示选项（View Options）

可以调整多种显示选项包括：

Hide All visual Aids：隐藏所有的可视元素。

Visual Aids：可视元素。

• Table Borders 表格边框
• Layer Borders 层边框
• Frame Borders 帧边框
• Image Maps 可点图
• Invisible Elements 不可见元素

Head content ：头部元素

Rulers ：标尺

Girds：网格

Tracing image：衬底图

Design View on Top：当设计视图和代码视图同时打开时，将设计视图放在最上面。