设计与制作拼图游戏,黄许职业中专学校 雷燕,创设情景 引入课题,展示拼图游戏,研究拼图游戏玩法,体验拼图游戏,设计与制作拼图游戏,案例分析,展示拼图,任务一用表格布局页面,任务一用表格布局页面,根据拼图素材，分析表格的大小及单元格大小，完成表格的制作（如右图所示）,单元格大小为135*120像素,表格构成：4行*3列,表格宽度：405像素,素材大小： 135*120像素,知识回顾,任务二 插入AP层及图片,任务二 插入AP层及图片,插入AP层,任务二 插入AP层及图片,在AP层中 插入图片,在AP层中插入图片,任务三 添加拖动层行为,网页制作中行为概念：,举例,网页的拖动层行为：,理论知识,任务三 添加拖动层行为,操作步骤,任务三 添加拖动层行为,拖动层的参数功能:,任务三 添加拖动层行为,Onload事件功能,任务四 检查作品,检查 作品,保存 文件,任务五 使用学习指南,学习指南路径:,http:/192.168.15.148/拼图学习指南.html,自主创作,请同学们利用学习指南，使用所给的素材自选主题设计与制作拼图,交流及评价,交流及 评价,1、上传作品至服务器,6、查看评价表,2、作品交流,3、展示部分学生作品,5、上交自我评价表,4、完成自我评价表,课堂总结,作业及思考,1、思考题：如何添加AP层的拖动行为？ 2、自学：如何使用AP层制作显示和隐藏特效？ 3、拓展练习：制作如图所示的拼图游戏（五四青年节拼图）,Add your company slogan,Thank You !,