《网页的美化》教学设计.doc

《网页的美化》教学设计
宝鸡市龙泉中学 仝碧桃
　　一、教学设计部分
教学内容分析
　　本课的主要内容与地位
　　主要教学内容：设置网页的背景、设置表格（单元格）的背景、设置背景音乐、插入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
插入滚动字幕
滚动字幕．swf
2．资料库
网页色彩设计原理
　　一、色彩的基本知识
　　二、色环
　　三、色彩的心理感觉
　　四、色彩的搭配