实验内容制作图片放大效果制作拼图游戏制作漂浮

实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页实 验 内 容1、 制 作 图 片 放 大 效 果2、 制 作 拼 图 游 戏3、 制 作 漂 浮 公 告 拦 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页实 验 目 的 、 熟 练 在 DW中 运 用 层 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页实 验 重 点 1、 制 作 漂 浮 公 告 拦 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页实 验 难 点 、 制 作 拼 图 游 戏 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第一个实验：制作图片放大效果实 验 步 骤 ：第 一 步 ： 新 建 普 通 页 面 并 保 存 。第 二 步 ： 在 此 页 面 里 插 入 一 个 一 行 一 列 的 表 格 ， 并 设 置高 和 宽 ， 这 里 我 们 输 入 高 66像 素 ， 宽 44像 素 的 表 格 ， 如下 图 所 示 。 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第 三 步 ： 在 表 格 中 插 入 相 应 的 图 片 ， 这 里 我 们插 入 111.jpg， 如 下 图 所 示 ： 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第 四 步 ： 绘 制 层 ， 层 要 刚 好 盖 住 上 一 步 输 入 的表 格 。 如 下 图 所 示 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第 五 步 ： 在 层 内 插 入 这 张 小 图 的 原 始 大 图第 六 步 ： 把 上 一 步 绘 制 的 层 设 置 为 隐 藏 。 如 下 图 所示 ：第 七 步 ： 选 中 第 二 步 输 入 的 表 格 ， 然 后 设 置 行 为 中的 “ 显 示 -隐 藏 层 ” ， 如 下 图 所 示 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第 八 步 ： 点 击 “ 显 示 ” 后 再 按 “ 确 定 ”行 为 面 板 中 将 显 示 ： 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第 九 步 ： 类 似 操 作 ， 点 击 “ 隐 藏 ” 后 再 按 “ 确定 ”然 后 在 行 为 面 板 中 设 置 成 下 图 所 示 ：第 十 步 ： 将 第 七 步 中 的 选 中 对 象 改 成 “ Layer1” 然后 重 复 后 面 的 操 作 。 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第二个实验：制作拼图游戏实 验 步 骤 ：第 一 步 ： 准 备 好 下 面 的 页 面 ， 为 放 入 相 应 的 图片 做 准 备 。 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第二步：在这四个单元格上分别绘制大小一致的四个层。如下图所示： 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第 三 步 ： 分 别 在 这 四 个 层 内 插 入 准 备 好 的 四 张 图 片 ，并 用 键 盘 上 的 方 向 键 调 整 这 四 个 层 的 相 对 位 置 ， 使四 张 图 片 看 起 来 是 无 缝 拼 合 在 一 起 的 。 如 下 图 所 示 ： 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第 四 步 ： 在 行 为 面 板 中 选 择 “ 拖 动 层 ” 如 下图 ： 第 五 步 ： 在 “ 拖 动 层 ” 对 话 框 中 点 击 “ 取 得 目 前 位置 ” 按 钮 。 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页然 后 选 择 “ 高 级 ” 选 中 “ 恢 复 Z轴 ” 点 击 “ 确定 ” 再 来 设 置 行 为 面 板 中 的 动 作 ， 如 下 图 所 示 ：第 六 步 ： 与 第 五 步 相 同 的 方 法 设 置 好 其 他 三 个 层 。第 七 步 ： 将 这 四 个 层 都 拖 离 它 们 所 在 的 四 个 单 元 格 。 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第三个实验：制作漂浮公告拦实 验 步 骤 ：第 一 步 ： 在 准 备 好 的 页 面 上 绘 制 一 个 层 ， 并 给层 加 上 背 景 ， 如 下 图 ： 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第 二 步 ： 在 层 中 插 入 一 行 一 列 的 表 格 ， 宽 和 高同 时 设 置 成 100%， 并 加 入 “ 公 告 栏 ” ， 再 给 它加 一 个 链 接 。 如 下 图 ： 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第 三 步 ： 打 开 时 间 轴 面 板 ， 右 键 点 击 层 边 缘 ， 弹出 属 性 菜 单 ， 点 击 “ 添 加 到 时 间 轴 ” 如 下 图 所 示 ： 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第 四 步 ： 点 中 15帧 进 行 拖 动 到 400帧 。第 五 步 ： 然 后 把 层 从 起 点 拖 到 终 点 ， 这 就 是 这 400帧 层 的 运 动 轨 迹 。 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第 六 步 ： 为 了 让 层 运 动 轨 迹 更 加 自 然 ， 我 们 在 先 200帧 处 分 别 添 加 关 键 帧 ， 如 下 图 所 示 ： 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第 七 步 ： 然 后 拖 动 层 到 理 想 的 位 置 ， 如 下 图 ，那 么 它 的 运 动 轨 迹 成 了 一 个 抛 物 线 ， 看 起 来 就比 较 自 然 了 。 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页第 八 步 ： 为 了 使 层 的 运 动 轨 迹 更 加 自 然 ， 我 们 可 以 依 照 上一 步 的 方 法 添 加 多 个 关 键 帧 来 设 置 层 的 运 动 轨 迹 。第 九 步 ： 把 时 间 轴 面 板 上 的 “ 自 动 播 放 ” 和 “ 循 环 ” 都 选上 ， 它 们 分 别 表 示 当 页 面 一 打 开 就 运 行 运 动 和 层 运 动 到 了终 点 后 ， 再 到 起 点 循 环 播 放 。 实 验 难 点实 验 内 容实 验 目 的实 验 重 点实 验 步 骤实 验 项 目 十 六 DW中 的 层 及 其 应 用上一页下一页【 实 验 小 结 】 通 过 这 三 个 实 验 ， 大 家 要 对 层 有 一定 认 识 ， 层 在 网 页 制 作 中 是 非 常 有 用 的 ，希 望 大 家 引 起 重 视 ， 在 以 后 的 作 品 中 多用 到 灵 活 的 层 元 素 。 谢 谢 ！