《网页特效》教学设计

《网页特效》教学设计《网页特效》教学设计【课例名称】让静态网页“动”起来【教师姓名】葛小英【执教学校】广东省梅州市梅县广益中学【教学目标】1．知识技能目标（1）层的应用a.层的显示与隐藏b.在网页中添加游动的对象（3）判断网页属于静态网还是动态网

2．过程方法目标：培养学生独立思考、动手实践的能力；培养学生自主探究性、协作性学习能力；激发学生学习信息技术的兴趣，培养学生发现美、创造美的能力，提高学生的综合素质。

3．情感态度价值观：通过制作"雨巷"美文欣赏网页，让学生围绕教学内容，利用多媒体创设的情境，借助诗歌的意象体会诗歌意境，理解作者的思想感情及丁香姑娘的象征意义，感知诗歌，提高鉴赏能力，激情增趣。【教学重点：】1、层的显示与隐藏2、在网页上添加游动的对象【教学难点：】1、行为面板的设置2、时间轴的应用【教学策略】课堂中贯彻：创设情境，引入新课——明确目标，自主探索——示范操作，精讲释疑——实践探究，反馈巩固——交流评议，总结提高这条主线开展教学。【学前分析】1、教学内容的选择及硬件环境（1）教学内容：普通高中课程标准实验教科书中国地图出版社《信息技术基础》（必修）模块第四单元第二节创作电子作品中的“网页特效”教学内容。《雨巷》选自粤教版（必修2）第7课（高一语文）

