高中信息技术选修3教案-5.1.2 动态网页-教科版.doc

课题 （章节名称） 动态网页制作专题复习 学科 信息技术 授课年级 高二年级 学期 上 课时数 1 教学方法 任务驱动、启发式 教学内容分析 本文就教科版网络技术应用(选修)第五章动态网页制作展开分析，本章内容课本分了四小节，以“认识动态网页”“理解动态html”“应用html”“asp脚本应用”为主线，这样的布局安排从整体来看似乎是一气呵成，合理到位，真正落实到教学实践中，效果不尽人，每年学业考试时，这块都是学生惧怕的难点之一。这一章内容在测试中，会出现三种类型的操作题和5条左右的选择题，分值达到近20分，所以显得尤其的重要。为了能到达更好的教学效果，在学测复习教学中我立足于教材但不拘泥于教材。我把整章大体分成动静态网页的初识、JavaScript部分学习、css部分的学习。每部分的学习是否吸引学生，好的切入点至关重要。高二学生对什么感兴趣？新奇的、身边的、直接关联的。所以依托网络环境下的教学平台，在教学中以师生共同发现问题、提出问题、解决问题为学习主线，应用任务教学法与半成品组装法，让学生处在“做中学、学中思、思中做”的状态中，积极主动地完成知识的建构，达成学习目标。 教学环境、教学媒体选择 教学硬件： 计算机教室。 教学软件： FP软件、ppt课件、网络学习平台。 教学目标 1、能对动态网页与静态网页的优缺点进行比较、分析、总结。 2、通过对JavaScript代码的体验，了解JavaScript的概念。 3、掌握JavaScrip代码的应用方式。 4、了解CSS样式表的类别，以及不同类别的应用方式，有效范围。 5、能根据实际需要简单应用CSS。 重点、难点分析 教学重点： 掌握JavaScrip代码的应用方式 了解CSS样式表的类别，以及不同类别的应用方式 教学难点： 1、了解CSS样式表的类别，以及不同类别的应用方式 课堂教学过程结构设计 教学环节 教师活动 学生活动 设计意图 课前准备 老师准备素材，课件，学习平台 学生预习 掀起你的盖头来 展示教学目标 （课件） 初识网页代码 打开空白网页介绍html、head、body， 两种方式添加标题“hello，代码”，插入文字“我的舞台我做主”。 总结:代码的一般规律 演示动态html实例：点我我就变 文字的fontsize代码变化；插入GIF动画，代码无变化。 总结：静态网页与动态网页的区别。 ①.概念：动态html是指即使在脱离网络环境的情况下，网页下载到浏览器以后仍能随时变换的HTML。即DTHTML。 ②.并不是网页中所有的“动”的效果都是动态html ，有的是动画，如GIF图像、SWF动画等。 观看课件 讨论： 常考题目（一）： 常考题目（二）: 让学生明确本节课要掌握哪些知识点，这样学习更有方向性，目的性 趁热打铁 肯定不能满足于仅仅依靠FP软件提供的几种动态HTML效果。 3、Javascript简介 javascript是一种面向浏览器的网页脚本编程语言，也是提高网页页面交互性的方法。可以嵌入到html文件之中，不需要编译就可在浏览器中运行。 示范JAVA脚本格式 思考：预览无明显变化 添加语句，如alert("想学动态网页技术吗，跟我来吧");预览效果。 学生实践