义务教育版（2024）七年级全一册信息科技第19课 多人协同效率高.pptx

（义务教育版）七年级

全一册

第19课

多人协同效率高

单元主题

单元名称

课名称

核心内容

第四单元

校园活动线上展

第16课探秘网页与代码

网页与HTML代码、HTML标签、网页数据的呈现

第17课制作网页展活动

标签格式、用HTML代码制作网页

第18课美化网页方法多

HTML代码美化网页、串联样式表美化网页

第19课多人协同效率高

多人协同制作网页、Markdown代码

第20课组建网站跟我做

网站建设流程、发布网站

学习目标

了解多人协同制作网页的优势和相应的技术要求。

能够通过代码对比认识Markdown语言的特点。

了解如何用Markdown语言制作网页。

体会技术创新对提高效率的作用。

激趣导入

【任务驱动】

同学们，当科技节的电子屏亮起倒计时，机器人社团的机械臂正调试着迎宾动作，航模小组的无人机在操场演练编队飞行——此刻我们要为这场科技盛宴打造数字门面：多人协同制作科技节主页！

激趣导入

【建构】

在实际的网页制作中，很少由一个人单独完成，通常需要团队成员互相配合，就像我们平时小组合作完成项目一样，每个人发挥自己的特长，共同把事情做好。

接下来，我们就以小组为单位，用Markdown来尝试搭建科技节主页的框架并填充内容，亲身体验一下多人协同制作网页的过程，看看团队合作能产生怎样的效果。大家准备好了吗？

学习活动

一、多人协同

二、用Markdown语言制作网页

三、实践探究

学习活动

学习活动

一、多人协同

【思考-讨论】

学习活动

一、多人协同

一个人单独制作网页作品，效率比较低；多人协作，通常能有效加快制作进程。多人在线协同制作有以下几个好处：

1.可以实时协作，提高制作效率；

2.负责不同的制作部分，进一步提高制作质量；

3.制作过程中可以实时获得团队成员的反馈，使得及时修改和调整成为可能；

4.可以相互学习和借鉴，了解不同的观点和方法，丰富自己的知识和技能。

学习活动

一、多人协同

“工欲善其事，必先利其器。”选择一个适当的工具，对完成任务有很大帮助。前面课使用的《记事本》等软件显然不适合用来完成多人协同制作网页这一任务，应该采用一种支持多人在线编辑文档的工具。

学习活动

学习活动

二、用Markdown语言制作网页

HTML语言标签繁多，很多成对的标签分散在文稿不同的区域，因而多人同时编辑HTML代码，容易出现冲突和错位。多人协同制作这个场景，需要更易用、更简洁的标记语言，如Markdown语言。

学习活动

二、用Markdown语言制作网页

Markdown语言是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。与HTML相比，Markdown语言更适合用来完成在线协同编写任务。

#古诗词

##《示儿》

死去元知万事空，

但悲不见**九州同**。

王师北定中原日，

家祭**无忘**告乃翁。

h1古诗词/h1

h2《示儿》/h2

p死去元知万事空，/p

p但悲不见strong九州同/strong。/p

p王师北定中原日，/p

p家祭strong无忘/strong告乃翁。/p

学习活动

二、用Markdown语言制作网页

为科技节网站制作主页，里面需要有子页面标题、子项目介绍等。请参考下图和你的同伴一起完成页面的制作。

学习活动

二、用Markdown语言制作网页

表格类型

Markdown代码

效果

标准

|标题1|标题2|标题3|

|------|------|------|

|内容1|内容2|内容3|

带对齐格式

|左对齐标题|居中对齐标题|右对齐标题|

|:------|:------:|------:|

|内容1|内容2|内容3|

Markdown语言表格相关的代码可见下表。

学习活动

二、用Markdown语言制作网页

Markdown语言也能设置文字格式，常用代码可见下表。

参照下表对自己负责的文字内容进行适当设置，增强表现效果，同时应注意各部分之间保持协调。

HTML代码

Markdown代码

效果

pem斜体字/em/p

i斜体字/i

*斜体*

斜体

pstrong粗体字/strong/p

b粗体字/b

**粗体**

粗体

pemstrong粗斜体/strong/em/p

ib粗斜体/b/i

***粗斜体***

粗斜体

学习活动

二、用Markdown语言制作网页

【示例】

学习活动

学习活动

三、实践探究

只有文字介绍有点太简单了，为了让页面内容更丰富，让我们加上合适的图吧。

可以利用编辑平台的菜单命令添加新行；也可以利用类似下面的代码添加新行。

|单元格2-1|单元格2-2|单元格2-3|

学习活动

三、实践探究

将“图像地址”替