高中信息技术《图像的类型格式》优质课教学设计、教案

5.3.1 图像的类型与格式
授课教师：
一、教材分析
本节内容为高中《信息技术基础》（必修教科版）第五章《音频、视频、图像信息的加工》第三
节第一小节“图像的类型与格式”，在对图像的采集与加工讲解之前，首先就要使学生了解图像
的类型以及各种对应的格式，因此，将图像的类型与格式作为重点。

通过演示对比不同类型的图像、操作生成不同格式的图像，使学生对图像的类型与格式有所掌握，为后面的课程做好铺垫工作，同时也为学生能够进行多媒体信息的加工处理打下良好的基础
二、学情分析
本节课面对的主要是高一的学生，大部分来自教学设备比较落后的农村，信息技术基础比
较差，通过与学生交流，有小部分学生能够从网络上获取图片，但是却对图片的类型和格式知
之甚少，尤其是图片的类型，位图与矢量图这种类别名称根本不了解，特别是矢量图，对这个
类别名称很是陌生，只知图像有像素之说，却不知还有数学向量构图；另外对图像的格式也不
是很了解，只知从网络上下载自己所需要的图片，却不知是什么格式的，更不用说这种格式的
出处及特点。

所以我把这节课的图像类型与格式作为重点，以此提高学生对图的认识，为后面的教
学内容打下基础。

三、教学目标
1.知识与技能：了解图像的类型：位图与矢量图及其格式
2.过程与方法：通过“看图说话”“考眼力”引出图形图像及类型的相关知识点，通过
以不同格式保存图像，使学生能够更好的了解图像的格式。

3.情感态度与价值观：培养学生对图像认识的基本理念，从分析中体会不同类型图
像的作用，学会根据实际情况选取合适的图像类型和格式。

四、教学重点与难点
图像的类型以及常用的图像格式
五、教学方法
1
主要使用讲授法和演示法进行教学，通过相关活动引入主题，再通过讲解、演示进行操作引
导
六、教学过程
（一）课堂引入：向学生展示徐冰的《地书》节选，让学生“看图说话”。

以此引出“图形、图像”的相关信息。

内容提示：7:00 了，我还要去赶11:00 的飞机。

于是，我立刻起来，上厕所、洗澡、刷牙、穿
衣服。

接着我去厨房煮了咖啡，做好了煎蛋和面包吃掉了。

一看时间，7:40 了，要去赶飞机了。

于是，我出门走到马路上，看见出租车，结果好几辆车都有人，着急啊！一看时间不早了，这
时候来了一辆空车，招手，车停了，我上车了，真棒！
老师：通过这幅图，我们可以得出，一定的图像能够表达一定的意义。

图形图像
图形图像是多媒体作品中最重要的信息表现形式之一，说明图像是人们彼此交流信息、沟
通思想的一种媒介。

它可以跨越地区与文化差异。

它是决定一个多媒体作品视觉效果的关键因素。

（二）做游戏，考眼力：狙ft手藏在哪里？
老师：找出来了吗？是不是图小了，放大一下看看怎么样？
（把此图发送到学生电脑，让学生放大图片——）
老师：放大图了吧，能看真吗？（微笑）
学生：更看不真了，模糊了！
2
老师：知道为什么图片越大越模糊吗？
学生：？
老师：这就是我们这节课要解决的重点问题之一：图像的类型
（通过考眼力游戏，引出位图与矢量图）
图像的类型：位图和矢量图
1.位图又叫点阵图，它是由许多点排列组合成的图像。

2.矢量图也叫平面对象绘图，是用数学向量方式来记录图像的内容。

也就是说使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等，它们都是通过数学公式计算获得的。

位图图像
位图图像是由像素（Pixel ）构成的，适用于逼真照片或要求精细细节的图像，位图图像像素之间没有内在的联系，而且他们的分辨率是固定的，如果在屏幕上对它们进行缩放，或以低于创建时的分辨率来打印它们，将丢失其中的细节，并会出现锯状。

名词解释：像素
像素是构成位图的最小单位，位图的大小与精致，取决于组成这幅图的像素数目的多少。

由于像素的分布是沿水平和垂直两个方向矩阵式排列的，任何一个位图总是有一定数目的水平像素和垂直像素。

名词解释：分辨率
位图的构图方法是记录每一点，也就是最小单位是点，由点组成的方阵。

如同用马赛克拼贴图案，水平有多少块，垂直有多少块，每块就是组成图案的最小单位，是像素。

图像的水平和垂
3
直方向上的像素个数就是图像分辨率，如320*240，表示水平方向有320 个点，垂直方向有240 个点。

