第14章 Dreamweaver 8使用图层

使 用 【 文 件 】/【 在 浏 览 器 中 浏 览 】/ 【Iexplorer】命令可以浏览页面
小结


本章以首页的制作为例子，概要地介绍了页面 应具有的内容、布局以及网页元素。总的来讲， 表格、层、文字、图像和超链接是网页最基本 也是使用最频繁的网页元素。这些元素有的是 容器类元素，元素内可以嵌入其他元素，如表 格和层内可以插入文字或图像。而有的是原子 元素，这些元素内部不能再嵌入其他元素，如 文字和图像。 通过本章的学习，应该能够对基本的网页框架 以及这些元素有总体的认识，并能够简单地应 用这些网页元素来制作一个网页。在接下来的 章节，将要对各个网页元素的使用进行详细的 讨论，并将引入其他较常用的对象。
14.2.1 图层基本操作

在图层面板中单击图层名右边第一个圆点， 相应位置出现红色交叉图标，表示该层已经 隐藏，再次单击可取消该层的隐藏。
14.2.1 图层基本操作

如果需要隐藏所有层，可以单击图层面板顶 部的眼睛图标。此时，所有层将被隐藏。再 次单击该图标可恢复图层的显示。
14.2.1 图层基本操作
14.3 使用引导层
14.3.1 创建引导层 14.3.2 利用引导层制作动画

14.3 使用引导层

引导层按功能作用可分为运动引 导层和普通引导层。运动引导层 用于绘制动作补间动画的运动路 径。普通引导层则可作为其他图 层的定位参考。不管是哪一种引 导层，它们的内容都不会显示在 输出的影片中。
2.1.4 设定表格属性

建好表格之后要适当调整表格各行的高 度。
2.2 横幅和页脚
2.2.1 添加横幅图像 2.2.2 水平线 2.2.3 页脚

2.2 横幅和页脚
布局设计好之后就可以在各个区域添加内 容。横幅和页脚是网站中常规的内容。横 幅一般是一幅图像，也可以是Flash动画或 者其他素材；页脚表示页面的结束，可以 只有一条水平线和一些版权信息。


14.2 图层与图层面板
14.2.1 图层基本操作 14.2.2 设置层属性

14.2.1 图层基本操作

单击图层面板左下角的按钮可新建标准图层。 新建的图层将叠放在最上方，自动按创建图 层的序号命名。其中蓝色高亮背景和图标表 示该层处于选定状态，且可编辑，
14.2.1 图层基本操作
14.1 图层简介



Flash的图层类似于其他图像编辑软件图层的概念， 它主要有以下几个特点： 每个图层都相对独立，图层与图层之间的内容互不 影响。 图层的数目仅受限于计算机的内存，它对最终输出 的影片大小没有影响。 图层是透明的，但它有叠放次序。位于上面图层中 的元素将挡住位于下面图层与之重叠的对象。 用户在时间轴上设置的动画都是对特定图层而言的。 把不同的对象放到相应的图层中能提高动画制作的 效率。
14.4 使用遮罩层
（5）解除遮罩层与被遮罩层的锁定，并选 定遮罩层然后绘制一个实心的椭圆。
14.4 使用遮罩层
（6）使用选择工具选定该椭圆，并按F8键 其转换为图形元件，
14.4 使用遮罩层
（7）选择“遮罩层”的第15帧，并按F6键 新建一个关键帧。将椭圆移动到最后一个 文字处，
14.4 使用遮罩层
14.2.1 图层基本操作

要删除图层或图层文件夹，只需选定要删除 文件夹，然后单击图层控制面板右下角的删 除按钮即可。注意，当删除图层文件夹时， 该文件夹下的所有图层将一并被删除。
14.2.2 设置层属性

图层属性包括显示状态、锁定状态、图层名 称等。选择【修改】/【时间轴】/【图层属性】 命令，可打开“图层属性”对话框。
（8）选择遮罩层的第1帧，在属性面板的 【补间】下拉列表选择【动画】，创建动 作补间动画。右击遮罩层,选择【显示遮 罩】。
14.4 使用遮罩层
设置显示遮。按Enter键即可预览遮罩动画的效果， 可以看到被遮罩层的文字一个一个地显示出来， 类似探照灯的效果后，遮罩层和被遮罩层进入 锁定状态。
小结


新建网页 打开网页 利用表格划分区域 设定表格属性
2.1 设计布局
横幅 导航栏
主体
页脚
2.1.1 新建网页

选择【文件】/网页

制作首页之前必须 先打开站点和首页 文件。
使用“文件面板”/ 【站点】打开开网页。

2.1.3 利用表格划分区域

网页打开之后就可以进行布局设计。实 际开发一般使用表格来对各个区域进行 划分。
14.4 使用遮罩层
（1）选择【文件】/【导入】/【导入到舞 台】命令，选择要导入的背景图片。
14.4 使用遮罩层
（2）单击图层1的第15帧，按F5键将当前 关键帧扩展到第15帧。
14.4 使用遮罩层
（3）新建一个“文字”图层，插入“布艺 世界” 。
14.4 使用遮罩层
（4）在图层面板选定“文字”层，并新建 一个“遮罩层”标准图层。右击新建的图 层，在快捷菜单中选择“遮罩层”

