《用图片美化网页》教案

《《用图片美化网页》教案》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、用图片美化网页——让网页Z家更美盘锦市双台子区朝阳小学孟伟教学目标：1、掌握在网页中插入图片的方法。2、掌握网页中插入图片的大小和透明色的设置。教学重点：图片大不和透明色的设置教学难点：图片文禅的查找，图片透明色的设置教学准备：课件、图片资源、待操作网页等。教学过程：一、情境激趣引出主题1、首先，我们来看三张网页图片，课件请同学们仔细观察，三张网页图片中哪个网页最好？为什么？学生观察冋答2、请同学们打开【我的文档'exercises'"我们的家”】Word文档，通过同学们的美化，我们在Word中的家很漂亮了，可惜看到的人很少。3、既然图片能让网页

2、变得色彩绚丽，页面生动，美观，富有吸引力，我们就在网页上用图片装饰我们的“网页之家”，将来可以发到互联网上面，让全世界都能看到，大家说好不好。那这个家我们要怎样装饰，才能让我们的网页之家更美呢？出示课题课件这节课我们要学习：课件①在网页屮插入图片的方法，②掌握网页中插入图片的大小和透明色的设置。二、任务驱动自主探究1、网页中插入图片。同学们，我们以前就在WORD中插入图片美化家园呢，在网页中插入图片和在WORD中是一样的。现在，我们尝试在网页中插入图片。请打开【桌面俄的文档'exercises'“我们的家”】主页，大家口己动手试一试，小组学习，可

3、以共同探讨、研究，先完成的同学可以当做小老师帮助其他同学。（软件）提示：想不起来怎么插入图片的同学可以打开书23页，试着做一下。图片你可以到桌而上【我的文档exercises］里而去找，注意在什么位置插入图片，选择与网页主题相关的图片。学生小组合作，自主探究，尝试操作，教师巡视指导XX组同学们做得最棒，可是老师的网页上还没有图片，哪组同学能帮帮老师？学生示范演示，教师展示学生作品。课件动画展示总结方法。我们来看看这几名同学的作品，他们做的都非常好，可是，这样的网页发到互联网上面，那可就模大了，就丢死人了，是因为我们做的还不够完美。请同学们再说

4、说如何使这些作品更加完美？学生讨论回答。对于学生们的看法，我归纳成两个有待解决的问题：2、课件出示：如何精确设置图片大小。如何设置图片的透明效果。下面同学们选择项目探索尝试。能完成哪项，就完成哪项；也可以找小组同学帮助。（软件）提示学生操作教师巡视，掌握学生学习情况。先让学生汇报学习情况，然后展示。很不错，大家都成了“网页美容师”了啊！课件出示动画。进行阶段小结。三、知识拓展实践运用其实图片工具栏里还有好多有趣的工具能呢，认真研究，我相信大家一定仝笄成下面的擾作1、给你的网貝在适当的地方插入剪贴画图片。2、按所学的方法给你插入的图片设置大小和透明

5、色。3、插入网页中的图片可以用图片工具栏中的“裁剪”工具进行任意裁剪，剪出希望的效果。学生操作，教师指导。四、展示评价激励成功1、大家都把自己的网页Z家装扮好了。下面我们一起来看看同学们的家都是什么样子的。请同学们给出好的建议。你的电脑里还有许多好看的图片，给你的网页之家再添加几个美的元素吧。大家平时也要养成收集图片的好习惯。2、注意要保存装饰好的作品，还要保存插入的图片。五、感悟总结展开希望1、大家学的很不错，课件老师这里有一位小伙伴，大家看看他吧。2、告别了小伙伴，回到我们的课堂上，今天我们成功地为网页添加了图片,但网页还不够完善，比如还可以

6、为网页插入表格等，这是我们下节课要学习的内容。要认真预习啊。老师相信，随着进一步的学习和同学们的努力，我们的网页之家一定会越来越美丽，越来越精彩，到时发到互联网上，让全世界都为之赞叹。板书设计:第六课、用图片美化网页1、在网页中插入图片2、精确设置图片大小、设置图片透明效果袴语（课件）我是一枝花，花圃屮长大，来在大门前，常住在咱家，身材不合适，用属性改了它，形体不够好，赘肉都割掉吧，枯叶不好看，干脆消失吧，美了咱的家，受伤也不怕。临走要记得，别把我落下。（图片）（记住图片位置）（插入定位）（插入图片）（图片大小）（精细调整大小）（图片结构不好）（

7、裁切图片）（背衬颜色）（设置透明色）｝（完成图片设置）｝（带图片保存）