信息技术教案：网页中插入图片

信息技术教案：网页中插入图片

第课网页中加入图片本课时教学目的和要求学会在网页中添加合适的图像，丰富网页中的信息。

培养学生的美感。

本课时教学重点和难点：在网页中插入图像。

网页中图像属性的设置。

教学过程欣赏作品学生欣赏两张教师提前制作好的网页：一张全文本，一张插入了美丽的图像。

学生说说当你看了这两张网页后，你的感觉如何？学生：纯文本的网页过于单调，而在文本的基础上，向网页中添加一些色彩绚丽的图片，产生图文并茂的显示效果，页面就会更加生动富有吸引力。

导入新课由学生的回答，导入新课（板书课题）复习旧知你还记得以前在和中如何插入图片。

上学期我们学过的多媒体的制作中，图片获得的途径有哪些？自行绘制数码相机拍摄扫描仪扫描网上下载抓图软件抓取。

用哪个软件可以对图片进行简单的处理？用什么软件进行浏览图片？讲授新课一出示任务[出示任务]在保护动物网页中加入图片。

[分析任务]板书打开网站插入图片（寻找图片路径）&;修饰图片保存网页二学生带着问题看书上机操作，完成任务首先观察：状态栏中的传输速率和时间，时间为，说明无图片，加入图片后再观察数值。

（图片下载时间）同时思考问题，以便回答：在网页中插入图片

的方法；在网页中使用的图像格式有哪些？可对图片进行哪些属性的调整。

&强调出现问题，举手询问；看书时，先大概浏览课本，通过标号了解本节主要知识点，然后在仔细阅读，会的地方不必细看，难处仔细推敲。

保存网页时注意图片的保存位置。

三学生回答，教师讲解重点网页中插入图片的格式---最高支持色，无损压缩，可增加动画效果。

---可存取万种颜色，采用有损压缩方式，压缩率较大，图片相对教小。

----支持真彩色，采用无损压缩其它：注意：如果图片不是或格式，那么保存网页时，使用色或更少颜色的图片会自动被转为格式，其它所有图片转为格式。

若插入的是动画，在浏览器下才能看到动态效果。

说明：虽然有许多优点，但目前网页中使用最多的仍然是和两种格式。

其它图片最好转换成这两种格式后再插入网页中。

那么在网页中到底采用哪一种呢？其实，每一种格式都有它的优点。

格式的图片由于只能包含最多种颜色，所以适合保存那些一文字为主包含颜色数目教少的图片，而适合保存颜色数目最大的照片海报

等图片。

总之，色彩鲜艳高分辨率的用格式，色彩单调低分辨率的用格式。

;网页中添加图片应考虑的问题：要想使图片达到最佳效果，并不是一件容易的事，大家往往喜欢在网页上添加很多的图像，造成网页页面杂乱，主题不突出。

其实网页中的图像不是越多越好。

网页中添加图像时首先要考虑到以下问题：用图像来达到什么目的？什么样的图片最合适达到这些目的？将插入的图像有多大？网页中使用的图片不要太大，一般情况最好单张不要超过-，每页图片总量不要超过这样站用的磁盘空间较少，网上传输时间较短。

网页设计有秒的原则，即浏览网页时，秒内若无法读取以上的资料，面对空荡荡的屏幕，浏览者往往想终止读取。

这些图像放在网页的什么位置最好？改变图像的属性设置方法：右击图片―选择图片属性，在图片属性对话框中设置教师演示以下方法：改变大小设置对齐方式给图像加边框更换图片图片处理剪裁图像调整对比度/亮度删除图片在图片上写文字说明：只有图片可写文字，所以文件上加文字，计算机先提示是否转变为文件图片的定位与图层的形成[提问]同学们有没有发现我们选中图片后,出现了什么？[学生回答]又出现了一个工具栏。