第4节制作动态网页.docVIP

课题 制作动态网页 课型 新授 第__课时 教学目标 知识与技能： 掌握WEB组件的插入；掌握动态HTML效果的制作方法；学会设网页过渡效果 过程与方法： 1、 学会利用网络学习； 2、 培养自主学习的能力。情感态度与价值观： 1、 培养学生相互学习、相互帮助的好习惯； 使学生得到学会知识后收获的喜悦。 教学重难点 重点：WEB组建的插入及动态HTML效果的制作方法 难点：动态HTML效果的理解 教具学具准备 课件、课本、机房 师生活动 教学过程 新课引入 在前几节课中我们学习了如何建立站点，再在站点中建立几个网页， 在网页中处理图片，以及建立不同网页之间和同一网页之内的超链接，网页表格等内容。 学了这些我们好象已经有所收获了，可是总觉得少了些什么。少了些 分 学 什么呢？大家来看一个网页。 （ 展示一个网页） 钟 过 大家可以看到网页中有很多动态效果，这些动态效果就是我们站点的 网页中所缺少的。 程 （有了这些效果，我们的网页会多什么优点呢？） 有了这些动态效果，我们的网页动起来了，活泼起来了，也更能体现自 己站点的特色。 如何制作动态网页呢？这就是我们今天要学习的内容。 观看教师教学演示及思考问题 丰富多彩的网页 预定时间更换网页图片 大家平时看到的网页图片并非一成不变的，而是一幅幅变化循环的（教师展示几个有图片变换的网页） 那么如何制作图片在网页上变化呢？下面我们就来一起学习一下。 教师演示操作插入web组建过程，并讲解指导。 观看教学演示，思考问题 学生动手操作时间，教室时间 制作滚动字幕 教师展示自己制作的滚动字幕效果的动态网页。激发学生兴趣。 那同学们想自己制作有滚动字幕的动态网页吗？ 那我们就来学习如何制作滚动字幕 教师演示操作制作滚动字幕动态网页并讲解 学生观看演示，并思考问题 学生回答：想 学生动手操作 插入交互式按钮 交互式按钮的制作 教师巡视，个别给予指导。 按钮的关键点： 1按钮文本的设置。 2按钮的颜色、背景色以及效果等。 3图片按钮。 学生展示作品，演示操作，小结制作交互式 动态HTML效果 讲解常见的HTML效果： 放大镜效果 飞行图效果 教师演示操作，并设置任务，让学生自主完成任务，激发学生兴趣 完成老师设置的任务 设置网页的过渡效果 简单讲解网页过渡效果 学生实践 小结 小结 板书 制作动态网页 预定时间更换网页图片 制作滚动字幕 插入交互式按钮 动态HTML效果 教学反思 本课主要以学生实践为中心，突出学生的主观能动性，学生掌握效果良好，以后应注意将强课堂互动。