《美化网页》教学设计
中国最好的医科大学-耿耿于怀吉他谱
精品
第3节《美化网页》教学设计
广州市铁二中学
钟文耀
一、学习者分析
经过上一次课的学习，学生已经掌握了创建网站，编辑文
本及编辑表格的基
本操作，为进一步学习这次课美化网页的内容做好了充分的准备。
二、教材内容分析
1. 本节的主要内容及在本章中的地位
本节的主要内容是利用
文本、图片、声音等素材美化网页，学习插入图片，
编辑图片，设置背景图片、颜色及音乐。
2. 教学重点、难点
重点：
（1） 编辑图片
（2） 设置背景图片
（3） 设置背景音乐
难点：利用素材为网页主题服务
3. 课时安排：1课时
三、教学目标
1． 知识与技能
（1）
学会插入图片及对图片进行编辑
（2） 学会设置背景颜色、图片及音乐
（3）
根据网页色调、整体风格选择合适的素材
2． 过程与方法
学生根据提供的素材、布置的任
务和操作提示，自主学习及小组合作完成相
应的教学任务，教师根据学生学习情况，适当地给予引导。
3． 情感态度与价值观
通过对网页的美化，提高学生驾驭素材进行创作的能力，及提升学生的审美
情趣。
四、教学理念和方法
本节课根据素材对网页进行美化，以学生为主体，自主学习掌握插入图片
、
编辑图片、设置背景颜色、设置背景音乐等基本操作。以任务驱动的教学方法为
主，教师适当
地给予引导和帮助，对学习困难的知识采用演示操作，学生小组合
作等方法。最后，对完成的作品即时评
价，促进学生树立“内容要为主题服务”
的思想意识，及提高学生对作品的审美能力。
可编辑
精品
五、教学过程设计
1. 教学内容的组织和呈现方式
教师展示以“樱花”为主题的素材，及展示完成作品的效果，分析作品构成
要素，布置相应的任务，并
用PPT展示操作步骤提示，学生根据素材完成任务。
2. 教学过程
教学环节 教师教学
学生活动 设计意图
情景导入
播放日本民歌《樱花》，欣欣赏歌曲，观看以美丽的樱花激
赏日本樱花图片，引入这节图片。
发学生制作网页
课以樱花为主题制作网页。 的兴趣。
插入图片 展示插入图片的
网页浏览学生根据课本及任务相对简单，让
效果，并布置教学任务：在任务要求完成任学生自主学习，完
单元格中插入图片。 务。 成任务。
编辑图片
提问：插入网页中图片不协学生发现问题，演示法
调，需要剪裁或增加文字怎进行思考。
让学生能充分利
么办？ 观看老师的示用“图形工具”编
介绍FrontPage中的“图形范
，并根据自己辑适合网页表格
工具”对图片进行剪裁，增的想法对图片进大小和符合内容
加文字
等功能。 行编辑。 的图片。
设置背景提问：在单元格中有日本民学生思考，完成任务驱动法
图片
歌《樱花》的歌词，怎样在添加背景图片的学生根据教师的
歌词下增加图片或颜色。
任务，并尝试对提示，进行相应操
提示：右键单元格属性背景图片编辑，作，培养学生发现
背景
插入不同大小的问题，解决问题的
提问：背景图片与直接插入背景图片。 能力。
图片的差别。
引导学生，提出问题：能不
能对背景图片直接编辑
呢？
引导学生，提出问题：如果
背景图片过小，或者过大会
怎么样呢？
设置背景播发PPT，展示任务及提示学生根据任务和任务驱动
音乐 内容。
提示完成插入背通过对比掌握“单
添加背景音乐 景音乐的操作。
元格属性”、“表格
提示：右键“网页属性”属性”、“网页属
“背景音乐”
性”的不同作用。
可编辑
精品
评价
小结
总结归纳：“单元格属性”、
“表格属性”及“网页属性”
的相同及不同之处。
学生提交作业，利用多媒体
展示学生作品，引导学生评
价作品。
评价要点：内容要为主题服
务，色调要协调。
插入图片，编辑图片的操
作。
“单元格属性”、“表格属
性”、“网页属性”的不同作
用。
评价作品的要求。
学生评价作品，通过评价的过程，
发表自己的看法提高学生运用素
和观点。
材美化网页的能
力。
听讲，思考。 回顾学习内容，进
一步巩固知识。
3. 教学评价
教学评价由课堂及时评价及根据学生提交的作品进行评价。评价等级分为：<
br>优、良、中、可、差，五个等级。
学生姓名 任务一： 任务二： 任务三： 任务四：
整体效果 总评
插入图片 编辑图设置背景设置背
片 图片 景音乐
4. 教学资源
（1）教师用PowerPoint“美化网页.ppt”；
（2）教师提供樱花相关的图片、音乐素材。
六、教学反思
本节课利用日本美丽的樱花做主题，很大程度上激发了学生的美化网页的学
习兴趣。通过使用不同的教学
方法，学生基本学会了插入图片，使用“图形工具”
编辑图片，添加背景图片、音乐等基本操作。
学生这次课90%以上的学生都能完成所有的教学任务，30%左右的学生能很好
地把握网页
的整体风格和色调选择应用。这次课达到了预期的教学目标，取得了
比较满意的教学效果。
. .
可编辑