7.1 网页的动感效果设计 教案

《7.1 网页的动感效果设计 教案》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、南阳工业学校教案授课班级授课时间教材网页制作基础教程（DreamweaverCS3）葛艳玲电子工业出版社教学项目7.1网页的动感效果设计教学目标掌握Banner条的制作，导航条的制作，正文区的制作，扩展功能教学形式一体化课，在一体化教室内教学方法教学做一体化教学、演示教学法教学准备1.课件2.一体化教室教学重点Banner条的制作，导航条的制作，正文区的制作，扩展功能教学难点正文区的制作，扩展功能教学过程设计设计流程教学内容设计意图考勤（2’）学生到课情况情境引入（5’）教学形式：实例演示，激发兴趣通过样例产生的效果图让学生在视觉、上得到真实感受，启发学生思考，提高学习兴

2、趣。本章案例主要是通过在网页中插入Flash动画和Applet插件等多媒体元素来美化网页，使网页看上去更加生动。新课教学（58’）7.1.2案例分析本页面的制作分五个步骤进行：页面基本制作Banner条的制作导航条的制作正文区的制作；扩展功能。7.1.3实现步骤页面基本制作　　创建站点→创建主页文件→设置标题Banner条的制作（透明背景的Flash)　　设置图片背景→插入Flash→设置背景透明参数导航条的制作　　插入Flash按钮正文区的制作　　　用CSS样式格式化页面→插入Flash文本→插入图像查看器→插入JavaApplet小程序→插入背景音乐扩展功能扩展命令扩

3、展对象扩展行为制作分五个步骤进行：页面基本制作Banner条的制作导航条的制作正文区的制作；扩展功能。课堂小结（10’）页面基本制作，Banner条的制作，导航条的制作，正文区的制作，扩展功能。效果评价（15’）学生课堂任务书制作一个有多媒体效果的网页，看谁做的好。