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