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

《让网页动起来》教学设计 江苏省前黄高级中学? 吴忠波 新课程设计思路 　　随着社会信息化的发展，信息技术教育已经超越了单纯计算机技术训练的阶段，成为与社会需求相适应的信息素养培养的教育。因此，高中信息技术课程内容的设计应坚持如下三点：第一、有利于学生个性发展的课程结构形式；第二、切实针对学生身心发展特点的课程内容；第三、信息技术应用能力与人文素养培养相融合的课程目标。 新课程培养目标 　　新课程培养目标有三方面：一、知识与技能，二过程与方法，三、情感态度与价值观三个层面目标相互渗透、有机联系共同构成高中学生信息技术课程的培养目标，在具体的教学活动中，要引导学生在学习和使用信息技术，参与信息活动的过程中，实现知识与技能、过程与方法、情感态度与价值观等不同层面信息素养的综合提升和协调发展，不能人为地割裂三者之间的关系或通过简单活动孤立实施。 新课程对于使用网页形式表达信息的要求 　　开展个人主页设计与制作竞赛。要求同学从描述制作个人主页的基本目的开始，上网浏览相关网页，观察网页的基本构成和信息的分类与组织，归纳网页设计的一般规律，完成设计。利用从各种渠道（合理合法地）收集的与设计需要相符合的素材，使用自己熟悉的网页制作软件，制作有特色的个人主页。最后，条件允许的话，将个人主页在因特网或校园网上发布。 一、学习背景 　　学生在前几节课中，确定了个人网站的主题，已经做好欢迎页，网站主要栏目已基本确定，超链接基本正确。但在做网站过程中，一开始信心十足，接着埋头苦干，冥思苦想，结果却是效率低下，远未达到预期效果，原因有多面，如：对相关主题的素材了解不够全面、透彻，对材料分类与组织的能力不够，处理信息的手段单调，在网络上找相关材料的经验缺少，美术修养、审美观不高，网站策划不具体，上机操作时间偏少，机器时常出故障等等。 二、教学目标 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、小结 ??? 本节课在已有网页上增加了许多动态的元素，使网页变得动感十足，其实还有很多使网页动态变化的技术，我们可以到因特网上去搜索，如下拉菜单，各种ASP程序（统计计数系统等），我们要应用的恰到好处，这样能为你的网页增色不少，但不能滥用，否则可能会适得其反，产生令人烦躁的感觉。