4.7 拼图游戏.ppt

4.7 拼图游戏 拼图游戏（拖动层）新闻布告栏（时间轴） 【学习概述】 层、行为、时间轴可以说是网页设计中革命性的技术。搭配使用层、行为、时间轴可以制作出活泼多样的动态页面以及效果惊人的互动网页。重点是如何综合运用层、行为、时间轴。 制作拼图游戏 制作拼图游戏 制作拼图游戏 小结 这一章的内容主要是让大家对网页的动态设计有一个大概了解。通过本章地学习，读者应当了解动画的设计原理，设计的过程。明确在网页设计中的有关要求，熟悉相关软件的属性，掌握一些动态网页设计的概念和相关技术，以便在具体地设计中能有据可寻，为设计出成功的动态作品奠定一个基础。 练习： 制作如下图所示的简单拼图游戏： * * Fireworks工具栏Web分类下的切片工具 导出图像碎片 切换到Dreamweaver文档窗口，新建一个文档作为游戏的主页面，单击插入面板上的图像分类下的Fireworks HTML按钮 “修改”→“转换”→“表格到层” 单击行为面板上的加号按钮，在动作下拉菜单中选择命令“拖动层” 新闻布告栏 创建基本页面 绘制 Layer1 绘制 Layer2 Layer2内设置新闻条目并创建链接 新闻布告栏 选定层Layer2，选择命令“修改”→“时间轴”→“添加对象到时间轴” 新闻布告栏 选择层后，按向上、向下方向键可以精确地移动层的位置。 选定层Layer2，单击行为面板上的加号按钮，在弹出的动作下拉菜单中选择“时间轴”→“停止时间轴”命令 选定层Layer2，单击行为面板上的加号按钮，在弹出的动作下拉菜单中选择“时间轴”→“停止时间轴”命令 新闻布告栏 新闻布告栏