用图片装饰网页.doc

教学目标
第3课用图片装饰网页

★知识目标 ： （1）掌握在网页中插入图片的操作方法，会调整图片的大小和位置并能保存含有图片的网页。
（2）能去掉图片的底色
★ 能力目标： 1、能把在WORD中学习的知识技能迁移过来。
2、学生能够熟练、灵活用图片地美化自己的网页作品。
★ 情感目标： 1、通过网页制作，培养学生对美的感受及创造美的能力，提高自身的艺术修养。
2、鼓励学生在探索中学习，在学习中得到快乐，在尝试中有所发现，在讨论中明白道理，在合作中享受成功，在思考中发展自我。
3、练习过程中，学生之间互相帮助，树立良好的与他人共事的合作精神。

教学重点难点

重点：调整图片的大小，能去掉图片的底色
难点：能够将所学技术运用到作品制作中，做出符合审美观的作品。

教学方法设计

本节课采用以“任务驱动教学法”为主，以“创设情境法”、“自主探究法”、“小组合作法”、“演示法” 为辅的教学方法。
创设学习情境-----预设任务---学生自主学习------小组交流讨论 -------展示作品-------归纳总结，充分把课堂交给学生，学生发挥主观能动性，使学生真正达到自主学习，教师只扮演课堂组织者。
教学过程

一、 创设情景，引入新课
让学生欣赏教师搜集的几张精美网页，色彩搭配很好，图片丰富多彩，背景优雅美丽，
提升学生兴趣，激发学生的创造欲望。
出示两张内容及布局一样的网页，但网页Ａ未进行任何装饰，而网页Ｂ是经图片过精细装饰的。通过对比，引入教学内容：网页中的图片装饰是如此重要。（并把学生分组，最后进行作品评比）
板书：用图片装饰网页

二、
（一）打开网页
导入知识点一：要对网页进行修饰，首先要打开它，给大家一个主页，大家能打开它吗？
[任务一] 打开目的站点。
学生实践……文件--打开
教师巡回指导……
根据学生的经验，会出现直接打开站点文件夹现象，这是初学者易出错的点。通过出错并修正错误来学习新。
板书：一、打开网页
文件------打开------*.html

（二）图片的插入
教师活动：
教师下发操作素材到学生机
导入第二个新知识点：如果上节课制作的网页，所有的文档内容已经输入，也对文字进行了“梳妆打扮”，
如何再对网页进行装饰？ 现在给大家提供相应的图片素材大家插入到网页合适的位置好吗?
如何插入？请同学们回忆WORD中学习的相关知识。
学生实践……
教师观察……

学生活动：有的能迅速找到插入菜单，并会选择来自文件夹。有的则一片茫然。
教师活动：鼓励不会的同学多请教，鼓励会的同学热于助人
选择操作熟练的同学为其他同学来演示

学生活动：树立信心自主练习

教师导入gif动画的插入。

有了最简单的插入普通图片的基础，引导学生掌握在网页中插入gif图片的基本方法。
板书：二、图片的插入
插入------图片------来自文件

三、图片大小的调整
教师活动：
教师提出问题：你觉得刚才插入的图片是否有什么不妥的地方？
请小组讨论可能遇到的问题；并开动脑筋看能否找到解决问题的方法？

你插入的图片大小位置合适吗？不合适怎么办？

学生活动 ：
学生开始讨论
1、插入的图片不是太大或就是偏小，气死我了呜呜！
2、图片的位置怎么就不符合我的要求呢？
3、我插入的图片带有底色，那可是影响美观的呀。
……
教师活动：
教师 引导学生回忆在word中学过对图片的编辑，迁移旧知识来满足新要求。

学生活动 ：
通过亲自实践操作练习，互相帮助，完成任务，灵活熟练地对图片进行改变。
教师活动：
请优秀作品的小组代表前台演示，教师综合评点。

教师演示，单击选中需要改变大小的图片，图片的周围会出现8个控制点，将鼠标指针移到任意一个控制点上，当鼠标指针变成双向箭头的时候，按住左键拖动直到调整到合适的大小为止！
对于不符合位置的图片，只需要按住鼠标左键拖动到合适的地方便可！
最后将图片大小位置改变的前、后的效果进行对比，让学生体会哪个更美。
学生活动：
板书：三、图片的调整
选中图片------8个控制点----鼠标变成双向箭头----拖动
据刚才的讲解，再让学生巩固一遍，改变图片还不满意的地方。

四、图片底色的去除
教师活动：
教师提出问题：教师展示两个不同的页面
图片大小位置改变了这个网页就完美了吗？
有的图像插入时还带着背景怎么办？
学生活动： 讨论茫然……
教师活动：
教师 引导学生回忆在word中学过对图片的编辑，有一个很有用的工具，叫图片工具栏，迁移旧知识来满足新要求。
学生活动：动手实践……
有的同学找到了“工具栏”做出有效活动
教师活动：请一位学生来演示……
教师演示总结

① 首先单击菜单栏中的“视图”，选择“工具栏”中的“图片”命令，找出“图片”工具栏。
或者选中图片点右键选择“工具栏”
②然后单击要去除底色的图片，单击图片工具栏上的“去除底色”按钮，在将弹出的把图片转换城gif格式的对话框中选择“确定”按钮。
③ 最后将鼠标指针移到图片上，单击图片的底色便可。
板书：四、去掉图片的底色
图片------图片工具栏 ------“去除底色”按钮

学生活动：重新插入gif图像练习去掉底色。

五、小组综合才艺大比拼
知识点已学完，最后让学生综合反馈练习，进行小组综合才艺大比拼。
给学生下发教师准备好的素材，启发他们动手动脑制作自己的精美作品。
根据已讲知识进行创新
学生实践……
学生讨论……
分小组 互评
修改

教师对各小组进行个别辅导，并对各小组学生练习情况进行综合评价，展示其优秀的网页作品，鼓励课外制作更精美的网页作品。学生完成作品后，首先进行组内成员互评，选出优秀作品，然后进行展示交流，由老师进行点评、总结，评选出“最佳创意作品”进一步培养学生的审美能力，也培养锻炼了他们的自我展现和自我表达能力。

六、课堂小结
知识：（1）掌握在网页中插入图片的操作方法，会调整图片的大小和位置并能保存含有图片的网页。
（2）能去掉图片的底色
提升：装饰改变生活，提高审美，掌握信息，改变未来

学生自我评价表
知识掌握
技能达成
情感目标效果

其他问题

4