DSE ICT｜多媒体与网页制作备课指引（导师用）｜档案大小、格式取舍、无障碍

2026-11-02

1200×800 的 24 位元图片，未压缩要 2.75 MiB；学生次次都答“因为大所以慢”，但答不出大几多、点计出来。呢一堂就系教他计。

本堂目标　学生能够：① 用“阔×高×位元深度÷8”算出 1200×800 的 24 位元图片大小（2.75 MiB），并算出 12:1 压缩后约 234 KiB；② 按用途在位图与向量图之间取舍，讲出两个理由；③ 为 1 张图的网页写出 alt 文字与标题层级，符合基本无障碍要求。

01　先备知识（开课前 3 分钟快检）

以下任何一项未过关，本堂就会卡住，先补该项：

技能	快检题	过关标准
单位换算	1 KiB 等于几多字节	1,024 字节
二进制	8 位元可以表示几多种颜色	2 的 8 次方，即 256 种
基本 HTML	图片的标签同属性叫什么	img 标签，src 与 alt 属性

02　课堂流程（60 分钟）

时间	环节	导师做什么	学生做什么
0–8 分	单位热身	由 1 KiB 数到 1 MiB	换算三条全对
8–22 分	档案大小计算	示范阔×高×深度÷8	算出 2.75 MiB
22–34 分	格式取舍	同一张图比较三种格式	讲出两个取舍理由
34–46 分	网页无障碍	示范 alt 文字与标题层级	每张图都有 alt
46–54 分	限时练习	四条计算＋一条解释	全部做完
54–60 分	离场检查	三题快问快答	三题全对才下课

03　讲解脚本（照着说就可以）

第一幕：档案大小系计出来，不系估出来

公式：阔 × 高 × 位元深度 ÷ 8，单位是字节。
1200 × 800 × 24 ÷ 8 = 2,880,000 字节 = 2.75 MiB。
要学生自己按一次计数机，不好只抄答案；考试改数字就即刻见真章。

要学生讲：位元深度由 24 位加到 32 位，档案大小会变成几倍。

第二幕：压缩系用质素换空间，要讲清代价

12:1 压缩后约 234 KiB，即省 92%；代价是细节模糊，尤其文字边缘。
网页预算 500 KiB、图片占 60%，即 300 KiB，只够放约 1 张这种图。
向量图用数学描述，40 个节点约 1280 字节，放大不失真，但影相做不到。

要学生讲：logo 同相片分别应该用边种格式，为什么。

第三幕：无障碍不系加分项，系基本要求

每张有意义的图要有 alt 文字，写“图片说明”而不系“image”；纯装饰图用空 alt。
标题层级要顺序：h1 一个，然后 h2、h3，不可以跳级。
对比度与字号同样影响可读性，不止 alt 一项。

要学生讲：一张用作按钮的图，alt 应该写什么。

04　必教题型与步骤

题型	例子	步骤	答案
计算	图片档案大小	阔×高×深度÷8，再换算单位	2.75 MiB
计算	压缩后大小	原大小÷压缩比	234 KiB
解释	格式取舍	讲用途、质素、档案大小三点	每点一句
实作	网页图片标记	img 加 src、alt，配标题层级	alt 非空且具体

合理性检查（一定要教）：计完要反向检查：把答案乘 8 除回阔高深度，看返系不系原本数字；单位要写清楚 KiB 定 MiB，不写单位等于错。

05　独立练习三题

题目	答案	想观察什么
算出 1200×800 的 24 位元图大小	用公式逐步写	2.75 MiB
同一张图 12:1 压缩后几大	原大小÷压缩比	234 KiB
为三张图写 alt 文字	具体描述内容与功能	三句都非空
解释为什么 logo 用向量图	放大不失真、档案细	两个理由

06　学生常见错误与纠正句

错误	学生通常这样写	导师这样说
忘记除以 8	把位元当字节，答案大 8 倍	“位元深度系位元，不系字节。”
单位混淆 KiB 与 KB	答案数量级错	“1,024 同 1,000 不可以捞埋。”
只讲“大所以慢”	解释题拿不到分	“大几多？用数字讲。”
alt 写成 image	无障碍分全失	“alt 要讲内容，不系讲他系一张图。”

07　家课建议（直接指到练习卷题号）

三条档案大小计算题　练习卷第 1 至 3 题
一题格式取舍解释　练习卷第 5 题
为一个四图网页写 alt 与标题层级　练习卷第 6 题

08　离场检查（最后 5 分钟）

题目	答案	判定
图片大小的公式是什么？	阔×高×位元深度÷8	记得除 8
1200×800×24 位元等于几大？	2.75 MiB	约 2812 KiB
alt 文字应该写什么？	描述内容或功能	不可以写 image

09　导师常问

学生计数经常漏除 8，点教？

要求每次写公式，并用反向检查验算。

要不要背所有格式？

背三种就够：JPEG 相片、PNG 透明、SVG 图示。

无障碍会不会考？

会，alt 与标题层级属常考解释题。

立即免费找导师导师登记 →

本页为 TutorZone 导师备课指引，内容由 TutorZone 团队编写；题目与流程为原创，并非任何学校或出版社的教材。