用图片装饰网页.docVIP

第3课用图片装饰网页 ★知识目标 ： （1）掌握在网页中插入图片的操作方法，会调整图片的大小和位置并能保存含有图片的网页。 （2）能去掉图片的底色 ★ 能力目标： 1、能把在WORD中学习的知识技能迁移过来。 2、学生能够熟练、灵活用图片地美化自己的网页作品。 ★ 情感目标： 1、通过网页制作，培养学生对美的感受及创造美的能力，提高自身的艺术修养。 2、鼓励学生在探索中学习，在学习中得到快乐，在尝试中有所发现，在讨论中明白道理，在合作中享受成功，在思考中发展自我。 3、练习过程中，学生之间互相帮助，树立良好的与他人共事的合作精神。 ? 重点：调整图片的大小，能去掉图片的底色 难点：能够将所学技术运用到作品制作中，做出符合审美观的作品。 本节课采用以“任务驱动教学法”为主，以“创设情境法”、“自主探究法”、“小组合作法”、“演示法” 为辅的教学方法。 创设学习情境-----预设任务---学生自主学习------小组交流讨论 -------展示作品-------归纳总结，充分把课堂交给学生，学生发挥主观能动性，使学生真正达到自主学习，教师只扮演课堂组织者。 ? ?? 创设情景，引入新课 让学生欣赏教师搜集的几张精美网页，色彩搭配很好，图片丰富多彩，背景优雅美丽， 提升学生兴趣，激发学生的创造欲望。 出示两张内容及布局一样的网页，但网页Ａ未进行任何装饰，而网页Ｂ是经图片过精细装饰的。通过对比，引入教学内容：网页中的图片装饰是如此重要。（并把学生分组，最后进行作品评比） 　 二、 （一）打开网页 导入知识点一：要对网页进行修饰，首先要打开它，给大家一个主页，大家能打开它吗？ [任务一] 打开目的站点。 学生实践……文件----打开 教师巡回指导…… 根据学生的经验，会出现直接打开站点文件夹现象，这是初学者易出错的点。通过出错并修正错误来学习新。 （二）图片的插入 教师活动： 教师下发操作素材到学生机 导入第二个新知识点：如果上节课制作的网页，所有的文档内容已经输入，也对文字进行了“梳妆打扮”， 如何再对网页进行装饰？ 现在给大家提供相应的图片素材大家插入到网页合适的位置好吗? 如何插入？请同学们回忆WORD中学习的相关知识。 学生实践…… 教师观察…… 学生活动：有的能迅速找到插入菜单，并会选择来自文件夹。有的则一片茫然。 教师活动：鼓励不会的同学多请教，鼓励会的同学热于助人 选择操作熟练的同学为其他同学来演示 学生活动：树立信心自主练习 教师导入gif动画的插入。 有了最简单的插入普通图片的基础，引导学生掌握在网页中插入gif图片的基本方法。 三、图片大小的调整 教师活动： 教师提出问题：你觉得刚才插入的图片是否有什么不妥的地方？ 请小组讨论可能遇到的问题；并开动脑筋看能否找到解决问题的方法？ 你插入的图片大小位置合适吗？不合适怎么办？ 学生活动 ： 学生开始讨论 1、插入的图片不是太大或就是偏小，气死我了呜呜！ 2、图片的位置怎么就不符合我的要求呢？ 3、我插入的图片带有底色，那可是影响美观的呀。 …… 教师活动： 教师 引导学生回忆在word中学过对图片的编辑，迁移旧知识来满足新要求。 学生活动 ： 通过亲自实践操作练习，互相帮助，完成任务，灵活熟练地对图片进行改变。 教师活动： 请优秀作品的小组代表前台演示，教师综合评点。 教师演示，单击选中需要改变大小的图片，图片的周围会出现8个控制点，将鼠标指针移到任意一个控制点上，当鼠标指针变成双向箭头的时候，按住左键拖动直到调整到合适的大小为止！ 对于不符合位置的图片，只需要按住鼠标左键拖动到合适的地方便可！ 最后将图片大小位置改变的前、后的效果进行对比，让学生体会哪个更美。 学生活动： 据刚才的讲解，再让学生巩固一遍，改变图片还不满意的地方。 四、图片底色的去除 教师活动： 教师提出问题：教师展示两个不同的页面 图片大小位置改变了这个网页就完美了吗？ 有的图像插入时还带着背景怎么办？ 学生活动： 讨论茫然…… 教师活动： 教师 引导学生回忆在word中学过对图片的编辑，有一个很有用的工具，叫图片工具栏，迁移旧知识来满足新要求。 学生活动：动手实践…… 有的同学找到了“工具栏”做出有效活动 教师活动：请一位学生来演示…… 教师演示总结 首先单击菜单栏中的“视图”，选择“工具栏”中的“图片”命令，找出“图片”工具栏。 或者