主题图也是使用层来定位。
2.4.4 调整布局
2.5 页面参数设定
2.5.1 设置网页外观参数 2.5.2 设置链接样式 2.5.3 设置网页编码与标题

2.5.1 设置网页外观参数

网页的外观属 性定义了页面 全局属性，例 如页面文字的 大小、文本颜 色、背景图像 以及页面边距 等属性。
第14章 使用图层
14.1 14.2 14.3 14.4

图层简介 图层与图层面板 使用引导层 使用遮罩层
第2章 第一个页面
2.1 2.2 2.3 2.4 2.5 2.6

设计布局 横幅和页脚 导航栏与链接 欢迎词与主题图 页面参数设定 浏览页面
2.1 设计布局
2.1.1 2.1.2 2.1.3 2.1.4
14.1 图层简介

在Flash中主要有三种不同的图层：标准图层、引导图层和遮 罩图层。其中利用引导层和遮罩层能够制作具有特效的动画。 此外，为了更好地组织和管理图层，Flash还可以用文件夹形 式来组织图层。各个图层的特点如下：
“标准图层”：使用最广泛的图层，并可配合其他两种图层制作特效动 画。 “引导图层”：这种图层有两种，一种是运动引导图层，主要用于制作 沿指定路径运动的动画；另一种是普通引导图层，一般只用来辅助制作 动画。用户可以在这两种图层中绘制图形，但不会在实际发布的影片中 显示。 “遮罩图层”：也称为“蒙版图层”，主要用于控制被遮罩图层（标准 图层）内容的显示，从而制作出特效动画，如聚光灯效果等。 “图层文件夹”：这并不是一个图层，但在图层面板占一行，主要用于 组织与管理图层。通过使用图层文件夹可以快速地隐藏或锁定图层。
（4）单击选定图层1的第一帧，并单击实 例的中心原点，将其拖动到路径的一端。
14.3.2 利用引导层制作动画
（5）切换到第20帧，以同样的方法将实例 拖动到线段的另一端。
14.4 使用遮罩层

在Flash中使用遮罩层能够制作出一些特 殊效果，如聚光灯等。它的作用在于它可 以隐藏或显示普通层的内容，类似于图层 上的小孔，透过它可以看到被遮罩层的内 容。下面以一个实例介绍如何使用遮罩层 制作特效动画。
2.2.1 添加横幅图像
2.2.2 水平线
2.2.3 页脚
插 入 页 脚 文 字
2.2.3 页脚
插 入 页 脚 图 像
2.3 导航栏与链接
2.3.1 添加导航菜单图像 2.3.2 设置图像链接

2.3.1 添加导航菜单图像
2.3.2 设置图像链接
2.4 欢迎词与主题图
2.4.1 2.4.2 2.4.3 2.4.4
14.3.1 创建引导层

在图层面板选定一个图层，作为新建引导图层 被引导层。单击图层面板左下角的添加引导层 按钮，当前图层前即添加了一个引导层，且该 图层转为被引导层。
14.3.2 利用引导层制作动画
引导层很重要的作用就是辅助制作沿路 径运动的动画。 (1)在图层1的第一帧绘制一个图形对象。

本章主要介绍了图层及其应用。作为一个重 要的工具，图层不仅能够有效地管理Flash动 画中的各种对象，而且能够利用引导层和遮 罩层制作出生动的特效动画。通过本章的学 习，读者应当掌握新建和删除图层等基本操 作，并会利用引导层和遮罩层制作简单的特 效动画。
1. 2.
3.
4.
要选定层，可以使用以下几种方法： 单击图层面板中层的名称。 单击场景中的对象，该对象所在的图层即进入选 定状态。 按住Shift键并单击图层面板中层的名称可以同时 选定多个连续的层，如图14-3所示。 按住Ctrl键并单击图层面板中层的名称可以同时选 定多个不连续的层，如图14-4所示。注意，可以 同时选定多个层，但每次只有一个层处于编辑状 态。

在图层面板中单击图层名右边第二个圆点， 相应位置出现锁头图标，表示该层已经锁定， 再次单击可取消该层的锁定
14.2.1 图层基本操作

如果需要锁定所有层，可以单击图层面板顶 部的锁头图标。此时，所有层将被锁定。再 次单击该图标可解除图层的锁定。
14.2.1 图层基本操作

图层的叠放位置可以根据需要进行调整。单击已经 选定的层，并将其拖动到合适的位置，图层面板中 将显示图层的插入点，放开鼠标，层即移动到了新 的位置。
14.2.1 图层基本操作


当场景中的图形多而复杂时，显示速度可能会变慢， 这时可以按轮廓显示层来加快显示速度。 单击层名称右边第三列的方框的图标，可按轮廓显 示图层中的内容，此时方框加粗显示。再次单击则 可回到原来的显示方式。
14.2.1 图层基本操作

使用图层文件夹可以有效地管理图层，单击图层面 板左下角的创建文件夹按钮，即在当前选定图层的 前面新建了一个图层文件夹。