通俗基础教程

Dreamweaver 4快速升级(1)

　　自从Macromedia旷世之作Dreamweaver 4正式发布的消息以来,全世界的网页制作爱好者都在翘首以盼Dreamweaver 4的出现。其盛况之空前可谓前所未有。经过等待和期盼Dreamweaver 4终于进入江湖！！！！Dreamweaver 4果然面目一新。连启动画面都换成了风格淡雅清新的浅灰色和浅绿色。突现出Dreamweaver 4灵活功能强大的作风。即日起将每天为大家献上Dreamweaver 4的新功能介绍。5dmedia和大家共同“快速升级”。

下面我们就进入到快速升级的内容中来：

　新增的工具条

启动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为要查询的标签。其中包含标签和相关属性的查询。例如< H1>的属性为< align>

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

上一页

下一页