资源描述：
《课题《动态html,让网页更生动》》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、课题：《动态HTML，让网页更生动》一、教学目标1.认识动态HTML，了解JavaScript；2.通过操作体验的方式，掌握基本的动态HTML的实现方式，并能够根据网页设计的需要用JavaScript代码复用的方式实现动态效果；3.培养学生的分析归纳能力，初步培养网页审美意识；二、教学重难点教学重点：实现动态效果的工具栏方式和JavaScript代码嵌入方式教学难点：根据网页风格制作恰当的效果三、教学方法与手段利用MOODLE平台引导学生开展自主学习、操作体验，在体验中形成概念、培养能力，在交流互动中加深理解，培养高中
2、学生的分析、归纳能力四、教学过程教学环节教师活动学生活动媒体运用设计意图对比引入（3分钟）展示两张网页，引导学生分析两张网页的异同，指出第二张网页出现动态效果的原因：创建了动态的HTML。以问题“什么是动态HTML(what?)，怎样实现动态HTML(how?)”引出课题：动态HTML，让网页更生动。观察两张网页，找出两张网页的异同，直观指出第二张页面中的动态效果，表述感受，初步明确创建动态HTML的意义。利用电子教室广播系统，实时广播两张网页。第一张为静态的网页，第二张增加了简单动态HTML效果:图片、文字飞入效果的
3、网页。对比引出课题，激发学生兴趣，初步感知使用动态HTML的意义：让网页有动感。探究新知(37分钟)1.认识动态HTML(6分钟)①教师布置任务，广播、要求学生登录本课学习网站，进入“认识动态HTML”板块，进行操作体验1：利用FrontPage格式菜单中“动态HTML”工具创建简单的动态效果。首先体验简单动态HTML的实现方法：菜单工具创建方式。学生带着问题，登录本课学习网站，完成操作体验1：实现简单的动态HTML，即利用Frontpage2000新建网页，并添加“文字对象”，为其设置任意动态HTML效果，以“DHT
4、ML”为文件名保存。本课学习网站：网络技术应用中《动态HTML，让网页更生动》，展现操作体验任务1：简单动态HTML的实现，给出“实现方式”、“实现要求”和“文字对象”。体验菜单工具创建动态效果的过程，形成对动态HTML的初步认识。②教师巡视学生操作情况，个别指导，强调对象的选定，关注不同的实现方式为反馈评价做准备。③引导学生反馈，转播两种不同的实现方式，简要归纳简单动态HTML的实现方式和特点。学生思考并归纳简单动态HTML的实现方式：格式菜单工具创建方式，初步认识动态HTML本课学习网站，表格式归纳简单动态HTML
5、的实现方式，包括：四种师生互动，归纳理解，提升能力“触发事件”和相应的“效果类型”、“效果设置内容”2.认识JavaScript（10分钟）①要实现更为丰富的动态效果，则需要其他的技术来实现。展示第三张网页，引出JavaScript，并简要介绍JavaScript：是实现动态HTML的三种核心技术之一，是NETSCAPE公司开发的面对客户端网页脚本编程语言，是提高网页交互性动态效果的方式。学生观察，分析第三张网页的动态效果，讨论此效果采取“格式菜单工具”能否创建？必须使用新的技术“JavaScript”来实现，形成学习
6、JavaScript必要性的认识多媒体电子教室广播系统的使用，实时广播。初步感知JavaScript的作用，激发学习“JavaScript”的兴趣。②怎样利用JavaScript实现动态效果？教师广播操作体验任务2：利用JavaScript制作,当进入Test页面时，有“Hello!”提示框弹出动态效果利用JavaScript实现简单的动态效果。学生利用本课学习网站学习，尝试完成操作体验2：在FrontPage中打开D盘中Test.htm网页，并根据图示，利用JavaScript制作提示框弹出动态效果，以“Test”为
7、文件名保存。本课学习网站展现体验任务2，并利用图示的方式，标识代码与实现效果。在操作体验的基础上，掌握JavaScript代码嵌入实现动态效果的基本方法，从而达到进一步认识JavaScript的目的。巡视并评价学生操作中存在的问题，以“嵌入了什么代码？有什么结构特点？”引导学生归纳利用JavaScript代码实现动态效果的方法。特别强调JavaScript标签结构。学生小结实现方式，分析掌握JavaScript标签结构特点，掌握本课学习网站展现资源：JavaScript的概念及使用，重点突出
