《2019最新人教版信息技术五下第14课《网页的动态效果》教案.doc》由会员分享,可在线阅读,更多相关《2019最新人教版信息技术五下第14课《网页的动态效果》教案.doc(3页珍藏版)》请在金锄头文库上搜索。
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软件展示对这些动态效果的处理引发学习兴趣明确学习内容讲授新课1利用META制作网页过渡效果2利用层和时间轴制作的动态效果3利用行为制作各类动态效果4学生上机操作,复习刚才所学的操作,同时复习和思考老师的问题。给出本节课题8.1 用Dreamweaver MX制作动态效果1网页溶解的过渡效果(1)单击菜单中的“插入”|“文件头标签”|“meta”命令(2)设置“meta”
3、对话框,在“属性”中选“HTTP-equivalent” 选项,在“值”中键入“Page-Enter”,在“内容”中键入“Revealtrans(Duration=4,Transition=12)”Transition的值及具体效果和设置如下所示效果 ContentTransitionv盒状收缩RevealTrans0盒状展开RevealTrans1圆形收缩RevealTrans 2圆形展开RevealTrans3向上擦除RevealTrans4向下擦除RevealTrans5向左擦除RevealTrans6向右擦除RevealTrans7垂直百页窗RevealTrans8水平百页窗Revea
4、lTrans9横向棋盘式RevealTrans10纵向棋盘式RevealTrans11溶解RevealTrans12左右向中部收缩RevealTrans13中部向左右展开RevealTrans14上下向中部收缩RevealTrans15中部向上下展开RevealTrans16阶梯状向左下展开RevealTrans17阶梯状向左上展开RevealTrans18阶梯状向右下展开RevealTrans19阶梯状向右上展开RevealTrans20随机水平线RevealTrans21随机垂直线RevealTrans22随机 RevealTrans 232层移动效果(1)执行菜单栏的“窗口”|“其他”|
5、“时间轴”命令(2)执行菜单的“插入”|“层”命令(3)光标定位到新建的图层中,执行菜单的“插入”|“图像”命令插入图像(4)用鼠标左键拖动信封图层放到时间轴面板的第1层(5)选中了第1层中第1帧,此时将信封移到整个窗口的左上角,选中第1层中的第15帧,将信封移动到右边(6)用鼠标拖动第一层的第15帧到第50帧,用以延长动画的时间(7)重复操作可以添加其他动画3利用行为制作各类动态效果弹出消息框效果:(1)执行菜单的“窗口”|“行为”命令(2)鼠标选中主页的横幅图片(3)行为面板上单击添加行为按钮,选择“弹出信息”命令,在弹出的“弹出信息”对话框中输入信息(4)在行为面板中点击事件的向下箭头,
6、选择“OnCopy”事件弹出广告窗口效果:(1)在站点下创建一个基本页面“window.html”(2)打开网站“摄影天地”的首页,使用快捷键Shift+F3打开行为面板。(3)在行为面板中点击添加行为按钮,选择“打开浏览器窗口”,在弹出的“打开浏览器窗口”对话框中进行适当设置(4)选择页面的空白处,在行为面板中选择“Onload”事件检查插件效果(以Flash插件为例):(1)准备两个页面,一个是支持你插件的页面,另一个是不支持插件的页面。(2)点击行为面板的按钮,选择“检查插件”命令。(3)设置“检查插件”窗口为Flash插件(4)点击确定按钮,在行为面板中选择“OnLoad”事件导航下拉
7、菜单的制作:(1)输入文字“首页”,给文字添加链接(2)执行菜单的“文件”|“保存”命令(或使用快捷键CTRL+S键)保存文件。(3) 用鼠标选中文字“首页”,打开行为面板,点击添加按钮,选择“显示弹出式菜单”命令。并设置对话框。(4)保存文件,看预览效果4上机操作:(1)继续上机操作老师演示的实例,并记录步骤(2)建立课后作业题4.5(3)思考问题:行为事件是怎么发生的?理解记忆观察操作过程学习具体操作观察操作过程学习具体操作观察操作过程操作,并记录下来思考教师讲解时要尽量以实例讲解,使学生加深感性认识教师讲解、启发教师讲解时要尽量以实例讲解,使学生加深感性认识要培养学生勤动脑动手的习惯教师下台指导学生也可以采用小组教学的方式,先小组内互帮互学,小组内不能解决的请教老师小结1用META制作网页过渡效果2用层和时间线制作动态效果3用行为制作各类动态效果作业1书P256:1.1、1.2、1.3、1.4、1.5、2.1、2.2、2.3、2.7、3.3、3.4、4.1、4.2、4.3、4.4、4.52温习所掌握的操作3预习下一节内容 /