启动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:当设计视图和代码视图同时打开时,将设计视图放在最上面。