《网页的美化》教学设计一、教学设计部分教学内容分析本课的主要内容与地位主要教学内容:设置网页的背景、设置表格(单元格)的背景、设置背景音乐、插入Flash动画和插入滚动字幕网页是否美观大方,很大程度上取决于各元素的色彩搭配是否和谐得当、色调是否与网站主题相吻合,以及网站中元素是否能满足网站要表达的感情等。对网页进行美化是每一个网站建设者的不懈追求。本课与前后内容的关系网页美化是对前期所做的网页的修饰,是提升网站可观赏性的一个非常重要的手段,是网站建设中一个非常重要的环节。教学目标分析知识目标/技能目标知识目标了解对网页进行美化的常用方法。理解美化网页对网站质量的提高作用。技能目标掌握设置网页及表格的背景、设置背景音乐、Flash动画和滚动字幕的一般方法。情感态度与价值观目标提高审美意识,发现美、认识美,美化生活从自身做起。本课的重难点重点:设置网页背景、设置背景音乐、插入Flash动画和滚动字幕难点:网页的色彩调配本课的课时分配建议一课时教学策略设计建议教法建议教学过程中,教师应引导学生参考借鉴优秀网站在色彩、布局上的做法,自主地学习有关版面设计和色彩搭配方面的知识,并应用到自己的网站设计中。本节涉及多个对话框,教师应布置合理的分组,由学生通过实践体会对话框中各参数的含义。学法建议美化效果在很大程度上取决于对美的鉴赏能力,学生在平时应多注意电视广告、杂志封面、街头广告牌等的设计的方法,并将它们应用到自己的网页设计中。教学资源与环境建议本课教学资源索引1.第三课的半成品网页:Index.htm、Parents.htm教学评价建议自评、互评、师评要注意的问题学生是否具有乐观向上的学习意识;学生能否掌握进行网页修饰的基本方法;学生是否具有发现美、欣赏美,并利用技术手段创造美的能力。教学过程参考案例第一阶段:导入新课,明确学习目标教学环节教师活动学生活动设计理念导入新课出示几个对比明显的图片(色彩单调的和色彩丰富的)和网页(修饰过的和未修饰的)。师:通过以上展示的内容,大家能总结出什么规律?哪种情况会带给我们美的享受?师:可见,修饰和美化作用是多么重要啊!我们制作网页也是如此,今天我们要学习的内容就是──网页的美化讨论,回答通过图片和网页的对比,让学生真切感受到色彩、背景音乐、动态效果对网页的强化作用,引发学生的学习热情。第二阶段:范例精讲,学生自主探究,完成范例教学环节教师活动学生活动设计理念学习与探究师:就像人的穿衣打扮一样,网页的修饰和美化主要包括哪些内容呢?任务一、设置网页背景师:根据教材提示,分组完成背景的设置,看谁设计的效果好。教师巡视指导任务二、设置表格的背景师:有时我们需要在网页的某个局部设置不同色彩的背景,如何实现呢?联想上一节课学过的表格知识,根据教材提示试一下吧。教师巡视指导任务三、插入背景音乐根据教材提示设置网页的背景音乐,并体验是否勾选“不限次数”对效果的影响。教师巡视指导任务四、插入Flash动画根据教材提示,插入Flash动画,然后分分别设置颜色和图片作为网页背景,并对比二者的视觉效果。分别设置某个表格或表格中的单元格的背景。讨论与网页背景在层次上的关系。实践操作过程,设置网页背景音乐。操作,分组讨论对话框中各参数的作用通过分组竞赛的方式完成教学任务,能够激发学生的学习热情。让学生动手操作,通过观察参数对显示效果的影响强化对知识点的理解。组修改“插件属性”对话框中的参数,填写表1-4-1教师巡视指导任务五、插入滚动字幕根据教材提示,插入滚动字幕,然后分组修改“字幕属性”对话框中的参数,填写表1-4-2教师巡视指导第三阶段:知识、情感拓展教学环节教师活动学生活动设计理念知识与情感师:单调的网页通过我们的努力可以变得漂亮,生活中的环境也需要我们去美化。你的房间和学习用品是自己整理还是由父母整理?课后尝试完成实践作业──每天做五件家务。并以网页的形式表达你的感受,反思、实践,制作“我的家务我来做”网页feeling3.htm通过做家务体会父母在家务等日常事务中的艰辛付出。第四阶段:综合实践,巩固与提高,自由创作,迁移运用教学环节教师活动学生活动设计理念实践与创新师:通过前面的操作,大家对几个操作有了初步的认识,还需要通过进一步实践来巩固。请大家根据书中表格的要求,完成对三个网页的修饰和美化。根据要求完成操作。对美化效果进行评价。第五阶段:教学总结,设疑激趣,为下一节课作好铺垫教学环节教师活动学生活动设计理念课堂小结课堂小结本节课的学习内容。师:经过我们对网页的美化,每一个网页看上去都令人赏心悦目。但是,同学们想一下,它们和我们在Internet上浏览过的网页有什么区别吗?师:对,它们只是一个个独立的、孤立的网页,还不能从一个网页跳转到另一个网页。下一节课,我们将学习这方面的知识,请同学们课后预习第五课的内容。回顾,总结生:网页之间没有联系。在引入“超链接”前,让学生通过回顾自己浏览网页的经历,对这一概念有一个心理上的准备。教学反思本节课操作步骤不难掌握,难点是色彩、音乐、动画与网站主题的搭配的把握。建议教师安排学生以分组竞赛的方式来激发学生的学习热情。二、补充资料部分1.课件与学件学生用学件名称文件名设置网页的背景网页背景.swf设置表格(单元格)的背景表格背景.swf插入背景音乐背景音乐.swf插入Flash动画Flash.swf插入滚动字幕滚动字幕.swf2.资料库网页色彩设计原理一、色彩的基本知识二、色环三、色彩的心理感觉四、色彩的搭配