资源简介

(共47张PPT)
第三单元 第3课
学会数据发布
（桂科版）七年级
上
1
核心素养目标
3
新知讲解
5
拓展延伸
7
板书设计
2
新知导入
4
课堂练习
6
课堂总结
课后作业
8
01
核心素养目标
。
信息意识
计算思维
数字化学习与创新
信息社会责任
严格遵守数据发布的相关法律法规，在引用、处理和发布数据时，确保数据来源合法合规，尊重原创者权益。
自主探索数据发布工具的使用方法和高级功能，通过实践操作不断提升工具应用能力，掌握网页编辑与发布工具的个性化设置技巧。
通过分解思维，将数据发布的一般过程拆解为数据准备、工具选择、格式调整、发布操作等步骤，形成系统化的数据发布流程认知。
能够主动关注数据发布在信息传播、知识共享中的重要作用，理解数据发布过程对信息完整性、准确性和时效性的影响。
02
新知导入
02
新知导入
学习目标
1.了解数据发布的一般过程。
2.掌握常见的数据发布工具的使用。
3.学会使用适当的数字化工具对网页进行编辑并发布。
02
新知导入
活动背景
网络数据发布作为综合表达信息的一种重要手段，是根据表达的需要将文字、图像、音频、视频等不同类型的数据，按计划和目的合理、清晰、有效地组织在一起的复杂过程。数据发布的过程不仅仅是信息技术的应用，还涉及语言、艺术、心理等多方面的知识，同时需要具备较强的组织沟通、团队协作等能力。
02
新知导入
制作“广西少数民族优秀传统文化”主题网页
案例分析
围绕“广西少数民族优秀传统文化”这一主题，结合搜集整理的各种类型数据，小智与团队成员协商后确定了如图3-3-1所示的作品框架，并决定选择网页制作工具制作主题网页，
让更多的人了解并传承广西少数民族优秀
传统文化。
02
新知导入
案例分析
歌舞
服饰
节庆
婚俗
服饰
建筑
民间信仰
服饰
建筑
……
……
图3-3-1
03
新知讲解
1.在制作主题网页的过程中，团队协作发挥着重要作用。你认为在协作过程中需要注意什么问题？
思考
1、明确分工与职责边界
2、建立高效沟通机制
3、统一技术与设计规范
4、进度管理与风险控制
5、版本管理与资源共享
应当注意：
03
新知讲解
2.结合实践经历，尝试总结数据发布的一般过程。
思考
数据准备阶段
数据审核与合规性检查
数据处理与结构化
发布与平台部署
维护与反馈管理
效果评估与优化
过程：
02
新知导入
案例分析
数据发布的过程通常会经历选题立意阶段、设计规划阶段、开发制作阶段和评估调试阶段，如图3-3-2所示。选题立意阶段重在确定数据发布的主题和目标；设计规划阶段是根据已确定的主题目标来规划具体的内容和结构，并搜集、整理和加工数据；开发制作阶段侧重于选择和使用适当的数字化工具开发制作作品；评估调试阶段主要是对作品的制作和运行过程不断进行评估调试和维护管理。
选题立意阶段
设计规划阶段
开发制作阶段
评估调试阶段
图3-3-2
02
新知导入
案例分析
人们可以通过网页来发布自己想要公开的资讯，或者利用网页获取相关的网络服务。网页的本质是一种纯文本文件，是在万维网上按照超文本标记语言格式组织起来的文件。超文本标记语言（hypertext markup language，HTML）是一种制作万维网页面的标准语言。使用HTML编辑保存的文件，通常以“.hm”或“.html”为扩展名。
03
新知讲解
网页
网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，您的网站就是由网页组成的，如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。
03
新知讲解
马上行动
1.任意访问一个网页，右键点击空白处，选择“查看页面源代码”功能，查看网页源代码，尝试总结 HTMI 文档的代码特点。
03
新知讲解
马上行动
2.对比源代码和对应的网页效果，你有什么发现
1、源代码是网页效果的 “蓝图”，决定页面基础结构。
2、CSS 样式赋予网页视觉表现力，源代码与效果存在 “抽象 - 具象” 转化。
3、动态交互效果源于源代码逻辑与浏览器的 “协作”。
4、源代码与网页效果的 “隐形差异”。
03
新知讲解
马上行动
一般来说，HTML文档的基本结构包括文档类型声明、HTML标签、文档头部和主体。其中文档头部提供关于网页的信息，主体提供网页的具体内容，其基本结构如图3-3-3 所示。
图3-3-3
03
新知讲解
马上行动
HTML通过一系列特定的标签定义网页内容的结构和样式，然后通过浏览器把这些标签所代表的意义显示出来。这些标签通常是由成对的尖括号“<>”括起来的字符串，如…、…、…等。表3-3-1列举了常见的HTML标签及其含义。
表3-3-1
03
新知讲解
马上行动
HTML标签还包含很多内容的属性设置，如标签有两个必需的属性sre和 alt，sre指定显示图像的URL，a规定图像的替代文本。代码表示在页面中显示同路径下的图片smiley.jpg，当图片不能正常显示时，会出现文本提示“Smiley face”。
03
新知讲解
马上行动
目前，常见的网页制作方式有代码式设计和可视化设计两种。代码式设计对操作者的专业知识水平有一定要求，可视化设计更方便普通人群快速上手，当然也可以两者结合起来制作网页。例如，用可视化方式排版布局，用代码式设计增加网页特效或交互组件等。对于网页制作工具，可以采用本地安装或网络在线使用的方式。
03
新知讲解
1.打开网页编辑工具，新建一个HTML文档，如图 3-3-4所示。
做中学
图 3-3-4
03
新知讲解
2.按照图 3-3-5 所示的代码，创建文档的初始源代码。
做中学
图 3-3-5
03
新知讲解
3.在头部的 标签中编辑网页标题，如图3-3-6所示。
做中学
图3-3-6
03
新知讲解
4.在…标签内部新建

