2019最新人教版信息技术五下第14课《网页的动态效果》教案

1、2019最新 人教版信 息技术五 下第14课网页的 动态效果教案第8章网贝动态效果的制作(网贝制作中职教程何克抗)节8.1 用Dreamweaver MX制作动态效果1、掌握利用META制作网贝过渡效果教学目标2、掌握利用层和时间线制作动态效果3、掌握利用行为制作各类动态效果教学重1、层移动和时间线概念点、难点2、行为插件的制作技能培训1、使制作的网页更加人性化，使网页能够动起来并且有艮好的交互性的目的2、合理发掘利用 Dreamweaver MX的功能教法演示与练习相结合、引发学生学习的兴趣、指导学生自学学法记忆、观察、思考与上机实践教具使用多媒体投影、多媒体计算机机房教学内容与过程教学内容

2、教师活动学生活动备注复习提问:提问：思考1、 简述色彩搭配的一般原则回答问题2、网贝中，是不是动态效果做的越多越好？导入新课引发学习1.用多媒体力缶展布 已兀成日勺网站，包拈网贝动态效果META、层和时间线、行为等兴趣2.启动DreamWeaverMX软件展示对这些动态效果明确学习的处理内容讲few果给出本节课题8.1 用Dreamweaver MX制作动态效果1 .利用1.网贝溶解的过渡效果理解记忆教师讲解META 制(1)单击菜单中的“插入”| “文件头标签”I作网贝过meta命令时要尽量渡效果(2)设置 meta”对话框，在“属性”中选以实例讲HiiP-equivaient 选项，在 值

3、 中键入PageEnter ”， 在“内容”中键入“Revealtrans(Duration=4,Transition=12)”观察操作 过程解，使学 生加深感 性认识Transition的值及具体效果和设置如下所示效果ContentTransitionv盒状收缩RevealTrans0盒状展开RevealTrans1教师讲圆形收缩RevealTrans2解、启发圆形展开RevealTrans32 .利用 层和时间 轴制作的 动态效果3 .利用 行为制作 各类动态 效果向上擦除RevealTrans4向卜擦除RevealTrans5向左擦除RevealTrans6向右擦除RevealTrans

4、7垂直白贝窗RevealTrans8水平白贝窗RevealTrans9横向棋盘式RevealTrans10纵向棋盘式RevealTrans11溶解RevealTrans12左右向中部收缩RevealTrans13中部向左右展开RevealTrans14上卜向中部收缩RevealTrans15中部向上下展开RevealTrans16阶梯状向左下展开RevealTrans17阶梯状向左上展开RevealTrans18阶梯状向右下展开RevealTrans19阶梯状向右上展开RevealTrans20随机水平线RevealTrans21随机垂直线RevealTrans22随机RevealTrans2

5、32.层移动效果(1)执行菜单栏的“窗口”| “其他” | “时间轴”命令(2)执行菜单的“插入”| “层”命令(3)光标定位到新建的图层中，执行菜单的“插入” | “图像”命令插入图像(4)用鼠标左键拖动信封图层放到时间轴面板 的第1层(5)选中了第1层中第1帧，此时将信封移到 整个窗口的左上角，选中第1层中白第15帧，将信封移动到右边(6)用鼠标拖动第一层的第15帧到第50帧，用以延长动画的时间(7)重复操作可以添加其他动画3.利用行为制作各类动态效果 弹出消息框效果：(1)执行菜单的“窗口”| “行为”命令(2)鼠标选中主页的横幅图片(3)行为面板上单击添加行为按钮，选择“弹 出信息”命

6、令，在弹出的“弹出信息”对话框中输 入信息(4)在行为面板中点击事件的向卜前头，选择“OnCopy”事件 弹出广告窗口效果：(1 )在站点下创建一个基本页面学习具体 操作观察操作 过程学习具体 操作观察操作 过程教师讲解 时要尽量 以实例讲 解，使学 生加深感 性认识要培养学 生勤动脑 动手的习 惯4.学生 上机操 作，复习 刚才所学 的操作， 同时复习 和思f七 师的问 题。“window.html ”(2)打开网站“摄影天地”的首页，使用快捷 键Shift+F3打开行为面板。(3)在行为面板中点击添加行为按钮，选择“打开浏览器窗口”，在弹出的“打开浏览器窗 口”对话框中进行适当设置(4)选

7、择页面的空白处，在行为面板中选择“Onload”事件检查插件效果(以 Flash插件为例)：(1)准备两个页面，一个是支持你插件的页 面，另一个是不支持插件的贝囿。(2)点击行为面板的按钮，选择“检查插件” 命令。(3)设置“检查插件”窗口为Flash插件(4)点击确定按钮，在行为面板中选择“OnLoad”事件导航卜拉菜单的制作：(1)输入文字“首页”，给文字添加链接(2)执行菜单的“文件”| “保存”命令(或使用快捷键CTRL+S键)保存义件。(3)用鼠标选中文字“首页”，打开行为面 板，点击添加按钮，选择“显示弹出式菜单”命 令。并设置对话框。(4)保存义件，看预览效果4.上机操作：(1)继续上机操作老师演示的实例，并记录步骤(2)建立课后作业题 4.5(3)思考问题：行为事件是怎么发生的？操作，并 记录卜来思考教师卜台 指导学生 也可以采 用小组教 学的方 式，先小 组内互帮 互学，小 组内不能 解决的请 教老师小结1 .用META制作网贝过渡效果2 .用层和时间线制作动