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

《2019最新人教版信息技术五下第14课《网页的动态效果》教案.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、2019最新人教版信息技术五下第14课第8章网页动态效果的制作（网页制作中职教程何克抗）《网页的动态效果》教案节8.1用DreamweaverMX制作动态效果1、掌握利用META制作网页过渡效果教学目标2、掌握利用层和时间线制作动态效果3、掌握利用行为制作各类动态效果教学重1、层移动和时间线概念点、难点2、行为插件的制作技能培训1、使制作的网页更加人性化，使网页能够动起来并且有良好的交互性的目的2、合理发掘利用DreamweaverMX的功能教法演示与练习相结合、引发学生学习的兴趣、指导学生自学学

2、法记忆、观察、思考与上机实践教具使用多媒体投影、多媒体计算机机房教学内容与过程教学内容教师活动学生活动复习提问提问：思考1、简述色彩搭配的一般原则回答问题2、网页中，是不是动态效果做的越多越好？导入新课1．用多媒体方法展示一个已完成的网站，包括网页动态效果META、层和时间线、行为等2．启动DreamWeaverMX软件展示对这些动态效果的处理讲授新课给出本节课题1．利用8.1用DreamweaverMX制作动态效果1．网页溶解的过渡效果理解记忆META制（1）单击菜单中的“插入”

3、“文件头标签”

4、

5、作网页过“meta”命令渡效果（2）设置“meta”对话框，在“属性”中选“HTTP-equivalent”选项，在“值”中键入“Page-观察操作Enter”，在“内容”中键入过程“Revealtrans(Duration=4,Transition=12)”Transition的值及具体效果和设置如下所示效果ContentTransitionv盒状收缩RevealTrans0盒状展开RevealTrans1圆形收缩RevealTrans2圆形展开RevealTrans3备注引发学习兴趣明确学

6、习内容教师讲解时要尽量以实例讲解，使学生加深感性认识教师讲解、启发1/32．利用层和时间轴制作的动态效果3．利用行为制作各类动态效果向上擦除RevealTrans4向下擦除RevealTrans5向左擦除RevealTrans6向右擦除RevealTrans7垂直百页窗RevealTrans8水平百页窗RevealTrans9横向棋盘式RevealTrans10纵向棋盘式RevealTrans11溶解RevealTrans12左右向中部收缩RevealTrans13中部向左右展开RevealTr

7、ans14上下向中部收缩RevealTrans15中部向上下展开RevealTrans16阶梯状向左下展开RevealTrans17阶梯状向左上展开RevealTrans18阶梯状向右下展开RevealTrans19阶梯状向右上展开RevealTrans20随机水平线RevealTrans21学习具体随机垂直线RevealTrans22随机RevealTrans23操作2．层移动效果（1）执行菜单栏的“窗口”

8、“其他”

9、“时间观察操作轴”命令过程（2）执行菜单的“插入”

10、“层”命令（3）光标定位到

11、新建的图层中，执行菜单的“插入”

12、“图像”命令插入图像（4）用鼠标左键拖动信封图层放到时间轴面板的第1层（5）选中了第1层中第1帧，此时将信封移到整个窗口的左上角，选中第1层中的第15帧，将信封移动到右边（6）用鼠标拖动第一层的第15帧到第50帧，用以延长动画的时间学习具体操作（7）重复操作可以添加其他动画3．利用行为制作各类动态效果弹出消息框效果：观察操作（1）执行菜单的“窗口”

13、“行为”命令过程（2）鼠标选中主页的横幅图片（3）行为面板上单击添加行为按钮，选择“弹出信息”命令，在弹出的“弹出信

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

15、面的空白处，在行为面板中选择“Onload”事件检查插件效果（以Flash插件为例）：（1）准备两个页面，一个是支持你插件的页面，另一个是不支持插件的页面。（2）点击行为面板的按钮，选择“检查插件”命令。（3）设置“检查插件”窗口为Flash插件（4）点击确定按钮，在行为面板中选择“OnLoad”事件导航下拉菜单的制作：（1）输入文字“首页”，给文字添加链接（2）执行菜单的“文件”

16、“保存”命令（或使用快捷键CTRL+S键）保存文件。（3）用鼠标选中文字“首页”，打开行为面板，点击