…

标签，添加正文标题。同理，新建

…

标签和

…

标签，添加二级标题和三级标题。此外，还可以给

标签设置相关属性，如

，设置标题居中显示、如图3-3-7 所示。
做中学
图3-3-7
03
新知讲解
5.在…标签内部新建

…

标签，在中间添加正文。给

标签设置相关属性，如，将段落设为首行缩进2字符，字号设为20磅，如图3-3-8所示。
做中学
图3-3-8
03
新知讲解
6.在…标签内部新建…标签，插入搜集到的图片素材。此外，还可以设置图片的属性，如，设置图片的
来源、宽度、高度及其对齐方式，如
图 3-3-9 所示。
做中学
图 3-3-9
03
新知讲解
7.在…标签内部新建标签，添加音频素材并设置音频的相关属性，如图3-3-10所示。
做中学
图3-3-10
03
新知讲解
8.在…标签内部新建标签，添加视频素材并设置视频的相关属性，如图3-3-11所示。
做中学
图3-3-11
03
新知讲解
9.保存后浏览网页效果，如图3-3-12所示。
做中学
图3-3-12
03
新知讲解
10.请参考以上制作方法，完成其他模块内容的制作。
当然，我们也可以使用一些在线网页制作工具来进行网页的设计与制作。如图3-3-13所示，这款在线工具可在线编辑代码，并实时查看网页效果。
做中学
图3-3-13
03
新知讲解
此外，互联网上也提供了诸多在线的可视化网页制作模板。利用在线可视化网页制作工具进行网页模板的选择和修改，用户只需在特定模板下进行个性化调整即可制作出精美的网页。应用越来越趋向于大众化，也是互联网产品发展的一大方向。
做中学
03
新知讲解
马上行动
请选择一款在线可视化网页制作工具，制作符合下列要求的网页。
(1)主题为“介绍我的家乡”。
(2)使用文字简单介绍自己家乡的特色。
(3)插入关于家乡景色、美食、人文的图片。
(4)插入合适的背景音乐。
(5)应用超链接，实现网页内不同位置或者不同网页间的跳转。
(6)为你的作品取一个有特色的名字，完成后保存并发布。
同学间相互分享网页作品，并评选出“最受欢迎奖”“最具创意奖”。
马上行动
03
新知讲解
马上行动
制作出精美的网页仅仅只是第一步，网页的细节测试和排错、成功发布及后期的维护和管理，才是一个网站成功的关键。
将网络数据通过恰当的方式和渠道发布出去，与他人分享，最终目的是实现人与人之间的交流。随着数据的爆炸式增
长，数字化已经成为构建现代社会的重要力量，并推
动我们走向一个深度变革的时代。
马上行动
03
新知讲解
网页分类
静态页
静态网页，其内容是预先确定的，并存储在Web服务器或者本地计算机/服务器之上。
动态页
动态网页，是取决于由用户提供的参数，并根据存储
在数据库中的网站上的数据中创建的页面。
03
新知讲解
静态网页的特点
制作速度快，成本低。
模板一旦确定，不容易修改，更新比较费时费事。
常用于制作一些固定版式的页面。
通常用于文本和图像组成，常用于子页面的内容介绍。
对服务器性能要求较低，但对存储压力相对较大。
03
新知讲解
【想一想】结合本单元的学习，你觉得网络数据存储在服务器有哪些优势？是否存在安全隐患？
单元巩固
1、优势：存储容量灵活扩展、跨设备访问与共享便捷、成本效益显著、集中管理与维护效率高。
2、安全隐患：有数据泄露的风险，网络传输存在安全漏洞，硬件与服务提供商风险。
03
新知讲解
【试一试】请尝试将你制作好的“广西少数民族优秀传统文化”网页发布到因特网上，并邀请其他学校的老师、学生进行评价。
单元巩固
评价：
内容层面：相关传统文化介绍准确、全面；十分有地域特色。
设计层面：页面布局、色彩搭配美观
功能层面：交互体验流畅，支持搜索、分享等功能。
03
新知讲解
学习评价
内容 要求 得分（0-10分）
认识数据构成 了解互联网应用中的数据构成；学会分析互联网数据形式的特点和不同场景的需求；学会灵活选择数据表现形式并应用 8
探索数据组织 认识互联网应用的数据组织形式：了解互联网数据的存储方式特点；学会分析不同数据组织形式的特点和适用场景 6
学会数据发布 熟悉数据发布的一般过程；了解超文本标记语言的结构特点，掌握常见的数据发布工具的使用；学会使用适当的数字化工具时网页进行编辑并发布 7
04
课堂练习
一、判断正误，正确的画” “，错误的画” “。
数据发布的过程通常会经历选题立意阶段、开发制作阶段和评估调试阶段，这三个阶段。（ ）
一个网站成功的关键在于网页的细节测试。 （ ）
常见的网页制作方式有代码式设计和可视化设计两种。（ ）
动态网页有制作速度快，成本低。 （ ）
如果只有域名和虚拟主机而没有制作任何网页的话，他人仍旧无法访问的网站。 （ ）





