【《在网页中插入图片》教学设计】网页框架代码教学设计

《在网页中插入图片》教学设计

【学情分析】学生已经学会了新建网页，在网页中输入 文字。学生就有“为网页添加图片信息”的欲望，结合因特 网知识让学生为自己创建的网页添加图片的信息，添加图片 的技能学生已经在Word文字处理软件中学习过，因此本节课 知识，学生可以自主学习。

【教学目标】 1、 知识目标 ① 在网页中插入图片。

③ 设置网页背景图片。

2、能力目标：利用插入图片知识，培养学生的图文并 茂整体布局网页的综合信息素养能力。3、情感目标：通过作品展示和评价是让学生体验成功 的喜悦，激发学生的创造热情。

【教学重点】在网页中插入图片。

【教学难点】设置网页的背景图片。

【教学方法】情景导入法、任务驱动法 【课前准备】FrontPage2000?软件 多媒体教学网络系 统 【教学过程】 一、 创设情景 激发兴趣 〔教师活动〕利用多媒体教学广播系统展示两组图片 （“自然美图片”和“灾难图片”）。

两组截然不同的图片，看过后，有什么感受呢？ 〔学生活动〕学生欣赏两组图片并谈感受。

〔教师导言〕同学们都知道，地球是我们的“生命之舟”。

可是我们人类却因为个人的利益，人为的破坏她。比如，乱 砍滥伐，河水空气都被污染了，二氧化碳的过量排放导致了 地球的“温室效应”等等。这些都破坏了生态平衡，导致了 各种灾难的发生。环境污染是我们人类面临的一个严峻问题。

所以同学们我们应该带头保护环境，来宣传爱护环境的重要 性。

学生倾听受教育。

〔教学意图〕通过欣赏两组对比图片，宣传环境保护的 重要性，对学生进行情感教育，来激发学生学习的兴趣。二、 导入主题 欣赏范作 〔教师提问〕同学们想一想，我们可以通过什么途径来 宣传爱护环境呢？ 〔学生回答〕写作文、画画、制作手抄报、做一个网页 …… 〔教师活动〕同学们的办法可真多啊！我们可以用这个 学期所学的电脑知道来制作网页，宣传“爱护环境”。

〔教师提问〕回忆：组成网页的两大主要元素是什么？ 〔学生回答〕文字和图片。

〔教师活动〕利用多媒体教学广播系统展示几张“插入 图片的网页”。

〔学生活动〕学生欣赏网页。

〔教师提问〕同学们想不想也制作“插入图片”的漂亮 网页呢？ 〔学生回答〕想。

〔教师活动〕先了解“网页中图片的作用”。

出示幻灯片：◆图片往往比大量的文字讲述更具吸引力 和说服力，在网页面中适当地添加图片会使网页丰富多彩、 起到美化网页的作用。

◆ 图片可以使网页图文并茂，更具有感染力。

〔学生活动〕学生阅读、了解。

〔教学意图〕通过前面的情景创设，引入了本节课的制 作主题。学生明确了本节课的学习内容。三、出示任务 自主探究 〔教师活动〕明确本节课的学习任务。带着这三个任务， 同学们阅读书中第23页和24页的内容，自学完成。

出示幻灯片：任务一：建立一个只有一个网页的网 站；
在主页中插入图片(图片位置：
F:环保资源） 任务二：对图片进行设置 （大 小、位置、删除）(提示：单击鼠标右键→图片属性→外观) 任务三: 给网页设置背景颜色或 背景图片 (提示：单击鼠标右键→网页属性→格式） 〔学生活动〕明确任务。边看书边实践…… 〔教师活动〕巡视、辅导 〔教师活动〕分别请三位学生操作演示三个学习任务。

〔教学意图〕使学生在完成任务的过程中通过实践和探 索逐步实现学习目标。

三、 拓展思维 自由创作 教师活动〕同学们的三个任务完成的都很出色。同学们 想一想，我们能不能把文字和图片同时都应用到网页中？制 作一个完整的网页呢？ 〔学生回答〕能。

〔教师活动〕自由创作。出示幻灯片：●请同学们利用 素材库中的文字和图片信息，制作出一页以“爱护环境”为 主题的网页，增强环保意识，增加环保知识。（素材地址：
F:环保资源）●页面要求：网页中有文字和图片网页布局合理、 结构协调、美观匀称 〔教师活动〕以每台电脑为一小组，小组同学间可以进 行合作交流。

同学们，发挥你们的聪明才智，相信一定能创 作出很有创意的网页，开始创作吧！（激励性语言） 〔学生活动〕明确创作要求。实践操作…… 〔教师活动〕巡视、辅导 〔教学意图〕引导学生使用已知的技能来修饰自己的网 页，培养学生对知识的综合运用的能力和完整性，培养学生 的审美能力和设计能力，培养学生的开拓思维能力。

五、作品评价 感受收获 〔教师活动〕同学们的作品都很漂亮，哪个小组愿意把 你们的作品和大家一起分享呢？ （利用多媒体教学广播系统展示学生作品。） 看到这副作品，你觉得怎么样？ 〔学生活动〕欣赏并互相评价作品的优缺点。

〔教师活动〕这节课你有哪些收获呢？进行“自我学习 评价”每做好一项得一颗星星。

出示幻灯片：★我能够顺利地在网页中插入图片吗？ ★我能够改变网页中图片的大 小和位置吗？ ★我能够给网页设置背景图片和背景色吗？ ★我增长了一些环保知识吗？ ★我对创作的网页满意吗？ ★本节课我很有成就感吗？ 〔学生活动〕学生自己评价本节课学会了什么？ 〔教师活动〕统计学生学习成果。

〔学生活动〕汇报学习成果。

〔教学意图〕通过学生间的互评，可以取长补短，培 养学生的审美能力。

学生的自我评价，可以让学生了解对知识的掌握情况。

让学生体验成功的喜悦。教师的统计，可以掌握学生本节课 的学习成果如何。

六、情感升华 提出希望 〔教师结束语〕地球是我们生活的家园。为了我们子孙 后代能有一片纯净的生活空间，希望同学们，行动起来，爱 护环境。从自我做起，以实际行动保护我们唯一的地球家园。

〔学生活动〕情感教育。

〔教学意图〕通过对学生进行“环保”的教育，可以升 华学生的情感。