1、像素大战认识数码图片 【教学目标教学目标】 1. 理解像素和分辨率的概念，知道计算机中的图片是由像素组成。 2. 知道几种常用的图片格式。通过用不同格式保存图片文件，比较三种不同格式图片文 件的特点。 3. 感悟数码图片在信息化社会中的必要性和重要性。 【教学重、难点教学重、难点】 1 重点：理解像素的概念 2 难点：理解像素、分辨率和图像质量之间的关系 【教学过程】【教学过程】 教学环节教学环节 教学内容教学内容 学生活动学生活动 设计意图设计意图 引入 放映动画短片 欣赏动画短片 像素进攻纽 约城 引 起 学 生 的 学 习 兴 趣。 新授 1. 介绍短片中的动漫形象是以像素化为设计风格。
2、 2. 教授概念：什么是像素？ 像素是组成位图图像位图图像的最基本单元要素： 在一般情况下，像素是一块带有颜色信息的 正方形正方形， 一定数量的颜色有别的正方形小块排列组 合，用以表示一幅图像。 3. 教授分辨率的概念： 每一个长度方向上的像素个数乘每一个宽度 方向上的像素个数的形式表示，就叫做图片 的分辨率。 分辨率=长度方向上的像素数 X 宽度方向上 的像素数。 1.学生理解像素 的概念； 2.学生知道单个 像素是正方形 的点， 多个像素 组成的数字图 片是矩形的。 3.学生比较图片 A和图片B的像 素多少， 理解分 辨率的大小。 4.比较图片C和 图片 D，理解对 于同一幅图片， 图片的
3、尺寸相 同， 如果像素越 多， 图像的细节 就越清晰， 颜色 过渡越平滑。 1.通过像素 化风格的 动漫画作 品，引导学 生理解像 素的重要 性。 2.理解像素 的 基 本 特 点。 3.分清像素 和 分 辨 率 的关系。 新授 4. 课堂练习一：用指定的像素绘制一个圆形。理解 像素、分辨率和图片尺寸的关系。比较不同像素 大小构成的图像的区别。 5. 演示实验：分辨像素、分辨率和图片尺寸的关系 像素大小一样：分辨率越大，图片尺寸越大。 图片尺寸一样：分辨率越大，像素总量越多， 单个像素越小，图片越清楚。 6. 根据练习一中使用 1 位二进制数“0”和“1”表 示单个像素，构成黑白图像。彩色图像
4、则需要更 多二进制数。介绍常见的图片格式： BMP： 标准图像格式， 每个像素可以使用 24 位二 进制数，能够被多种应用程序支持，包含图像信 息丰富，记录图像的每一个像素点的色彩信息， 图像信息丰富，因此是最逼真，图像质量高，这 样 BMP 格式图像的文件大小也大。 7. 情景设问，如果手机上朋友发送一张照片给你， 照片容量较大，会造成什么问题？占用手机移动 网络的流量。如何缩小图片的容量。 8. 游戏：为风车减重。引导学生思考，去掉部分风 车叶片，不改变风车的大小，尽可能保留美观程 度。 9. JPG： 对图像进行有损压缩， 在人的肉眼不能觉察 的范围内，丢掉一些色彩信息，再进行重新编码，
5、 形成一幅图片，同时能够展现生动的图像。 10. 课堂练习二：把一张 BMP 图片分别以 JPG 格式 保存，比较两张图片的区别。掌握 JPG 的特点： 文件量小 图像质量高 11. 介绍平时制作演示文稿或 QQ 聊天中使用到的动 态图片或透明图片，使用的 GIF 格式：“图像互 换格式”，可以存多幅彩色图像，构成一种最简 单的动画，并支持透明背景。 12. 课堂练习三：使用 GIF 制作网站，把多张图片制 作成一幅 GIF 动态图片。 5.学生完成练习 一。绘制图片， 计算像素。 比较 不同像素大小 对图像质量的 影响。 6.练习，用像素 填充的方法绘 制图像。体验， 不同分辨率对 图片的影
6、响。 7. 知道三种常 用的图像格式。 8.通过把 BMP 图 片 保 存 城 JPG和GIF格式 的练习， 感受和 理解三种图片 格式的特点。 体验，像素 构 成 图 片 的 真 正 含 义，体验分 辨 率 对 图 像的影响。 图 片 的 格 式 较 为 枯 草，通过动 手 练 习 和 比较，感受 不 同 图 片 格 式 的 区 别和用途， 感 受 信 息 技 术 的 强 大。 13. 课堂练习四：把一张 BMP 图片分别以 JPG 格式 保存，比较两张图片的区别。掌握 GIF 的特点： 文件量小 图像质量低 动态图片 透明背景 9.知道简单制作 GIF 的方法。理 解 GIF 图片的 特点。 课堂 小结 14. 教师小结： （1） 在计算机中图片由一个个像素组成。 （2） 一幅图片包含的像素个数称为图片的分辨率。 （3） 常见的三种图片格式和特点。 总结课堂所 学，加深印 象。