04
课堂练习
二、选择题
1、以下属于网页分类的是（ ）
A. 动态网页 B.视频网页 C. 音频网页 D. 图像网页
2、的含义是什么（ ）
A. 插入视频 B. 一级标题 C. 插入图像 D. 插入音频
3、数据发布的过程不会经历的是（ ）
A.选题立意阶段 B. 展示发布阶段 C.设计规划阶段 D. 评估调试阶段
4、以下哪一个是使用HTML编辑保存文件的扩展名（ ）
A. .hm B. .haml C. .http D. .hml
A
A
C
B
05
拓展延伸
可视化
05
拓展延伸
提升网页可用性的方法
精简的文本描述
你所写的文章必须围绕一个主题，这可以方便访问者快速获取主旨信息和中心思想。
便于快速浏览的文本
网络用户一般不会在线精读文本内容，他们通常是快速浏览。因此，应该尽量使用简短、醒目的文本。
05
拓展延伸
提升网页可用性的方法
必须要客观公正
这里要提到的“客观公正”指的是：在你的网页上放上与你网页内容相关的链接，让访问者做出自由的选择：是继续留在你的网页上，还是去别的网页上寻找信息。
06
课堂总结
1
引入新知内容
2
认识数据发布
3
讨论研究数据的发布
4
完成课题练习
5
进行相关知识拓展
1
2
3
4
5
学会数据发布
07
板书设计
学会数据发布
1、进行新知引入
2、认识数据结发布
3、讨论研究数据的发布
4、完成课堂练习
5、进行知识拓展
课后作业。
为自己喜欢的民族制作一个宣传网页（要求包括图像、视频、音频），制作好之后发出链接相互欣赏。
08
课后作业
为自己喜欢的民族制作一个宣传网页（要求包括图像、视频、音频），制作好之后发出链接相互欣赏。
https://www.21cnjy.com/recruitment/home/fine

展开更多......

收起↑