用图片美化网页[整理]

用图片美化网页[整理] 《用图片美化网页》教学 吕彦东 教学目标:1、掌握在网页中插入图片的方法。 2、掌握网页中插入图片的大小和透明色的设置方法 教学重点:在网页中插入图片的方法 教学难点:精确设置图片的大小和透明色的设置 教学过程: 一、打字练习(五分钟) 请同学们打开金山打字2006，单击速度测试，选择“冰灯”这篇文章，我们先来进行五分钟的打字练习。 (教师巡视，纠正错误的姿势、指法) 好时间到，完成测试。咱们班有多少名同学是中级水平的,打字高手呢, 同学们刚才打得非常好，关闭金山打字2006，下面我们开始学习新课。 二、导入新课 1、首先，我们来看三张网页图片，请同学们仔细观察，找出其中有什么不同, (学生观察 回答) 2、同学们观察得很仔细。网页上有图片和没有图片有区别吗,谁来说,为什么, (学生回答) 既然图片能让网页变得更好看，更美观，那我们这节课就来学习用图片美化网页。(出示课题) 这节课我们要完成两个学习目标:?掌握在网页中插入图片的方法，?掌 握网页中插入图片大小和透明色的设置。 下面我们就先来学习怎样在网页中插入图片。 三、学习新知 1、网页中插入图片。 同学们还记得我们以前学习过的怎样在WORD中插入图片吗,在网页中插入图片和在WORD中是一样的。 现在就请同学们打开FrontPage2003，打开自己的个人主页， 试着在自己的个人主页前面插入一张好看的图片。想不起来怎么插入图片的同学可以打开书23页，试着做一下。(图片你可以到“我的文档”里面去找) (注意在什么位置插入图片) (学生自主探究，尝试操作，教师巡视指导) 同学们做得非常棒，可是老师的网页上还没有图片，谁能帮帮老师, (学生示范演示) (幻灯片出示插入图片的方法) 2、精确设置图片大小。 同学们做得非常好，不仅会插入图片，而且也会修改图片的大小。可是你知道这张图片具体的大小是多少吗, 现在我们就一起来看一看这张图片的大小。 (教师示范演示) 鼠标指向图片，单击右键，选择“图片属性”，在对话框中的大小区内我们看到了该图片的大小。宽度是 高度是 不仅如此，我们还可以在这里精确设置该图片的大小。比如把图片的宽度改成100，单击确定。看图片变小了，而且我知道这张图片的宽度是100，高度是108。 下面请同学们来精确设置图片的大小。 (学生练习) 3、设置图片的透明效果。 请同学们把放下坐好。 图片这样就可以了吗,还有什么不满意的,怎样才能把白色背景去掉呢,请看老师来操作。 首先我们要先打开图片工具栏，在哪呢,需要单击视图菜单，工具栏中的图片来打开。注意看工具栏中的按钮都是灰的需要选中图片才可以使用。 单击工具栏上的“设置透明色”工具，出现这个对话框单击确定就行了。再把鼠标指向图片中的白色上单击鼠标，看，白色变透明了。 请你也来设置一下透明色吧。 (学生操作) 四、巩固练习 设置好了吗,你的电脑里还有许多好看的图片，给你的网页再插入一张美丽的图片吧。 2、保存插入的图片。 五、总结 通过今天的学习，对你自己的网页还满意吗,老师相信，随着我们的学习和同学们的努力，你的网页一定会越来越美丽，越来越精彩。 板书设计: 用图片美化网页 1、在网页中插入图片 2、精确设置图片大小 3、设置图片透明效果 教学反思: 在教学活动中，我精心设计活动过程，详细演示每个操作环节，逐个指导操作中的问题，搜集整理各种可用课程资源。我和同学们一起体验着美化主页的快乐，因为有兴趣这个最好的老师，在不断的尝试和感悟中，聪明的他们学会了很多很多，如:插入图片文字、设置水平线、加入导航栏等等，每一次操作的成功都会给他们带来极大的惊喜。我还鼓励优秀的学生设计有主题的个性化个人主页，引导学生在网上搜索自己需要的文字、图片、声音、视频和动画等素材，进一步充实自己的主页。但是，由于一些学生的技术不熟练，出现页面丢失或不够美观的现象，可同学们不灰心，一遍不行就两遍，几次的反复，终于精美的页面出现了。“不经一翻彻骨寒，怎得梅花扑鼻香。”我对同学们语重心长地说:“不经一段辛苦日，怎有网页人人夸”。“你们要有足够的耐心、细心和决心中，有了这种良好的学习态度我坚信你们是最棒的～你们就是未来的设计师、工程师、科学家……”我在课堂上抓住有利时机不时地对学生进行鼓励教育。遗憾的是，还是有个别同学没有很好地掌握住本节课的学习，只有在以后找机会对他们进行个别辅导。