资源简介

厦门市音乐学校 罗海燕
2026七年级下信息科技第四单元 校园活动线上展 知识复习
本单元是万维网相关知识的延伸学习，核心围绕网页与代码的关联、网页制作、网页美化、网站组建与发布展开，通过一系列实操活动，让学生掌握网页制作的基础技能，理解万维网中数据的构成，学会用数字化工具编辑、发布网站，同时培养数字化学习与创新能力、协作意识和信息社会责任。
一、核心知识梳理
（一）探秘网页与代码（第 16 课）
网页与 HTML 代码的关联：图文声像并茂的网页背后由HTML（超文本标记语言） 代码实现，HTML 中用于标记内容、格式或超链接的代码符号为标签，大部分标签成对出现（如），少数为单标签（如）；网页的文字、图像、超链接等元素，均与 HTML 代码一一对应。
浏览器显示网页的过程：浏览器获取网页的 HTML 代码后，按照代码中的标签规则解析内容，依次显示文字、图像、超链接等元素，最终呈现完整的网页效果。
HTML 代码的保存形式：并非必须保存在.htm/.html后缀的网页文件中，还可保存在数据库中，或由软件实时生成；浏览器仅需获取 HTML 代码即可渲染网页，只是为了便于管理、维护，多数网站会将代码存为网页文件。
网页资源的存储特点：网页中的图像、音频、视频等资源，不仅可保存在本站服务器，还可通过设置标签属性指向外站地址，浏览器能正常加载显示。
（二）制作网页展活动（第 17 课）
制作网站的基本流程：为非线性流程，后续步骤若发现问题可返回修改，核心分为 6 个关键步骤（详见原文表格）。
简单网页的制作方法
方法一：用记事本等文本编辑工具，编写 / 修改 HTML 代码制作网页，核心是掌握常用 HTML 标签的使用，以及代码与图片存放路径的关联。
方法二：利用在线人工智能模型生成网页，优势是制作更简单快捷，但需根据网站主题、结构对生成的代码进行修改调整。
主页与子页的结构区别：主页以图文导航组合布局为主，简明呈现子页核心内容，方便跳转；子页采用导航标题 + 具体内容的结构，对单一主题 / 内容进行详细阐述。
（三）美化网页方法多（第 18 课）
两种网页美化方式
HTML 代码美化：通过为标签添加bgcolor（背景颜色）、font-size（文字大小）、font-face（文字字体）等属性，实现网页基础美化，但操作烦琐、美化效果有限。
CSS（串联 / 层叠样式表）美化：CSS 是网页的 “装潢设计师”，可描述网页外观和格式，控制 HTML 标签内容的颜色、字体、宽度、高度等，美化效果更丰富、操作更高效。
CSS 的核心知识点：基本语法结构由选择器和声明组成，选择器指向需要修改的 HTML 元素，声明包含属性和属性值（属性与值用冒号分隔，声明以分号结束，所有声明用大括号包裹）；网页内的 CSS 代码通常写在标签中。
（四）组建网站跟我做（第 20 课）
超链接的使用：超链接是连接主页与子页的桥梁，可实现网页间的跳转，分为文本超链接和图像超链接（详见原文表格）；设置时需避免使用绝对路径，防止文件位置变动导致链接失效，同时要保证链接地址正确、链接文字指向性明确。
网站的检查与评测：从行文、选图、布局、链接等角度检查，核心关注文字准确无误、图像呈现恰当、链接跳转正确、页面排版符合阅读习惯、内容健康积极向上。
网站的展示与发布
局域网展示：借助 Web 服务器软件搭建本地服务器，将网站文件汇总保存至Web文件夹，记录服务器的 IP 地址和端口，通过IP地址:端口实现局域网内访问。
互联网发布：未成年人需按《未成年人网络保护条例》提供真实身份信息；发布前需完成网站的全面检查，确保符合相关标准。
拓展应用：可将单板计算机接入局域网并设为万维网服务器，用于展示自制网站，为后续物联网学习打下基础。
表 单元学习评价参考表
表格
评价内容 学生自评 教师评价
能说出浏览器解读网页文件内容与串联样式表的过程 ☆☆☆☆☆ ☆☆☆☆☆
能根据需求使用 HTML 语言编写简单的网页 ☆☆☆☆☆ ☆☆☆☆☆
能够使用适当的数字化工具对网页进行协同编辑和发布，初步具备良好的协作和责任意识 ☆☆☆☆☆ ☆☆☆☆☆
能使用串联样式表合理设置网页样式 ☆☆☆☆☆ ☆☆☆☆☆
能根据需求制作网站，会选择适当方式发布网站 ☆☆☆☆☆ ☆☆☆☆☆
核心能力与素养要求
知识应用能力：能识别并使用 HTML 常用标签，用文本编辑工具制作简单网页，会用 HTML 和 CSS 两种方式美化网页，能设置超链接并组织分散的网页。
数字化工具使用能力：熟练使用浏览器开发人员工具、记事本、Web 服务器软件、图像编码转换器等工具，能尝试利用人工智能模型制作、美化网页。
协作与创新能力：能以小组为单位协同完成网站制作（分工制作子页、合作完成主页），能自主选择主题进行网页创作，在 “做中学、用中学、创中学” 中提升数字化学习与创新能力。
信息社会责任：了解网站发布的相关法律法规，树立合法发布信息的意识，确保制作的网站内容健康、积极向上，培养良好的网络素养。
请将以上内容

展开更多......

收起↑