中小学教育资源及组卷应用平台
第19课 多人协同效率高 教学设计
课题 多人协同效率高 单元 第四单元 学科 信息科技 年级 七年级
单元主题 【学情分析】万维网是目前应用最广泛的互联网服务，网页是万维网最重要的信息载体。前一单元对万维网进行了整体介绍，讲解了人们输入网址后，互联网中的软件和硬件设备如何按照网络协议协同工作，完成数据传输任务。本单元是上一单元内容的延伸，将通过一系列剖析、制作网页的学习活动，让学生了解万维网中数据的构成，学会使用适当的数字化工具编辑网页、发布网站。【内容结构】
学习目标 1. 信息意识：主动学习互联网知识，增强数据安全意识，进行安全防护。2. 计算思维：知道网络中信息编码、传输和呈现的原理。能通过多种手段采集、分析和呈现数据。3. 数字化学习与创新：能够使用适当的数字化工具对网页进行协同编辑和发布，增强协作和责任意识。4. 信息社会责任：在互联网应用中，知道数据安全防护的常用方法和策略，保护个人隐私，尊重他人隐私。
重点 多人协同制作网页的优势和相应的技术要求；通过代码对比认识Markdown语言的特点。
难点 用 Markdown 语言制作网页。
教学过程
教学环节 教师活动 学生活动 设计意图
激趣导入 【任务驱动】同学们，当科技节的电子屏亮起倒计时，机器人社团的机械臂正调试着迎宾动作，航模小组的无人机在操场演练编队飞行 —— 此刻我们要为这场科技盛宴打造数字门面：多人协同制作科技节主页！【建构】在实际的网页制作中，很少由一个人单独完成，通常需要团队成员互相配合，就像我们平时小组合作完成项目一样，每个人发挥自己的特长，共同把事情做好。接下来，我们就以小组为单位，用 Markdown 来尝试搭建科技节主页的框架并填充内容，亲身体验一下多人协同制作网页的过程，看看团队合作能产生怎样的效果。大家准备好了吗？ 注意、思考、讨论 吸引学生的注意力，启发学生思考。
学习活动 【学习活动】一、多人协同【思考-讨论】为什么要多人协同制作网页？【引导分析】一个人单独制作网页作品，效率比较低；多人协作，通常能有效加快制作进程。多人在线协同制作有以下几个好处：1. 可以实时协作，提高制作效率；2. 负责不同的制作部分，进一步提高制作质量；3. 制作过程中可以实时获得团队成员的反馈，使得及时修改和调整成为可能；4. 可以相互学习和借鉴，了解不同的观点和方法，丰富自己的知识和技能。“工欲善其事，必先利其器。”选择一个适当的工具，对完成任务有很大帮助。前面课使用的《记事本》等软件显然不适合用来完成多人协同制作网页这一任务，应该采用一种支持多人在线编辑文档的工具。【学习活动】二、用Markdown语言制作网页HTML语言标签繁多，很多成对的标签分散在文稿不同的区域，因而多人同时编辑HTML代码，容易出现冲突和错位。多人协同制作这个场景，需要更易用、更简洁的标记语言，如Markdown语言。Markdown 语言是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。与 HTML 相比，Markdown 语言更适合用来完成在线协同编写任务。【学习探究】为科技节网站制作主页，里面需要有子页面标题、子项目介绍等。请参考下图和你的同伴一起完成页面的制作。Markdown语言表格相关的代码可见下表。Markdown语言也能设置文字格式，常用代码可见下表。参照下表对自己负责的文字内容进行适当设置，增强表现效果，同时应注意各部分之间保持协调。【示例】【学习活动】三、实践探究只有文字介绍有点太简单了，为了让页面内容更丰富，让我们加上合适的图吧。 可以利用编辑平台的菜单命令添加新行；也可以利用类似下面的代码添加新行。|单元格2-1|单元格2-2|单元格2-3|【示例】【自主探究】选择一种方式学习相关知识，把Markdown文件转换成网页文件。1. 阅读协作平台、协作工具软件的帮助说明，找到转换的操作方法并尝试。2. 利用在线人工智能模型学习如何把Markdown文件转换成网页文件，然后按照提示进行操作。【示例】 听讲、思考、讨论 教师通过引领学生学习课程内容，促进学生学习知识。学生通过认真听讲、实践探究等方式，积极学习基础知识和相关技能。另外，通过提问的方式引发学生思考，培养其思考和解决问题的能力。
课堂小结 知识回顾 对课堂知识进行总结和梳理，帮助学生更好地理解和掌握所学内容。
拓展-提升 【拓展-提升】自行查阅相关资料，尝试用Markdown语言展示一个类似下图的计算圆周率的式子，然后转换成网页，看看相应的计算式分别以什么方式呈现在不同的文档中。使用Markdown语言时，可以利用文本描述计算式，相应的平台或软件会把文本自动转换成计算式的模样显示出来。【示例】 自主探究 让学生通过课外拓展的形式巩固、强化所学内容，并适当拓宽其视野。
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)(共29张PPT)
（义务教育版）七年级
全一册
第19课
多人协同效率高
学习目标
激趣导入
学习活动
思考-讨论
实践探究
课堂小结
拓展-提升
单元主题
单元主题
单元名称 课名称 核心内容
第四单元 校园活动线上展 第16课　探秘网页与代码 网页与HTML代码、HTML标签、网页数据的呈现
第17课　制作网页展活动 标签格式、用HTML代码制作网页
第18课　美化网页方法多 HTML代码美化网页、串联样式表美化网页
第19课　多人协同效率高 多人协同制作网页、Markdown代码
第20课　组建网站跟我做 网站建设流程、发布网站
学习目标
激趣导入
【任务驱动】
同学们，当科技节的电子屏亮起倒计时，机器人社团的机械臂正调试着迎宾动作，航模小组的无人机在操场演练编队飞行 —— 此刻我们要为这场科技盛宴打造数字门面：多人协同制作科技节主页！
激趣导入
【建构】
在实际的网页制作中，很少由一个人单独完成，通常需要团队成员互相配合，就像我们平时小组合作完成项目一样，每个人发挥自己的特长，共同把事情做好。
接下来，我们就以小组为单位，用 Markdown 来尝试搭建科技节主页的框架并填充内容，亲身体验一下多人协同制作网页的过程，看看团队合作能产生怎样的效果。大家准备好了吗？
学习活动
学习活动
多人协同
一
学习活动
一、多人协同
【思考-讨论】
交流讨论：这种方式是否便捷？美化效果好不好？
学习活动
一、多人协同
一个人单独制作网页作品，效率比较低；多人协作，通常能有效加快制作进程。多人在线协同制作有以下几个好处：
1. 可以实时协作，提高制作效率；
2. 负责不同的制作部分，进一步提高制作质量；
3. 制作过程中可以实时获得团队成员的反馈，使得及时修改和调整成为可能；
4. 可以相互学习和借鉴，了解不同的观点和方法，丰富自己的知识和技能。
学习活动
一、多人协同
“工欲善其事，必先利其器。”选择一个适当的工具，对完成任务有很大帮助。前面课使用的《记事本》等软件显然不适合用来完成多人协同制作网页这一任务，应该采用一种支持多人在线编辑文档的工具。
回顾之前所学的多人编辑文档的知识，说一说你认为需要一种怎样的编辑工具，才能更好地完成多人协同制作网页这个任务。
学习活动
用Markdown语言制作网页
二
学习活动
二、用Markdown语言制作网页
HTML语言标签繁多，很多成对的标签分散在文稿不同的区域，因而多人同时编辑HTML代码，容易出现冲突和错位。多人协同制作这个场景，需要更易用、更简洁的标记语言，如Markdown语言。
学习活动
二、用Markdown语言制作网页
Markdown 语言是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。与 HTML 相比，Markdown 语言更适合用来完成在线协同编写任务。
# 古诗词
## 《示儿》
死去元知万事空，
但悲不见** 九州同 **。
王师北定中原日，
家祭**无忘**告乃翁。

