1
2024 新信息科技七年级《第四单元 校园活动线上
展》大单元整体教学设计[2022 课标]
一、内容分析与整合
二、《义务教育课程标准（2022 年版）》分解
三、学情分析
四、大主题或大概念设计
五、大单元目标叙写
六、大单元教学重点
七、大单元教学难点
八、大单元整体教学思路
九、学业评价
十、大单元实施思路及教学结构图
十一、大情境、大任务创设
十二、单元学历案
十三、学科实践与跨学科学习设计
2
十四、大单元作业设计
十五、“教-学-评”一致性课时设计
十六、大单元教学反思
一、内容分析与整合
（一）教学内容分析
《第四单元 校园活动线上展》是初中信息科技七年级的一个重要单元，它
紧密围绕校园活动的线上展示需求，通过一系列实践活动，旨在帮助学生掌握
网页设计与制作的基本技能，理解万维网的工作原理，并培养他们的数字化学
习与创新能力。本单元的教学内容分为五个主要部分：探秘网页与代码、制作
网页展活动、美化网页方法多、多人协同效率高以及组建网站跟我做。
探秘网页与代码：本部分通过介绍网页的基本构成和 HTML 代码的作用，
让学生初步了解网页是如何通过代码实现图文声像的展示和跳转的。学生将通
过实践活动，如使用浏览器开发者工具查看网页代码，修改网页内容等，加深
对网页与代码之间关系的理解。
制作网页展活动：在掌握了网页与代码的基础知识后，学生将开始学习如
3
何制作简单的网页。本部分通过介绍制作网站的基本流程，引导学生搜集素材、
确定网页结构，并使用 HTML 代码编写网页内容。学生还将体验使用人工智能
技术辅助制作网页的过程，感受科技创新带来的便利。
美化网页方法多：为了使网页更加美观和易于阅读，学生将学习如何使用
HTML 代码和 CSS （串联样式表）来美化网页。通过实践活动，如设置网页背
景、字体、颜色等，学生将掌握基本的网页美化技能，并理解 CSS 在网页设计
中的重要作用。
多人协同效率高：本部分将介绍多人协同制作网页的优势和相应的技术要
求。学生将学习如何使用支持多人在线编辑文档的工具，以及 Markdown 语言
等更简洁的标记语言来提高网页制作的效率。通过小组合作，学生将体会到团
队协作在网页设计中的重要性。
组建网站跟我做：在掌握了网页制作和美化的基本技能后，学生将开始学
习如何将多个网页关联起来，形成完整的网站。本部分将介绍如何使用超链接
组织网站中的网页，并选择合适的方式展示网站。学生还将学习如何在局域网
内自建服务器，以便更好地展示和分享自己制作的网站。
4
（二）单元内容分析
本单元的教学内容涵盖了网页设计与制作的基本技能、万维网的工作原理
以及数字化学习与创新能力的培养等多个方面。具体来说：
网页设计与制作技能：通过学习 HTML 代码、 CSS 美化、 Markdown 语
言以及多人协同制作等技术，学生将掌握网页设计与制作的基本技能。这些技
能不仅有助于学生更好地理解和使用互联网服务，还能为他们未来的学习和工
作打 下坚 实的基础。
万维网工作原理：通过探秘网页与代码、了解网页与服务器之间的数 据传
输 过程等活动，学生将深 入 理解万维网的工作原理。这有助于他们更好地使用
互联网服务，并培养他们的信息 意 识和技术素养。
数字化学习与创新能力：本单元通过一系列实践活动，如使用人工智能技
术辅助制作网页、在局域网内自建服务器展示网站等，旨在培养学生的数字化
学习与创新能力。这些活动将 激 发学生的学习 兴趣 ，提高他们的自主学习和合
作探 究 能力。
（ 三 ）单元内容整合
5
为了更好地实现教学 目 标，本单元将 各 部分内容 进行 了有 机 整合。具体来
说：
理 论 与实践相结合：本单元 注 重将理 论 知识与实践活动相结合，让学生在
实践中掌握技能、深化理解。 例 如，在学习 HTML 代码和 CSS 美化的过程中，
学生将通过修改网页代码、美化网页等实践活动来加深对相关知识的理解。
技术与应用相结合：本单元不仅介绍了网页设计与制作的技术知识，还 注
重将这些技术知识应用于实 际情境 中。 例 如，学生将使用 所 学技能制作展示学
校 “ 科技 节” 的网站，这不仅有助于他们 巩固所 学知识，还能提高他们的实践
应用能力。
个人与团队相结合：本单元 既注 重培养学生的个人技能， 又注 重培养他们
的团队协作能力。 例 如，在多人协同制作网页的过程中，学生将学习如何与他
人合作、分工完成 任 务， 从而 提高他们的团队协作能力和 沟 通能力。
通过以上整合 措施 ，本单元旨在帮助学生 全 面掌握网页设计与制作的基本
技能，深 入 理解万维网的工作原理，并培养他们的数字化学习与创新能力。
二、《义务教育信息科技课程标准（ 2022 年版）》分解
6
（一）信息 意 识
感知信息 变 化：学生应能 够 感知到信息科技的 迅速 发展对学习和生活带来
的 影响 ， 包括 网页设计与制作技术的不 断进 步。
判断 信息 价值 ：在浏览和制作网页的过程中，学生应能 够判断 信息的 真 实
性和 价值 ，学会 筛 选和 获取 有用的信息。
遵守 信息 规范 ：在制作和发 布 网页 时 ，学生应能 够遵守 相关的法 律 法 规 和
信息 伦 理 规范 ， 尊 重他人的知识 产权 和个人 隐私 。
（二）计 算思 维
抽象 与建 模 ：学生应能 够 通过 抽象 和建 模 的方式将实 际问题 转化为 可 计 算
的 模型 ， 例 如将网页设计的需求转化为 HTML 代码和 CSS 样式。
算 法与程 序 ：在制作网页的过程中，学生应能 够 设计并实现简单的 算 法和
程 序 来解 决 实 际问题 ， 例 如使用 HTML 代码和 CSS 样式来实现网页的 布 局和美
化。
自动化与优化：学生应能 够 利用自动化工具和技术来提高网页制作的效率
和 质量 ， 例 如使用人工智能技术辅助制作网页、使用自动化 测试 工具来 检 查网
页的 错误 等。
7
（ 三 ）数字化学习与创新
数字化 资源获取 ：学生应能 够 利用数字化工具和 平台获取所 需的 资源 和信
息， 例 如通过搜 索 引 擎 查 找 网页设计与制作的相关教程和素材。
数字化工具应用：学生应能 够熟练 使用 各种 数字化工具来辅助网页设计与
制作， 例 如使用文本编辑器编写 HTML 代码、使用 CSS 美化工具来 调 整网页样
式等。
创新 思 维培养：在制作网页的过程中，学生应能 够 发 挥 创新 思 维， 尝试 新
的设计理 念 和技术 手段 来提高网页的 质量 和用 户 体验。
（四）信息 社 会 责任
信息 安全 与 隐私保护 ：在制作和发 布 网页 时 ，学生应能 够 关 注 信息 安全 和
隐私保护问题 ， 避免泄露 个人和他人的 敏 感信息。
合法合 规 使用技术：学生应能 够遵守 相关的法 律 法 规 和技术 规范 ，合法合
规 地使用信息技术和工具。
积极参 与信息 社 会建设：学生应能 够积极参 与信息 社 会的建设和发展，通
过制作和分享有 价值 的网页来 传播正 能 量 和 推 动 社 会 进 步。
三、学情分析
8
（一） 已 知内容分析
在 进入 七年级之 前 ，学生 已经 在小学 阶段 学习了基础的信息科技知识， 包
括 计 算机 的基本 操 作、网 络 基础 概念 、简单的 办公软件 应用，以及初步的网页
浏览和搜 索 引 擎 使用等。对于本单元《校园活动线上展》的教学内容，学生 已
经 具 备 以 下 基础：
计 算机 基础 操 作：学生能 够熟练 地使用 鼠 标、 键盘进行 基本 操 作，如打开
和关 闭软件 、文 件 的 复 制 粘贴 等。
网 络 基础 概念 ：学生了解网 络 的基本 概念 ，知 道 如何 连 接互联网，能 够进
行 基本的网 络 浏览和搜 索 。
网页浏览 经 验：学生 经常 上网浏览 各种 网页，对网页的基本构成（如文字、
图 片 、链接等）有一定的感性 认 识。
简单的文本编辑：通过小学 阶段 的学习，学生掌握了一定的文本编辑技能，
能 够 使用字 处 理 软件进行 简单的文档编辑。
（二）新知内容分析
本单元《校园活动线上展》将引导学生深 入 学习网页制作与发 布 的相关知
识，具体 包括 ：
9
HTML 语言基础：学生需要掌握 HTML 语言的基本语法和 常 用标 签 ，理解
HTML 代码与网页内容的对应关系。
网页美化技术：通过学习 CSS （ 层叠 样式表），学生能 够 掌握简单的网页
美化方法，如设置字体、颜色、背景等。
多人协同制作网页：了解多人协同制作网页的优势和工具，学习使用
Markdown 语言等更简洁的标记语言 进行 网页制作。
网站组建与发 布 ：掌握将多个网页通过超链接关联起来形成完整网站的方
法，并学习如何在局域网内发 布 网站。
（ 三 ）学生学习能力分析
逻 辑 思 维与 抽象 能力：七年级学生 正处 于 逻 辑 思 维和 抽象 能力 快速 发展的
阶段 ，他们能 够 理解相对 复杂 的 逻 辑关系和 抽象概念 。在学习 HTML 语言、
CSS 样式表等 抽象 内容 时 ，他们有一定的 认 知能力基础。
自主学习与探 究 能力： 随着 学习 经 验的 积累 ，七年级学生 已经 具 备 了一定
的自主学习和探 究 能力。他们能 够 在教 师 的引导 下 ，通过查阅 资料 、实验 操 作
等方式自主学习新知识。
合作与 沟 通能力：在小组合作制作网页的过程中，学生需要具 备良 好的合
10
作与 沟 通能力，能 够 与他人 共 同完成 任 务、分享学习成 果 。
问题 解 决 能力：网页制作过程中会 遇 到 各种问题 ，如代码 错误 、样式 冲突
等。学生需要具 备 一定的 问题 解 决 能力，能 够 通过分析、 尝试 、 调 整等方法 找
到 问题 的解 决 方 案 。
（四）学习 障碍突破策略
针 对 HTML 和 CSS 的 抽象 性：
采 用 直 观教学法：通过展示网页代码与网页效 果 的对应关系，帮助学生 直
观理解 HTML 和 CSS 的作用。
实践 操 作为主：通过 大量 的实践 操 作，让学生在编写和修改代码的过程中
逐 步掌握 HTML 和 CSS 的语法和用法。
分 层次 教学： 根据 学生的 认 知 水平 ，将 HTML 和 CSS 的内容分 层次呈 现，
逐 步深 入 ， 避免 一开始 就 让学生接 触 过于 复杂 的内容。
针 对多人协同制作的协作 难题 ：
明 确 任 务分工：在小组合作 前 ， 明 确 每 个人的 任 务分工，确 保每 个成 员都
有 明 确的 责任 和 目 标。
选择合适的协作工具：选用支持多人在线编辑文档的工具，如 Google
