第8课 网页的数据呈现-教学设计2026—2027学年浙教版初中信息科技八年级上册

第8课　网页的数据呈现

浙教版初中信息科技　八年级上册　第二单元　互联网数据

教材：浙教版初中信息科技八年级上册　｜　单元：第二单元 互联网数据　｜　课型：新授　｜　学科：信息科技

一、文本解读

本课在第二单元“互联网数据”里承上：第7课用HTML把数据摆成网页骨架，本课接着解决数据怎样摆得好看、好读。教材先带学生认文本、表格、图表三类呈现方式，再引出CSS样式表的规则三要素，体会结构与样式各管一段的省力。它也是第9课编码与第10课发布的前置台阶。

二、四维核心素养

信息意识

认出文本、表格、图表三类呈现，依用途选合用的一类。

计算思维

把美化愿望拆成选择器、属性、值，拼成可复用的样式。

数字化学习与创新

在编辑器中试改、比对预览，边看效果边修正页面。

信息社会责任

数据如实可查，配色字号兼顾特殊群体浏览需要。

三、教学重难点

重点　文本、表格、图表三类呈现方式的适用场合与选用理由；样式规则里选择器、属性与值各管什么；用样式美化段落与表格的具体手法，并说清选用缘由。

难点　把“想让它好看”的愿望翻译成准确规则，并理解结构与样式各管一段带来的维护便利。

四、自学探究

课前读教材第8课，做完三件小事：一是打开身边三个网页，各记一处它用哪类方式摆数据；二是抄一条完整样式规则，用彩笔标出选择器、属性与值；三是给班级网页挑一处想改的地方，写明想改成什么样。带着记录与疑问进课堂，课上一对答案再动手。

五、任务式教学过程（任务群三条＋具体任务十个）

图1　网页的数据呈现路线图：先由HTML搭骨架，再由CSS定外观，三类呈现方式各对一类用途

任务内容

学生活动

教师支持

达成标志

任务群一　识呈现：给数据找对“外衣”　本群用三张真实网页作样本，让学生盯着页面找文本、表格、图表的落脚处，再回头给一堆校园素材挑呈现方式，最后在小组里把挑选的理由讲明白。观察卡与对照表一路带到任务群三，要用就能翻出来。眼睛先看清，手上才有准头。

任务一　网页采风：三类呈现认一认　打开教师给的三个页面（校园新闻、班级成绩公示、图书借阅统计），逐页找出它用哪一类方式摆数据，把发现记在观察卡上：新闻页的大段文字怎样切段落、怎样用标题拉开层级；成绩页的行与列各对应什么；统计页的图形用的是柱形、折线还是饼形。

两人合用一台机，边看边议，为三类方式各写一处证据（页面上的一句话、一个表头、一条图例）；写完后与邻组交换观察卡，替对方补一条漏记的。

投屏轮转三个页面，用批注圈出关键位置；提示学生盯住“表头”“图例”“标题层级”三个抓手；遇到把图表说成插图的，引着看坐标轴与图例。

观察卡上三类方式各有具体证据，能说出表格靠行列对齐、图表靠图形比高低。

任务二　归类建档：给素材配呈现方式　教师发下十张校园素材卡（通知、社团招新名单、各班借阅册数、运动会名次、食堂价目等），每张卡背面写明这份数据要回答什么问题。学生顺着“讲故事”“比差异”“看走势”三条线索，把卡片归到文本、表格、图表三栏，并为每张卡写一句归属理由。

四人一组，先各自摆卡，再合成一幅归类图；对有争议的卡（如运动会名次既想看个人先后又想看班级差距），讲清两种摆法各自能回答什么。

出示三条线索的口诀卡；对争议卡不急着定论，请两组各说一句，再点明同一份数据可以有不只一种摆法，关键看它要回答什么。

十张卡全部归位，争议卡能说出两种摆法并指明各自适用的场合。

任务三　说清理由：呈现

组内推一人主说、一人补充，起头

站到争议最大的两组旁边

能把选用理由说到读者与