启动Dreamweaver 4最先看到的就是这个工具条。可以通过菜单View--〉Toolbar来显示和关闭工具栏。
![](/images/load.gif)
我们分组来进行介绍。
![](/images/load.gif)
这三个按钮称为显示模式转换按钮。Dreamweaver 4中引入了视图的概念。代码视图为HTML编辑窗口。设计视图为所见即所得的网页设计样式。
1、代码视图按下此按钮以后就可以直接编辑和察看HTML源代码。这个相当于以前版本的HTML代码编辑窗口。
2、代码与设计视图。按下这个按钮以后就可以同屏显示源代码和页面的效果。这个对于网页制作者来说是极其方便的。可以一边修改代码。一边就可以看到设计的改变。而无需再在窗口间来回切换。
![](/images/load.gif)
3、设计视图:就是以前的Dreamweaver网页编辑窗口
![](/images/load.gif)
以前网页标题修改是一件很麻烦的事情。非要到菜单里面编辑部可。现在好了只要在Title中直接把网页标题直接输入进去就可以了。
![](/images/load.gif)
文件状态按钮用来修改文件的状态。包括:
* Turn off Read only :去掉文件的只读属性
* Get/Put:文件的下载和上传。
* Check in/Out:登记/取消登记。
* Undo Check out:撤销Check out操作。
Design Note:备注功能。用于备注一些操作的说明和设计的思想等内容。
Locate in site:新功能!查找文件在网站中的位置。可直接显示出当前页面在站点管理器中的位置。这样就不需要在网站中四处搜索了。
其中打*号的需要在站点管理器中发挥作用。
![](/images/load.gif)
包含两个选项:
Preview:在浏览器中预览页面。
Debug:在浏览器中调试Javascript脚本。这是一个真正意义上的调试器可以进行断点设置变量跟踪等等操作。
![](/images/load.gif)
||||||Edit Browser List:编辑浏览器列表。可以指定在什么浏览器中进行预览。并且添加浏览器等等操作。
![](/images/load.gif)
![](/images/load.gif)
这是Dreamweaver为专业网页设计师提供的一个详细的参考手册。包括O'reilly的三本参考书 HTML、CSS、Javascript参考手册。里面有详细的语法和参数说明。这可是设计者的一大福音!!
![](/images/load.gif)
Book可以选择参考书的种类。Tag为要查询的标签。其中包含标签和相关属性的查询。例如
的属性为
![](/images/load.gif)
![](/images/load.gif)
![](/images/load.gif)