资源简介

(共31张PPT)
项目 2
选择网页传播地方文化
——互联网数据呈现
/ 第3单元 用互联网传播地方文化
《信息科技》七年级上册
项目情境
应用互联网传播徽文化，是希望让更多的人随时随地能方便快捷了解所呈现的内容。在互联网中传播徽文化的方式有很多种，如网络短视频、网络个人空间、网站网页等。
它们在互联网中如何展示数据，呈现丰富多彩的内容？
项目2 选择网页传播地方文化
第3单元 用互联网传播地方文化
学习目标
1．素养目标
通过实验了解浏览器具有解释网页HTML代码功能；了解网页的基本结构与常规的代码作用；了解网页超链接的代码与作用。
2．项目目标
选择网页传播徽文化，学习了解网页呈现数据的方式。
项目2 选择网页传播地方文化
第3单元 用互联网传播地方文化
问题梳理
你知道编写网页的语言吗
你知道什么是HTML语言吗
HTML文件基本结构是什么
超链接是什么 有何作用
项目2 选择网页传播地方文化
第3单元 用互联网传播地方文化
学习策略
采用：信息科技验证性实验
流程：包括实验准备、实验执行、数据收集和分析、撰写实验报告和评价反馈五个主要步骤。
方法：通过实践验证或证明特定的现象或理论，如可以通过修改HTML文档实验来验证HTML基本代码的功能和正确性。可以帮助学生巩固和应用所学的HTML网页组织的理论知识，培养学生的实践动手能力。
项目2 选择网页传播地方文化
第3单元 用互联网传播地方文化
01.
热身准备
02.
活动实施
03.
拓展提升
实验准备：微课助学，明确目标
实验实施：感受HTML语言、认识网页代码结构、体验超链接作用
聚焦素养：互联网数据构成
目录
评价反思
实验结论：评价学习、反思收获
04.
热身准备
项目2 选择网页传播地方文化
01
02
微课助学
明确目标
了解HTML代码
了解实验学习目标
热身准备
查找并观看“超文本标记语言”微视频
思考：你知道编写网页的语言吗？
你对1节课就能初步认识超文本标记语言有信心吗？
微课助学
热身准备
实践体验3个实验，认识互联网中的数据呈现
明确目标
互联网数据呈现
数据
显示
数据
价值
数据
组织
感受HTML语言
实验一
体验超链接作用
实验三
认识网页代码结构
实验二
活动实施
实验流程：
01
实验一
感受HTML语言
02
实验二
认识网页代码结构
03
实验三
体验超链接作用
项目2 选择网页传播地方文化
互联网中传播徽文化的方式有很多，其中网页就是最简单最实用的一种传播方式。无论哪种传播方式，所传播的互联网数据都是按一定方式进行数据组织与呈现的。本实验就是以网页为载体，感受互联网数据的组织与呈现。
实验一：感受HTML语言
实验情景
知道什么是HTML语言吗？HTML文件基本结构是什么？
超链接是什么？有何作用？
【实验目的】感受浏览器呈现网页代码
【实验准备】微课、计算机或平板电脑、实验手册
【实验器材】浏览器软件、提供的网页网址
实验一：感受HTML语言
实验要求
步骤1：选择计算机设备，安装浏览器（以某浏览器为例）。
记录：你选择的浏览器是 。
实验一：感受HTML语言
实验过程
步骤2：运行浏览器，选择打开一个徽文化介绍网页。运行浏览器更多工具中的“开发人员工具”。
记录：你是否能看到对应网页的代码：□能看到□看不到。
步骤3：复制一段代码，如网页中出现的“文字”代码，通过搜索，了解这段代码的作用。
记录：你选择的代码是：□文字□图片□视频。
你认为这段代码关键语句是 。
用HTML编写的超文本文件称为HTML文件，HTML文件一般通过
解释执行。
在使用浏览器访问网页时，浏览器读取并分析HTML文件中的
，根据 的结果呈现网页内容。
实验一：感受HTML语言
实验结论
HTML文档，可以用标签规定元素的属性及其在文档中的位置。一个HTML文档一般包含多个标签，HTML标签由“<”和“>”符号包围的字符串组成，通常以成对的标签出现。本实验就是使用记事本通过修改提供的网页代码，以验证的方式理解网页的HTML代码作用。
实验二：认识网页代码结构
实验情景
了解已有“徽文化”网页HTML代码内容。
【实验目的】通过验证实验，认识网页代码结构
【实验准备】计算机、实验手册
【实验器材】教师提供“徽文化文字代码”“徽文化图片代码”2种半成品HTML文档文件。
实验二：认识网页代码结构
实验要求
步骤1：使用浏览器打开“徽文化文字代码”，了解网页的内容。
记录：该网页的数据呈现方式：□文本□数据□图片。
实验二：认识网页代码结构
实验过程
步骤2：选择记事本打开“徽文化文字代码”，对比了解网页的内容。
#标记网页的开始#
#标记网页头部开始#
#显示网页标题#
#标记网页头部结束#
#标记网页正文开始#
_______________#网页正文内容#
#标记网页正文结束#
#标记网页的结束#
记录：该网页数据组成结构是□代码成对出现□有开始就有结束□所有HTML标签是由“<”和“>”符号包围的字符串。
实验二：认识网页代码结构
实验过程
步骤3：使用以下标签修改“徽文化文字代码”“徽文化图片代码”2种半成品HTML文档。
验证实验（1）试着修改网页中文字的大小、文字的字体、文字
的字体颜色。
验证实验（2）试着修改网页中图片的大小、更换图片。
记录：你的修改方法 。
HTML，即超文本标记语言，定义了网页内容的__________和_________。
实验二：认识网页代码结构
实验结论
　超文本链接，简称为超链接，可以实现从一个页面跳转到另一个页面或者跳转到页面的其他位置，从而实现文档互联、网站互联。
实验三：体验超链接作用
实验情景
本实验学习验证超链接代码的作用。
【实验目的】验证超链接代码作用
【实验准备】计算机、实验手册
【实验器材】准备“徽文化超链接”网页文档
实验三：体验超链接作用
实验要求
实验三：体验超链接作用
实验过程
步骤1：了解超链接的标签
记录：建立超链接的标签为, 　　　　属性的作用是设置链接的位置，是标签必不可少的。
步骤2：修改超链接代码链接元素
记录：你的修改是 。
步骤3：分工规划徽文化网页的内容。
记录：我选择的徽文化结构的主题是：□宣纸徽墨□徽派建筑□徽州名菜□，我选择的徽文化网页结构的内容是： 。
超链接是网页中不可或缺的元素，它让用户能够通过单击　　在互联网的不同页面之间　　　　。
在HTML文档中，链接元素可以是　　　　　、　　　　　等。
实验三：体验超链接作用
实验结论
梁祥 制作
拓展提升
01
聚焦素养
互联网数据呈现微课
02
知识拓展
HTML概述微课
03
能力提升
怎样创建html文件微课
项目2 选择网页传播地方文化
聚焦素养：互联网数据呈现——以HTML代码结构为例
可选择性自主学习微课内容
知识拓展：HTML概述
可选择性自主学习微课内容
能力提升：怎样创建html文件
步骤 描述 关键注意事项
准备工具 使用文本编辑器（如记事本、VS Code）。推荐专用代码编辑器获得更好的体验和支持 避免使用 Word 等富文本编辑器
新建文件 打开编辑器，新建空白文档。输入HTML基础结构：
DOCTYPE 声明很重要
meta 字符集防止乱码
保存文件 文件名结尾为 .html （如 index.html ），编码选择 UTF-8 确保扩展名正确，避免隐藏已知文件扩展名干扰
查看与调试 右键点击保存的.html文件，“在浏览器中打开”查看效果。
检查标签是否闭合、结构是否正确 白色页面通常是标签错误导致
评价反思
01
自我评价
评价与作业
02
学习反思
重难点内容
项目2 选择网页传播地方文化
评价
与作业
梁祥 制作
（1）和老师共同总结本节课所学内容，通过3组实验感受到HTML代码可以__________网页中的__________。
（2）归纳总结一个HTML文档中，用来表示网页名称的标签是__________和__________，表示网页主体内容的标签是__________和__________。
（1）基础性作业（必做）：查看自己感兴趣网页的代码。试着在线修改这个网页代码，能否成功？为什么？
（2）扩展性作业（可选）：使用记事本软件，应用HTML语言编写一个古诗网页。
HTML文件的基本结构：
超文本标记语言
定义网页结构和内容
浏览器能解释代码
HTML语言：
HTML文档
包含多个标签
成对出现
项目2 选择网页传播地方文化
——互联网数据呈现
学习反思
梁祥 制作
THANKS

展开更多......

收起↑