古诗词

《示儿》

死去元知万事空，

但悲不见九州同。

王师北定中原日，

家祭无忘告乃翁。

学习活动
二、用Markdown语言制作网页
学习探究
为科技节网站制作主页，里面需要有子页面标题、子项目介绍等。请参考下图和你的同伴一起完成页面的制作。
学习活动
二、用Markdown语言制作网页
表格类型 Markdown代码 效　　果
标准 | 标题1 | 标题2 | 标题3 | | ------ | ------ | ------ | | 内容1 | 内容2 | 内容3 |
带对齐格式 | 左对齐标题 | 居中对齐标题 | 右对齐标题 | | :------| :------: | ------: | | 内容1 | 内容2 | 内容3 |
Markdown语言表格相关的代码可见下表。
学习活动
二、用Markdown语言制作网页
学习探究
Markdown语言也能设置文字格式，常用代码可见下表。
参照下表对自己负责的文字内容进行适当设置，增强表现效果，同时应注意各部分之间保持协调。
HTML代码 Markdown代码 效　　果

斜体字

斜体字 *斜体* 斜体

粗体字

粗体字 **粗体** 粗体

粗斜体

粗斜体 ***粗斜体*** 粗斜体
学习活动
二、用Markdown语言制作网页
【示例】
学习活动
实践探究
三
学习活动
三、实践探究
只有文字介绍有点太简单了，为了让页面内容更丰富，让我们加上合适的图吧。
可以利用编辑平台的菜单命令添加新行；也可以利用类似下面的代码添加新行。
|单元格2-1|单元格2-2|单元格2-3|
需要先添加一行，再插入图
学习活动
三、实践探究
标题语法：
将“图像地址”替换为指向图的网址或存储路径。
插入图的方法
学习活动
三、实践探究
【示例】
学习活动
三、实践探究
【自主探究】
选择一种方式学习相关知识，把Markdown文件转换成网页文件。
1. 阅读协作平台、协作工具软件的帮助说明，找到转换的操作方法并尝试。
2. 利用在线人工智能模型学习如何把Markdown文件转换成网页文件，然后按照提示进行操作。
学习活动
三、实践探究
【示例】
课堂小结
拓展-提升
使用Markdown语言时，可以利用文本描述计算式，相应的平台或软件会把文本自动转换成计算式的模样显示出来。
自行查阅相关资料，尝试用Markdown语言展示一个类似下图的计算圆周率的式子，然后转换成网页，看看相应的计算式分别以什么方式呈现在不同的文档中。
拓展-提升
【示例】
https://www.21cnjy.com/recruitment/home/fine