（2）、硬件环境：多媒体网络电子教室，有一台服务器软件环境：基于动网论坛制作的教学资源网站“信息技术论坛”DreamweaverMX2004、《雨巷》美文欣赏网站教材中网页特效部分中的两个示例，均选择Dreamweaver完成。所以本教学过程中采用了DreamweaverMX2004作为网页制作的工具。2、教学对象分析《网页特效》教学设计全文共4页，当前为第1页。学习者是梅州市梅县广益中学高一级学生，已经具备了有效攻取信息的多渠道方法。已经学习高一语文《雨巷》教学内容。在前几节的教学过程中，学生已经掌握了制作简单网页的方法，会输入、编辑文字，保存及预览网页，并已制作带边框及图片的《雨巷》美文欣赏网页。但对制作图文并茂的网页还很陌生。本教学设计侧重通过添加网页特效，使网页富有动感。通过层的应用，对静态网页和动态网页有新的认识，在制作过程中再次体会诗歌意境，提高鉴赏能力，激情增趣。《网页特效》教学设计全文共4页，当前为第1页。【设计思想与理念】基于网络学习社区信息技术与语文课程整合理念《雨巷》美文欣赏网页制作教学设计从基于网络学习社区信息技术与课程整合的理念出发，使信息技术课不再是单纯的计算机技能课，以培养信息素养为目标，以任务驱动为模式，以应用软件为载体，与学科教学进行课程整合，信息技术成为学习内容或教学内容的有机组成部分，信息技术扮演的是学习、研究工具的角色，发挥着学习环境的作用。实现以计算机为核心的信息技术在学科教学中的应用。【教学准备：】1、基于动网论坛制作的“信息技术论坛”，雨巷美文欣赏相关素材2、层的显示与隐藏、游动的广告及相关的技术支持视频教程；《网页特效》教学设计全文共4页，当前为第2页。【教学过程：】《网页特效》教学设计全文共4页，当前为第2页。步骤老师活动学生活动设计意图情景导入1、展示带特效的《雨巷》美文欣赏网页2、提问：同学们已经学习过许多优美的诗歌，在网上也可以看到一些诗歌音画网页，同学们想不想做出这样丰富多彩的网页？3、导入课题：“网页特效”——让静态网页“动”起来1、欣赏带特效的网页。体会诗歌意境，激情增趣。2、思考网页特效如何实现基于网络社区实现信息技术与课程整合的理念出发，以培养信息素养为目标，以任务驱动为模式，以应用软件为载体，与语文课程整合，信息技术成为学习内容或教学内容的有机组成部分，使信息技术课不再是单纯的计算机技能课。任务驱动探究学习1、登录信息技术论坛，出示上机任务总任务：利用Dreamweaver软件，给《雨巷》美文欣赏网页添加网页特效，让静态网页“动”起来任务一：启动Deamweaver软件，在文件面板中找到：D:\wytx\index.htm文件并双击打开，在作者头像区域添加一个层，并输入“戴望舒，著名雨巷诗人”文字，通过层的行为面板，实现当鼠标移到戴望舒头像上，会在图像的旁边出现一段文字介绍。当鼠标移开该图像后，刚才出现的文字就会自动消失。任务二：在网页上通过插入层和时间轴的设置,添加游动的丁香姑娘头像。*任务三：尝试在网页中添加下雨特效代码。*任务四：尝试在网页中添加一些透明FLASH效果要求：任务一与任务二任选一种实现，如果觉得自己能完成效果，可以两个效果一起实现。2、播放技术支持录像3、巡回指导，适时点拔4、鼓励学生上台演示，边操作边讲解。1、明确学习总任务，选用DreamweaveMX2004软件来完成效果。并根据技术支持录像独立完成小任务。2、理解层的概念与层的应用3、将《雨巷》网页中的第一幅图通过层的显示与隐藏添加说明文字“戴望舒，著名雨巷诗人”4、通过层与时间轴实现游动的丁香姑娘头像（3、4任选一项完成）5、已完成作业的同学，尝试完任务三、四。或协助周围同学完成任务。5、上交作业：通过FTP上传到作业区1、向学生提出总任务，直接切入主题，学习目的明确。2、明确小任务的具体要求，给学生了解这节课具体要掌握的知识技术。结合学生已有技能，设计不同程度的上机任务，让学生根据自己的接受能力探索学习。3、课前技术支持录像，在学生上机时播放，（因学生机没有耳麦）所以可以在大屏幕重复播放，这样可以节省时间到下面给学生巡回指导。同时也培养学生自信心及自已动手解决问题的能力。激发学生自主探究的积极性，给学生以成就感。4、锻炼学生自主操作的能力、语言表达、概括能力。交流评价教师选择优秀作品进行展示，并从学生完成任务的过程对技术处理、自主学习能力，创新表现进行点评。学生根据教学评价表中的评价量规指标作自评和互评。引导学生评价作品，培养学生评价能力，活跃课堂气氛。让学生在评价中查缺补漏。拓展延伸1、再次重申课题名称：“网页特效”——让静态网页“动”起来2、思考：什么叫静态网页？什么叫动态网页？是不是有动画效果的网页就叫动态网页？1、学生进入信息技术论坛阅读：什么是静态网页，什么是动态网页文章。2、判断自己所制作的网页是静态还是动态网页3、判断“信息技术论坛”网站是静态还是动态网页由于现在的网站有静态和动态网页之分，通过学生阅读，理解什么叫静态网页？什么叫动态网页？并能根据掌握的概念进行区分。小结1、层是一种页面定位技术，能够将放置在层中的内容任意定位在浏览器中，与表格显示有区别的是，表格只能将内容排列在浏览器中，而层却能够根据其坐标值以及“显示/隐藏”属性，在同一位置下放置多个内容（将网页重叠）这样可以节省网页的篇幅。2、通过“网页特效”可以让静态网页面富有动感。但不能认为有动画效果的网页就是动态网页。【教学评价】本节课的教学评价主要根据下面的网页作品评价量规表来进行，由学生自评和教师打分反映学生的学习状况。并于下一节课学生课前到网站查询。评价指标（等级）具体指标量化等级分值自评教师ABCD网页内容主题突出，无不良元素网页文字没有语法和拼写错误素材引用合理引用他人作品，是否注明出处技术处理能在网页中插入层实现层的显示与隐藏实现层的游动效果自主学习能力能根据独立完成任务合作能力主动与他人讨论，尊重他人，帮助他人创新表现网页表格设置及文字表达内涵有新意等级评定：A：优B：良好C：及格：D：还须努力【教学反思】《网页特效》教学设计全文共4页，当前为第3页。由于学时所限，学生分组选择其中一个关于层的应用特效实例去完成，减轻了学生在课堂上的学习压力并对特效效果的制作有新了解。对层的概念理解感觉较抽象，但能根据录像或老师演示独立完成层的实例应用。通过信息技术论坛，可以方便地实现师生、生与生之间的互动。而在网页制作过程，再次体会诗歌意境，提高学生的鉴赏能力。由于江门高级中学学生未使用过DreamweaverMX2004软件,课前对软件的应用要作一定的辅导和熟悉过程,会占用一部分教学时间,这也增加了授课老师完成教学任务的难度。《网页特效》教学设计全文共4页，当前为第3页。【教学流程图】情景导入情景导入探究学习交流评价拓展延伸课堂小结任务驱动探究学习教学互动提出总任务提出具体小任务提出任务一提出任务二提出任务三、四老师点拔明确学习任务学生探究学习完成任务学生