矢量图形
矢量图形是以数学的向量方式来记录图形内容。

它最大的优点是文件小，放大或缩小时不会失真，缺点是不易制作色彩变化太多的图像
思考：比较图像并说出它们的区别（让学生回答）
老师总结位图与矢量图的不同点
位图（点陈图）矢量图（向量图）构图原理由许多点（称为像素）以数学的向量方式来记
录图像内容
色彩色彩丰富色彩变化少
失真情况缩放和旋转易失真缩放或旋转图像不会失
真
文件文件容量大文件容量小
常用工具画图、
ACDSee 、Phtoshop
Flash、CorelDraw、CA
D
注：ACDSee(数字图象处理软件) photoshop(PS 图像处理软件)
flash(2D 动画制作软件) CAD( 制图软件)
CorelDraw(专注于矢量图形编辑与排版的设计软件)
思考：位图为什么会失真？
位图以固定数量的像素来表现图像数据。

放大后每平方英寸的面积上所含像素点就少了，所
4
以就会失真。

如果我们把图片缩小的话，每个像素格子并没有变，也就是所用更少的像素来表示图
片，所以，图片自然也就模糊了~
也就是说无论放大或缩小，对于描述图像的细节信息丢失，所以图像会失真。

（三）操作任务（学生三人一组，分组完成）
应用画图软件把图片分别另存为bmp、jpg、gif，比较几种图像所占空间的大小。

（把此图发送到学生电脑端）
老师：同学们看一下自己组的三个图片，看一下他们的大小一样吗？
学生：不一样！
老师：为什么同一幅图，以不同的方式保存，大小会不一样；下面我们就来解决这节课的
重点问题之二：图像的格式
常见的图像格式：
BMP 是英文Bitmap（位图）的缩写。

它是一种标准图像格式，能够被多种应用程序支持。

它
包含的图像信息丰富，几乎不进行压缩，因此图像文件较大。

在制作网页时很少使用这种格
式的图像。

它是画图软件的默认文件格式。

JPEG 格式只支持有损压缩，在获取较高的压缩比的同时能展现生动的图像。

目前应用十分
广泛，渐渐成为网络上很受欢迎的图像格式。

GIF 格式的特点是压缩比高，存储容量较小，不仅能够存储单幅静止的图像，同时也支持
2D 动画。

PSD 格式是Adobe 公司的图像处理软件Photoshop 的专用格式，其中包含各种图层、通道、遮罩等设计，再次打开时可以延续上一次的编辑加工。

Photoshop 支持的所有图像格式中，PSD
格式存取速度快，功能强大。

PNG 格式是一种新兴的网络图像格式。

它结合了JPEG 和GIF 的优点,采用的是无损压缩,但
是不支持动画效果.Macromedia 公司的Fireworks 软件的默认文件格式就是PNG. （FW 是用于
网页的制图软件）
SWF 格式的动画图像能用比较小的容量展现丰富的多媒体形式，它基于矢量技术制作，
5
无论放大或缩小图像，其清晰度均不受影响。

目前SWF 格式的文件已成为网页动画和网页图片
设计的主流。

它是Flash 软件的默认文件格式。

（四）课堂练习
第一题：A、B 两幅图为保时捷汽车图，图A 经过放大6 倍后成为图C，图B 经过放大6 倍后变成图D。

图A 大小为5M，图B 大小仅为982K。

1.工程师在设计新款保时捷时，用A、B 两张图的设计方式设计汽车的外部及内部结构较为
方便的是哪个图？；该图属于那种类型的图？
2.从题干给出的数据和C、D 两图来看，A、B 两图的主要特点分别是什么？
A 图：
B 图：
3.制作A 类型的图，常用的软件有哪些？（填可选序号）：
制作B 类型的图，常用的软件有哪些？（填可选序号）
(1.phtoshop 2.画图3.flash 4.Coreldraw 5.绘声绘影6.Cool Edit Pro）
答案：1、图B；矢量图2、容量大，放大失真; 容量小，放大不失真
3、1,2；3,4
第二题：请将以下文件中的图片文件找出来
（1）丁香花.mp3 （2）中国.bmp （3）car.midi （4）新课程.txt
（5）vb.exe （6）学习的方法.doc （7）dog.png （8）index.htm
（9）五指山.jpg （10）还原精灵.rar （11）change.psd （12）落叶.fla
（13）阿凡达.mov （14）大熊猫.avi （15）成绩.xls （16）飞翔.gif
（17）marry.wps
图形、图像文件（填序号）: 2 7 9 11 16
6。