资源简介

(共18张PPT)
多人协同效率高
同学们，当科技节的电子屏亮起倒计时，机器人社团的机械臂正调试着迎宾动作，航模小组的无人机在操场演练编队飞行 —— 此刻我们要为这场科技盛宴打造数字门面：多人协同制作科技节主页！
在实际的网页制作中，很少由一个人单独完成，通常需要团队成员互相配合，就像我们平时小组合作完成项目一样，每个人发挥自己的特长，共同把事情做好。
目录
CONTENTS
行业PPT模板http://www./hangye/
了解多人协同制作网页的优势和相应的技术要求。
能够通过代码对比认识Markdown语言的特点。
体会技术创新对提高效率的作用。
01
02
03
一个人单独制作网页作品，效率比较低；多人协作，通常能有效加快制作进程。多人在线协同制作有以下几个好处：
1. 可以实时协作，提高制作效率；
2. 负责不同的制作部分，进一步提高制作质量；
3. 制作过程中可以实时获得团队成员的反馈，使得及时修改和调整成为可能；
4. 可以相互学习和借鉴，了解不同的观点和方法，丰富自己的知识和技能。
多人协同
一个人单独制作网页，效率比较低；多人协作，通常能有效加快制作速度。“工欲善其事，必先利其器。”选择一个适当的工具，对完成任务有很大帮助。《记事本》等软件显然不适合用来完成多人协同制作网页这一任务，应该采用一种支持多人在线编辑文档的工具。
文档在线编辑
1
多人协同网站制作
2
GitHub Codespaces
CodeSandbox
Figma
Webflow
HTML 语言标签繁多，很多成对的标签分散在文稿的不同区域，因而多人同时编辑 HTML 代码，容易出现冲突和错位。多人协同制作这个场景，需要更易用、更简洁的标记语言，如 Markdown 语言。
HTML代码 Markdown语言

科技节项目

机器狗

机器狗是一种模拟真实犬只形态和部分行为的机器设备，能够实现行走、坐下、翻滚等多种动作。

# 科技节项目
## 机器狗
**机器狗**是一种模拟真实犬只形态和部分行为的**机器设备**，能够实现行走、坐下、翻滚等多种动作。
在线markdown编辑器，金山文档企业版,支持多人协作编辑在线文档;大容量云存储空间,文档集中存储，多设备同步,任一设备都能查看；支持一键分享文档,分享文档更方便。
markdown将文档的样式和文本的内容分离开，在文本中只声明结构，而具体的样式渲染交由所依附的编译器渲染引擎负责。具有可读、直观、学习成本低等优点。
Markdown 语言是一种轻量级标记语言，它允许人们使用易读 易写的纯文本格式编写文档。与 HTML 相比，Markdown 语言更适合用来完成在线协同编写任务。
Markdown 语言在 2004 由约翰·格鲁伯（John Gruber）创建。
Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。
Markdown 编写的文档后缀为 .md, .markdown
Markdown核心语法
Markdown代码 效果
# 一级标题 ## 二级标题 ### 三级标题 #### 四级标题
*斜体* 斜体
**粗体** 粗体
***粗斜体*** 粗斜体
学习活动1
为科技节网站制作主页，里面需要有子页面标题、子项目介绍等。请参考下图和你的同伴一起完成页面的制作。
表格类型 Markdown代码 效　　果
标准 | 标题1 | 标题2 | 标题3 | | ------ | ------ | ------ | | 内容1 | 内容2 | 内容3 |
带对齐格式 | 左对齐标题 | 居中对齐标题 | 右对齐标题 | | :------| :------: | ------: | | 内容1 | 内容2 | 内容3 |
Markdown语言表格相关的代码可见下表。
Markdown语言也能设置文字格式，常用代码可见下表。
参照下表对自己负责的文字内容进行适当设置，增强表现效果，同时应注意各部分之间保持协调。
HTML代码 Markdown代码 效　　果

斜体字

斜体字 *斜体* 斜体

粗体字

粗体字 **粗体** 粗体

粗斜体

粗斜体 ***粗斜体*** 粗斜体
实践探究
只有文字介绍有点太简单了，为了让页面内容更丰富，让我们加上合适的图吧。
可以利用编辑平台的菜单命令添加新行；也可以利用类似下面的代码添加新行。
|单元格2-1|单元格2-2|单元格2-3|
需要先添加一行，再插入图
标题语法：
将“图像地址”替换为指向图的网址或存储路径。
插入图的方法
拓
展
与
提
升
自行查阅相关资料，尝试用 Markdown 语言展示一个类似图 的计算圆周率的式子，然后转换成网页，看看相应的计算式分别以什么方式呈现在不同的文档中。
使用Markdown语言时，可以利用文本描述计算式，相应的平台或软件会把文本自动转换成计算式的模样显示出来。
课堂小结
感谢您的观看

展开更多......

收起↑