Dreamweaver4神童教程之二

Dreamweaver4神童教程——操作界面
摘自赛迪网（小雷）

1.网页文档编辑窗口:

　　本窗口用于网页文档的编辑，其结果和在浏览器中的最终显示相近（即我们所说的"所见即所得"编制方式）。文档编辑窗口上下分别集合了操作菜单，按钮条，连同快速操作面板。如图一：

图一

　　为了便于大家快速掌控，我们省却了菜单和按钮的抽象介绍，以后在实例制作中我们会结合例子进行讲解，让大家不需死记硬背就能灵活掌控这些抽象命令的运用。

2.对象面板：

　　本面板能够用 Window/Object 命令打开，其作用是在光标处插入对象。对象面板上方有个下拉箭头，点击后能够在多个对象面板中转换，他们分别是：字符(Character)，常用(Common)，表单(Form)，框架(Frames)，文档头(Head)，隐藏(Invisible)，特别(Special)。这些面板提供了不同的对象以供使用，以后我们将在实例中进行讲解，此处大家只需了解一下就行了。如图二：

图二

菜单条上有个 Insert 命令，用他也能够实现插入对象的目的。

3.属性面板：

　　本面板能够用 Window/Properties 命令打开。当选中对象（如文字，图片等），属性面板就会显示其相关属性，同时我们还利用该面板进行各种属性配置和修改。如第一章（制作第一个网页）中，图片居中，图片居左等属性操作。

图三

4.快速操作面板：

　　本面板能够用 Windows/Launcher 命令打开，作用在于快速打开其他功能面板。如图四：

图四

　　大家仔细看一下，您会发现他和文档窗口右下角的快速操作按钮几乎完全相同。因此，本面板常常不用打开，需要使用其他功能面板时只需直接点击文档窗口右下角的快速操作按钮就行了。

5.站点管理窗口：

　　本窗口能够用 Window/Site Files 命令打开，用于整个站点的管理。如图五：

图五

6.源代码监控面板：

　　本面板可用 Window/Code Inspector 命令打开，用于随时监控网页文档的 HTML 源代码。如图六：

图六

提示：为什么要对源代码进行监控？其实，无论是微软的 Frontpage ，Adobe 的 Golive ，连同用起来很方便趁手的 Dreamweaver ，虽然他们做到了"所见即所得"，但要对网页进行精确的定位和控制，常常还得通过对网页的源代码进行手工修改才能达到美仑美焕的结果。因此，我们建议，当您在掌控了本教程后，最好能再学习 HTML 源代码知识，那样会让您的网页制作技术如虎添翼。

7.行为面板：

　　本面板能够用 Window/Behaviors 命令打开，用于创建网页交互或特效。如图七：

图七

　　Dreamweaver 的行为面板其实是一系列 JavaScript 的特效集成，按照一定的触发事件，激活相应的特效结果。比如当鼠标点击按钮打开另外一幅图，当鼠标移上去弹出一个窗口，或当页面打开就自动播放一段音乐，等等。

当然，最重要的是，我们无需懂得一句 JavaScript 语言就能够完全掌控他的特效功能！

8.等时线面板：

本面板能够通过 Window/TimeLine 命令打开，用他能够直接在时间轴中创建动画。如图八：

图八

　　除了上面谈到的各个面板， Dreamweaver 更有诸多其他面板，如图层(Layer)，参考(Preference)，集合(Assets)，CSS ，模板(Templates)，历史(History)等面板，关于他们的使用我们将在以后的实例制作过程中进行讲解

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有