《让网页动起来》教学设计.doc

让网页动起来教学设计江苏省前黄高级中学 吴忠波新课程设计思路随着社会信息化的发展，信息技术教育已经超越了单纯计算机技术训练的阶段，成为与社会需求相适应的信息素养培养的教育。因此，高中信息技术课程内容的设计应坚持如下三点：第一、有利于学生个性发展的课程结构形式；第二、切实针对学生身心发展特点的课程内容；第三、信息技术应用能力与人文素养培养相融合的课程目标。新课程培养目标新课程培养目标有三方面：一、知识与技能，二过程与方法，三、情感态度与价值观三个层面目标相互渗透、有机联系共同构成高中学生信息技术课程的培养目标，在具体的教学活动中，要引导学生在学习和使用信息技术，参与信息活动的过程中，实现知识与技能、过程与方法、情感态度与价值观等不同层面信息素养的综合提升和协调发展，不能人为地割裂三者之间的关系或通过简单活动孤立实施。新课程对于使用网页形式表达信息的要求开展个人主页设计与制作竞赛。要求同学从描述制作个人主页的基本目的开始，上网浏览相关网页，观察网页的基本构成和信息的分类与组织，归纳网页设计的一般规律，完成设计。利用从各种渠道（合理合法地）收集的与设计需要相符合的素材，使用自己熟悉的网页制作软件，制作有特色的个人主页。最后，条件允许的话，将个人主页在因特网或校园网上发布。一、学习背景学生在前几节课中，确定了个人网站的主题，已经做好欢迎页，网站主要栏目已基本确定，超链接基本正确。但在做网站过程中，一开始信心十足，接着埋头苦干，冥思苦想，结果却是效率低下，远未达到预期效果，原因有多面，如：对相关主题的素材了解不够全面、透彻，对材料分类与组织的能力不够，处理信息的手段单调，在网络上找相关材料的经验缺少，美术修养、审美观不高，网站策划不具体，上机操作时间偏少，机器时常出故障等等。二、教学目标1、掌握插入字幕、计数器、悬停按钮、横幅广告管理器、动画等的方法。2、了解动态HTML效果，网页过渡效果，javascript，asp统计计数程序的使用。3、使学生增强相互协作和探究性学习的能力。4、提高学生的审美能力，评价网页能力。5、使学生了解动态网页制作的一般方法和途径。三、课前准备熟悉专题资料学习其他网站的优点用swish制作好广告语网站制作设计草图教师制作好样品教师准备好文本及图片素材四、教学过程1、创设情境圣诞节来临，让学生收取电子邮件，信中教师给每位学生发了一张圣诞动画贺卡，要求学生通过电子邮件也给老师，同学，朋友等发送圣诞和新年贺卡（最好是自己亲手制作的）。（设计思路：让学生把课堂中学习到的信息技术灵活地应用在生活、学习中）2、新课引入刚才我们在邮件中收到了很好看的flash动画，我们在自己的个人网站中适当位置也可以插入精彩的flash动画和其他动态的元素，使自己的网页的动感十足。然后教师展示样品，引入动态网页的需求，要求本节课为自己的网站添加动态效果。3、教师讲解（1）在顶部区域top.htm中插入一个自己制作的flash动画（网站的宣传用语）。（2）在main.htm上面第一行插入字幕，（如新浪网新闻中心的滚动新闻一样）（3）在栏目下面一行插入计数器（4）把栏目名称改为悬停按钮（5）在main.htm页中插入横幅广告管理器4、学生操作 要求相互协作，互帮互助，师傅带徙弟。 发现问题并思考：插入的flash动画怎样改变它的显示位置大小？滚动字幕怎样设置字的大小，颜色，背景色？计数器的初始值要从0开始计数吗？悬停按钮中怎样改变超链接的目标框架？横幅广告管理器的图片大小不一样，怎么办？教师记录学生操作时的典型问题5、解决问题学生示范，更改目标框架教师操作， 改变插件的大小6、新问题（1）对某一版块名称设置动态HTML效果（2）对某一网页设置网页过渡效果（3）插入javascript小程序 插入计数器程序，根据时间显示问候语，文字跟随鼠标移动7、学生操作进行分层次操作，第3小题属于较高要求，只须一部分人掌握，其他人只须了解而已。8、展示成果，讨论评价 分专题展示成果，先自我评价，相互评价，教师指点，注意人文素养，情感态度，价值观的体现。9、小结 本节课在已有网页上增加了许多动态的元素，使网页变得动感十足，其实还有很多使网页动态变