第三单元《互联网中数据共享—传播中国大运河文化》项目探索2 互联网应用中数据的组织 课件 2024—2025学年苏科版（2023）初中信息技术七年级上册

互联网应用中数据的组织 XXXX学校 XXX 小华是一个热爱旅行的年轻人，他听说中国大运河是世界上最长的运河之一，有着悠久的历史和丰富的文化内涵，于是他沿着中国大运河进行了一次旅行。 数字中国·大运河 数字中国 大运河 旅行结束后，小华将一路的所见所闻都记录了下来。为了宣传中国大运河的魅力，他打算参照中国大运河博物馆做一个专题网站。 如果你是小华，你将从哪些方面去介绍呢？ 文化运河 主要介绍运河概况、历史沿革与知识图谱 最美地标 主要介绍溧水胭脂河、无锡环城古运河与苏州宝带桥等等 遗产百科与典藏文物 主要介绍运河的各种遗产点与收集的文物 时空地图 主要介绍中国大运河所流过的城市 数据的组织方法 网站的内容非常多，我们该采用什么样的方式组织 这些信息呢？ 小华为了组织这些信息，构建了结构图，并搭建了中国大运河博物馆的专题网站。 数字中国·大运河 完善网站结构图 这样呈现的好处是什么呢？ 网站中大量数据被有效组织并分类呈现出来，结构与体系非常清晰！ https://canalmuseum.net/ 请同学们根据网站内容完善网站的结构图！ 互联网应用中数据的组织方式 互联网应用中数据的组织方式 互联网应用中数据的组织方式 互联网中的数据被分门别类地组织起来，按照时序进行呈现，方便用户查看与检索。 邮箱 QQ 小结 学习强国 网页 互联网应用中数据的组织方式 数据的组织方法 网页中的数据是如何组织在一起的呢? 数字中国·大运河 (shuziyunhe.com) 数据的组织方法 “国” / “同”字形页面 同一界面 数据的组织方法 “T”字形页面 同一界面 数据的组织方法 综合框架型页面 同一界面 互联网应用中数据的组织方式 https://shuziyunhe.com/frontend/#/public/home 通过超链接可以将不同位置的数据组织在一起! P47 不同界面 数据的组织方法 超链接 分析网页中的超链接，总结超链接有哪些类型。链接目标又有哪些类型？ 超链接是如何实现的呢？它背后的技术原理是什么呢？ PPT超链接展示 查看网页源代码 浏览“话说运河”网页，查看网页源代码，对比源代码与对应的网页效果， 你有什么发现？ 网页源代码是由哪一种计算机语言编写的呢？ HTML 网页源代码是由超文本标记语言（Hyper Text Markup Language,简称“HTML”） 编写的代码。 HTML是用来描述网页的一种语言，用它编写的超文本文档，包含文本、图片、音频、视频、动画、超链接等元素。 超链接可以实现网页之间的跳转，从而使世界各地的主机相连接。用HTML编写的网页实际上是一种文本文件，它的扩展名是.htm或.html。我们可以使用任何文本处理软件来创建或处理HTML文件。 HTML HTML有严格的格式，它定义了一系列的标记，用各种标记来标识文件属性和超链接信息，它的标记一般都是成对出现的。 HTML中的标记还有很多，主体部分常用的标记如下： HTML 第五代超文本标记语言(HTML5，简称H5)是最新的HTML标准，有跨平台、强互动、易传播等特点。 H5支持在移动设备上播放音频、视频等多媒体信息，为互联网提供了全新的框架。 查看网页源代码 若要修改网页中的文字或更改图片，应如何修改源代码呢？ 查看网页源代码 查看网页源代码 在记事本中进行修改 课堂总结 谢谢大家 主讲人：XXX 网页制作体验 $$ 课 题： 探索2互联网应用中数据的组织 编 号： 备课时间： 上课时间： 教材分析： 本节课为江苏凤凰科学技术出版社出版的七年级上册信息科技中第三单元《互联网中数据共享—传播中国大运河文化》中第二课时的内容，互联网应用中数据的组织方式，学生在日常生活中使用QQ进行聊天时已经接触到了QQ聊天对象的呈现和聊天记录的呈现方式，只是他们并没有关注过他们的组织形式有什么不同，电子邮箱使用，他们几乎没有接触过，所以教师在讲授时可以举例分析让学生直观感受电子邮箱中数据组织的特点。网页的组织形式要让学生进行观察并探究其组织形式和组织方法。通过超链接了解网页标记语言。为之后网站制作奠定基础。 学情分析： 本节课授课对象为七年级学生，通过QQ聊天工具已了解数据组织呈现方式不同，对电子邮箱数据组织不太理解，学生对超链接背后的技术——网页代码更是不了解。教师需要多加引导让学生学会使用超链接和超文本标记语言。 学习目标： 1.知道互联网应用中的数据组织形式。（信息意识） 2.根据网站，能够绘制网站结构图。（数字化学习与创新） 3.知道数据的组织方法和超文本标记语言的使用。（计算思维） 教学重点： 数据的组织形式和方法 教学难点： 数据的组织方法。 方法与媒体：电脑、多媒体课件 教学环节 教师活动 学生活动 复备栏 问题导入 引出思考 同学们，互联网应用中数据量大，数据间关系错综复杂，但我们并未觉得杂乱无章。这些数据是如何组织的呢？ 学生思考 教学环节 教师活动 学生活动 复备栏 观察数据提炼知识 学习强国App对数据进行了组织和分类，没置了不同的栏目和层级。用 户可以通过分类浏览或搜索来获取数据(图2)同一分组里的数据内容在呈现上还有先后之分，按时间到序排列，方便用户获取最新的消息(图3)。 1.同学们，在QQ聊天工具中数据是怎么组织的呢？按照什么顺序？ 2.电子邮箱是如何组织数据的呢？ 我们来一起观察一下，电子邮箱是如何组织数据的，与即时通信工具相比，电子邮箱在数据组织上有什么异同？ 电子邮箱分为“收件箱”、“发件箱”、“草稿箱”等类别进行组织的。 收件箱中邮件是按照时间顺序组织的。 3.网站中的数据组织有什么特 点呢？与其他互联网应用相比，提供信息浏览服务的网站在数据组织上有何异同。 观察思考 在即时通信软件的通讯录里，联系人一般是按照名称首字母顺序排列的，我们可以对联系人进行分组，这样可以方便查找联系人。 在消息栏里，聊天记录按照时间顺序从近到远排列。我们可以将重要的联系人或群组设置为“置顶”，方便快速查找。 图2 教学环节 教师活动 学生活动 复备栏 体验数字中国 绘制网站结构 1.体验浏览数字中国·大运河网站，绘制网站结构图。 从网站结构图可以看出，网站中的大量数据被有效组织并分类呈现出来，即便内容不在同一个页面，也具有清晰的结构和体系。 思考：在网站中，如何将相应的文字、图片等具体数据组织起来呢？ 设计意图：通过绘制网站结构图，让学生清晰的知道网站数据的组织。 体验超链接 观察数字中国·大运河网站中运河城镇，体验超链接，分析链接源，链接目标类型。 以小组为单位,分析超链接链接源类型和链接目标。 探究实践 1. 问题：查看源代码，分析对比源代码与对应网页效果。 2. 修改网页中文字，需要如何修改源代码。 学生观察网页与源代码，分析、比较。思考问题。 教学环节 教师活动 学生活动 复备栏 拓展延伸 1. 将HTML5中图片进行替换，应该改哪一部分？ 2. 查阅HTML5相关资料并将其整理成文档。 学生小组讨论完成扩展任务 课堂小结 本节课我们学习了哪些知识点？ 交流本节课的学习感悟。 板书设计 课后反思 学科网（北京）股份有限公司 $$