第十九课 多人协同效率高 课件 人教版（2024）初中信息科技七年级全一册.pptxVIP

2025多人协同效率高七年级信息科技第19课七年级授课教师：xxxHTML语言与Markdown语言信息科技

科技节网站:一个主页，8个内容页（子页面）如此庞大复杂的网站仅靠一个人能完成吗？

01认识多人协同02认识Markdown语言03课堂总结目录CONTENTS开始学习探索

认识多人协同HTML语言与Markdown语言信息科技01

多人协同是一种高效的团队合作方式，它强调成员们在共同目标下紧密合作，利用实时编辑等技术手段，实现信息的即时共享和协同创作。篮球比赛家庭装修运动节策划科研项目社团活动学习小组认识多人协同

常见协同工具与平台即时通讯与共享文档多人协同编辑文档班级群收集信息

“工欲善其事，必先利其器。”选择一个适当的工具，对完成任务有很大帮助。《记事本》等软件显然不适合用来完成多人协同制作网页这一任务，应该采用一种支持多人在线编辑网页文档的工具平台（GitHub、CodiMD平台）和易于多人协同的语言：Markdown语言认识多人协同大型网站制作复杂，单人难以完成，多人协同可提高效率与质量。如校园活动线上展，多人分工负责不同板块，有人负责文字编辑，有人负责图片处理，有人负责代码编写。

认识Markdown语言HTML语言与Markdown语言信息科技02

认识Markdown语言

认识Markdown语言Markdown语言的协同优势HTML语言标签繁多，很多成对的标签分散在文稿不同的区域，因而多人同时编辑HTML代码，容易出现冲突和错位。Markdown语言简洁易用，适合多人协同。如多人编辑网页文本时，Markdown可快速标记标题、段落等，减少代码错误。在多人制作网页时，使用Markdown语言，每个人可独立负责部分内容，如标题、段落、图片插入等，不用担心像HTML那样因标签错位导致页面显示异常，提高协同效率。

活动一：体验使用HTML与Markdown制作网页操作步骤：①打开“活动一”文件夹的网页文件（如左图）②打开记事本文件，复制指定内容到对应编辑区（如下图显示效果）观察右测预览效果，再对比两种语言制作网页的不同

活动一：体验使用HTML与Markdown制作网页操作步骤：①打开“活动一”文件夹的网页文件（如左图）②打开记事本文件，复制指定内容到对应编辑区（如下图显示效果）观察右测预览效果，再对比两种语言制作网页的不同一级标题二级标题三级标题另起一行文字加粗文字斜体

#文字：一级标题##文字：二级标题###文字：三级标题1个#号2个#号3个#号Markdown语言简洁易用，适合多人协同。如多人编辑网页文本时，Markdown可快速标记标题、段落等，减少代码错误。活动一：体验使用HTML与Markdown制作网页

活动一小结：HTML代码与Markdown代码的比较HTML代码Markdown代码效果h1一级标题/h1#一级标题一级标题h2二级标题/h2##二级标题二级标题h3三级标题/h3###三级标题三级标题p段落/p直接Enter回车换行em斜体字/emi斜体字/i*斜体*斜体strong粗体字/strongb粗体字/b**粗体**粗体emstrong粗斜体/strong/emib粗斜体/b/i***粗斜体***粗斜体imgsrc=图像地址alt=图像描述

”HTML语言”Markdow语言对比HTML语言和Markdow语言用HTML代码进行编辑网页，实现的功能虽然强大，但代码比较复杂；对于多人协同制作这个场景，需要更易用、更简洁的Markdown语言。代码编辑难易程度：□简洁□复杂实现功能程度：□功能强大，适合复杂网页□功能有限，适合快速制作代码编辑难易程度：□简洁□复杂实现功能程度：□功能强大，适合复杂网页□功能有限，适合快速制作√√√√

用Markdown制作表格Markdown表格举例分隔单元格：管道符号||左对齐|居中|右对齐||:----|:-----:|------:||1|1|1|表头及单元格内容左对齐:-表头及单元格内容右对齐-:表头及单元格内容居中:-:Markdown使用竖线（|）来分隔列，用短横线（-）来分隔表头和其他行。要插入新行，只需在表格的末尾添加新的行数据，每行数据之间用换行符分隔。

活动二：体验使用Markdown在线编辑制作网页操作步骤：①打开在线编辑网址“/Code/Markdown”②打开记事本文件“校园科技节首页”，复制所有内容到在线编辑区（在此之前先全选CTRL+A删除在线编辑区的内容）③完成编号①②③④处的填空，并观察右侧预览效果①②③④

活动三：完成“markdown消消乐.html