网页的美化(三).doc

网页的美化（三）教学主题网页的美化执教者陆卫英适用年级高一年级教学课时1课时教材分析引导学生概括网页在配色上、布局上及内容上的特点，解决学生在网页制作过程中碰到的各种问题,在网页中插入各种组件，使网页动起来,重点利用JAVASCRIPT来实现网页特效.学习目标知识目标：(1)了解HTML的基本特点。(2)学生总结经验、交流技巧，互相解决在制作网页过程中碰到的各种问题。(3)明确一个网页真正吸引人的是精彩的内容。能力目标：培养学生在研究中学习，在学习中探索的意识；提高学生的审美能力情感目标1、 具有乐于助人、团结协作的精神2、 能尊重他人的劳动成果，有知识产权保护的意识3、 能客观地评价他人作品，善于发现和欣赏他人的优点所需资源和环境数字化资 源事先已经准备好的页面index.htm、index1.htm、index2.htm。软件jspghost教学支撑环境“深蓝易思”多媒体网络教室教学设计教学思路设计本节课的教学内容主要强调学生的操作能力，通过“提出问题教师点拨学生活动交流谈论”的形式，让学生在“做中学、学中做”教学引导问题设计问题目的重点/难点/关键点我们要学建网站，首先要知道网站都是由哪些要素组成的？可以看到文字、图片、动画、视频等。这些元素构成了一张一张的网页这些元素如何应用于网页HTML语言的基本特点用小技巧如何使网页更加美丽好的网页或者说一个优秀网站的标准是什么？既美观又实用，用网站来表达自己的思想，交流信息，首先必须明确自己的设计目的，也就是确定网站的功能教学内容教师行为学生行为教学设计意图引入：浏览以前课堂制作的中国传统文化的网页。1、提出问题：你认为什么样的网页会吸引人？2、展示有动态效果的网页，提出问题：网页中那些元素可以设置动态效果？1、学生讨论后回答:色彩丰富、具有动感的网页吸引人。2、学生观察、比较后得出结论。文字、图片、页面都可以设置动态效果。通过浏览和比较，让学生感知网页制作的进一步知识，产生强烈的学习要求。新课：标题栏的设计观察设计窗口的变化HTNML语言的基本特点教师演示部分操作过程学生观察，并且讨论回答问题。让学生利用已经学到的技术来进一步学习新的内容。使用练习材料为了降低学习难度，提高学习效率。Javascript使用jspghost的安装，查看，使用完成自己有创意的网页设计。演示标题栏时钟，文字特效，图片特效的一种。教师巡视指导。边学边做试试看 教师巡视指导。培养自主探索，独立解决问题的能力。演示制作过程和分享制作成果请学生来演示他们制作的文字、图片、页面的动态效果。教师点评。分享让网页动起来的成果。展示自我，共享学习成果。培养学生的团体协作精神。增加学生成功的喜悦感。提出好的网页或者说一个优秀网站的标准是什么？ 美观又实用，用网站来表达自己的思想，交流信息，首先必须明确自己的设计目的，也就是确定网站的功能巩固学习、掌握学习难重点。完成学习自评学生自评内容小结，提出新的学习要求。完成学习自评复习巩固，过程评价，了解学生学习情况。布置作业拓展内容介绍教学资料/texiao/网页制作大宝库/ 网页特效集锦根据自己小组的主题对主页重新设计观察思考，自主探究。进一步激发学生学习积极性，鼓励学生不断探索新的奥秘。课后反思：教学资料：课堂教学过程评价表 班级：_ 姓名：_评价指标评价标准自评互评优秀良好加油阐述表达能用清楚、流畅的语言表达自己的意见，也能很好地解答他人的问题。能表达清楚，但不流畅、对他人的问题能作简单回答。语言表达不清楚，不能回答他人的问题。探究精神有好奇心和求知欲，善于提出问题。能在老师的鼓励下提出问题。很少或从不提出问题。主动学习能主动学习新技能，遇到困难积极寻找解决办法。能在他人的帮助下学习新技能遇到困难与同伴一起讨论，寻求解决途径。不愿自己学习新技能，遇到困难马上放弃。合作学习愿意主动帮助同伴一起解决问题、交流技术、分享成果。在别人的要求下能帮助他人解决问题。不愿帮