第3课 用图片装饰网页
一、教学目标
【知识目标】：
掌握 在Frontpage中会插入图片（ 包括gif图片、剪贴画）、调整大小，删除图片，给图片去底色的方法；
【能力目标】：
(1) 掌握在网页中插入图片的操作方法，会调整图片的大小和位置并能保存含有图片的网页，逐步提高学生动手能力。
(2) 逐步提高学生审美能力；
【情感态度价值观】：
(1)培养学生团结互助的好品质；在合作中享受成功，在思考中发展自我。
(2) 培养学生对家乡的热爱之情，激起勤奋读书的热情。
二、重点难点：
【重点】：掌握 在Frontpage中插入图片（ 包括gif图片）、调整大小，删除图片，给图片去底色的方法；将所学技术运用到作品制作中，做出符合审美观的作品。
【难点】：图片工具栏的使用，给图片去底色的方法。
三、教法学法;
根据教材内容、教学目标和学生的实际情况，采用 “任务驱动”、“启发式”、“个别辅导”的教学方法： “自学”、“小组合作学习”、“评价交流”的学习方法
四、教学过程：
复习前面的知识点，对比纯文本网页与图文并茂网页，激发学生对这节课所装饰网站内容的兴趣，导入新课。
教学内容
教师活动
学生活动
设计意图
插入图片
1、采用闯关的方式让自己的网页变得图文并茂。展示第一关，同学们根据老师发给大家的任务导学-第一关，自主探究完成。第一个完成者得到一个奖贴。
2、让第一个完成的同学上台演示，同时讲解，老师就重点予以强调补充。
根据已经学习过的知识和任务导学，尝试插入图片和Gif动画。组内互助，完成较快的同学巡视指导。
学生掌握学习的自主权，注重探索和学习的过程。
通过演示和小结，强化知识。
调整图片的大小及位置
1、上步骤中我们插入的图片大小、位置不太符合要求，要做适当的调整，这时怎么办呢？通过Word中的知识积累完成第一步。
2、图片的大小、位置调整好了，要完成第二关的第2问了，做到精确调整大小、位置
。
3、让第一个完成的同学上台演示，同时讲解，老师就重点予以强调补充。
4、老师强调讲解图片在网页中调整的方法，调整图片的时候，要注意文字的变化，如果文字对齐方式发生了变化，我们在调整图片的同时，还要对文字进行调整。。
大胆尝试调整图片大小、位置。
根据任务导学-第二关完成第二步。
学生教学生。
学生看教室转播。
调整图片在网页中的位置是本课的难点，学生可以用拖动的方式进行调整，还可以设置不同地环绕样式。让学生自已先试一试，对照任务导学提示操作，再找学生上台演示，老师找出问题，及时纠正并总结操作方法，帮助学生突破难点。
去掉底色
1、插入图片后，发现有一些图片有底色，如果底色和背景色不协调就会影响网页的效果，同学们完成第三关。
2、让第一个完成的同学上台演示，同时讲解，老师就重点予以强调补充。
学生根据任务导学-第三关尝试完成第三关，组内交流合作。
小结一下关于底色的去除，使用图片工具栏其中的“设置透明色”按钮就可以完成了。让学生体会工具栏的神奇。
删除图片
1、图片底色没有了，图片主题跟网页的关联性大吗？出示第四关，同学们可以根据任务导学-第四关完成。
2、让第一个完成的同学上台演示，同时讲解，老师就重点予以强调补充。
学生根据以前学习过的知识和任务导学-第四关完成操作，组内合作交流。
让学生继续练习知识的迁移，将word中删除图片的知识运用到此恰如其分。
通过竞赛的形式加强同学们的组内合作意识。
小组展示
各组选一名同学展示，给最好小组得奖贴，总结各组奖贴的数量，选出最佳合作小组。
比比谁最棒！（作品展示）老师随机对同学们的作品进行展示。奖励做得好的同学。
组内互评，找出组内做的最好的一个同学，准备作品展示。
学生认真观看作品。比比谁最棒！
作业
继续完成网站的装饰
要求：修饰网站中的至少两个网页；可以结合上节课的修饰网页中的文字和背景一起来装饰网页。
学生根据自己的喜好自主选择来充分练习用图片修饰网页。
学生已经成功完成四个任务，已经掌握了用图片修饰网页的方法，通过继续美化网页一个综合性的任务巩固和检验本节课知识的掌握情况。
课堂小结
教师引导学生对这节课进行总结，帮助学生构建自己的知识体系。最后老师予以总结强调，整体评价学生的参与和操作情况，看一段视频，教育学生不负少年好时光，热爱学习，热爱家乡。
学生们总结本节课学到的知识。
组内总结。
组织学生小结本课知识，也是对本节课知识点的记忆过程。
课件17张PPT。知识回顾篇使用Frontpage2003制作网站、网页背景A同学B同学第3课 用图片修饰网页山东教育出版社 第三册智勇冲关1、分为A、B、C、D四个战队。
规则：2、全班第一个完成关卡任务的同学为本队赢得一枚奖贴。
3、战队内做完的同学辅助周围同学，每关完成率最高的战队可额外赢得一枚奖贴。
4、根据奖贴数量，评出本节课最强战队。
任务：在“锦绣章丘·我的家”网站的“名优特产”网页中插入以下四幅图片；限时4分钟
第一关：插入图片章丘铁锅7章丘大葱明水香米龙山小米（操作可参考桌面——“任务导学”文件夹——“第一关”）
密码：13计时4分钟【你知道吗】Gif格式（扩展名为.gif）Jpeg格式（扩展名为.jpg）Jpeg格式和Gif格式是目前网络上最常见的图片格式。81、调整上一关中插入的前两幅图片至合适大小、位置在小标题右侧。第二关：调整图片大小、位置3、时间限制：4分钟任务：（操作可参考桌面——“任务导学”文件夹——“第二关”）
密码：14计时4分钟2、调整上一关中插入的后两幅图片,宽度：100像素；对齐方式：居中。9保存图片10下面的图片保存位置有错吗？11第三关：去底色12（操作可参考桌面——“任务导学”文件夹——“第三关”）
密码：87计时3分钟1、去掉 “文物古迹”网页中 所插入的两幅图片的底色。
2、时间限制：3分钟
任务：第四关 删除图片1、删除“文物古迹”网页中 所插入的两幅图片；插入1-2幅符合主题的图片并调整大小及位置2、时间限制：4分钟任务：（操作可参考桌面——“任务导学”文件夹——“第四关”）
密码：97计时4分钟13小组展示在图文并茂的过程中，你学习到哪些知识？插入图片 课堂小结去底色调整图片大小、位置删除图片爱生活爱学习爱家乡不负少年好时光谢谢同学们！
