内容正文:
第19课 多人协同效率高
第四单元 校园活动线上展
义务教育信息科技课程资源 七年级
义务教育信息科技课程资源
1
1
2
3
了解多人协同制作网页的优势和相应的技术要求。
学习目标
能够通过代码对比认识Markdown语言的特点。
体会技术创新对提高效率的作用。
第19课 学习目标
义务教育信息科技课程资源
2
一 多人协同
二 用Markdown语言制作网页
学习内容
第19课 学习内容
三 AI助力“一键转换”
义务教育信息科技课程资源
3
1.一个人完成一个网页制作快还是四个人一起完成快?
2.你认为多人协同最大的优势是什么?(UMU投票)
A.速度快 B.思路多 C.分工明确 D.互相监督
问题情境
第19课 课堂导入
义务教育信息科技课程资源
4
一、多人协同
一个人单独制作网页作品,效率比较低;多人协作,通常能有效加快制作进程。多人在线协同制作有以下几个好处:
1. 可以实时协作,提高制作效率;
2. 负责不同的制作部分,进一步提高制作质量;
3. 制作过程中可以实时获得团队成员的反馈,使得及时修改和调整成为可能;
4. 可以相互学习和借鉴,了解不同的观点和方法,丰富自己的知识和技能。
第19课 学习内容
义务教育信息科技课程资源
二、HTML vs Markdown
1. 阅读教材表19.1(HTML代码与Markdown代码对比)。
2. Padlet互动:在Padlet上发表【HTML给我的感觉】和【Markdown】给我的感觉。
3. 思考讨论:“为什么Markdown更适合多人协同?
第19课 学习内容
义务教育信息科技课程资源
二、HTML vs Markdown
HTML代码 Markdown代码
第19课 学习内容
# 古诗词
## 《示儿》
死去元知万事空,
但悲不见** 九州同 **。
王师北定中原日,
家祭**无忘**告乃翁。
<h1>古诗词</h1>
<h2>《示儿》</h2>
<p>死去元知万事空,</p>
<p>但悲不见<strong>九州同</strong>。</p>
<p>王师北定中原日,</p>
<p>家祭<strong>无忘</strong>告乃翁。</p>
义务教育信息科技课程资源
7
二、HTML vs Markdown
HTML语言标签繁多,很多成对的标签分散在文稿不同的区域,因而多人同时编辑HTML代码,容易出现冲突和错位。多人协同制作这个场景,需要更易用、更简洁的标记语言,如Markdown语言。
第19课 学习内容
义务教育信息科技课程资源
8
为科技节网站制作主页,里面需要有子页面标题、子项目介绍等。请参考下图和你的同伴一起完成页面的制作,并交流多人协同制作的优势和注意事项。
第19课 学习内容
三、用Markdown语言制作网页
义务教育信息科技课程资源
9
Markdown语言表格相关的代码可见下表。
表格类型 Markdown代码 效 果
标准
(分割线必须写在第二行;
内部横线长短无所谓,至少一根 - 就行) | 标题1 | 标题2 | 标题3 |
| ------ | ------ | ------ |
| 内容1 | 内容2 | 内容3 |
带对齐格式 | 左对齐标题 | 居中对齐标题 | 右对齐标题 |
| :------| :------: | ------: |
| 内容1 | 内容2 | 内容3 |
第19课 学习内容
三、用Markdown语言制作网页
义务教育信息科技课程资源
10
Markdown语言也能设置文字格式,常用代码可见下表。
HTML代码 Markdown代码 效 果
<p><em>斜体字</em></p> <i>斜体字</i> *斜体* 斜体
<p><strong>粗体字</strong></p> <b>粗体字</b> **粗体** 粗体
<p><em><strong>粗斜体</strong></em></p> <i><b>粗斜体</b></i> ***粗斜体*** 粗斜体
第19课 学习内容
三、用Markdown语言制作网页
根据需要,调整文字的显示效果,注意各部分之间保持协调。
义务教育信息科技课程资源
11
1. 分组与分工:4人一组,每组一个内容。
如:3D打印部分,由4部分构成(表头、分割线、内容、图片)
2. 协同工具:打开下发的在线协作网址,找到对应区域进行编辑。
要求:至少使用2种Markdown格式(如粗体、斜体、粗斜体)。
第19课 学习内容
三、用Markdown语言制作网页
义务教育信息科技课程资源
12
第19课 学习内容
三、用Markdown语言制作网页
Markdown代码
| 标题1 | 标题2 | 标题3 |
| ------ | ------ | ------ |
| 内容1 | 内容2 | 内容3 |
义务教育信息科技课程资源
13
需要先添加一行,再插入图
只有文字介绍有点太简单了,为了让页面内容更丰富,让我们加上合适的图吧。
第19课 学习内容
三、用Markdown语言制作网页
可以利用编辑平台的菜单命令添加新行;也可以利用类似下面的代码添加新行。
|单元格2-1|单元格2-2|单元格2-3|
义务教育信息科技课程资源
14
第19课 学习内容
标题语法:
将“图像地址”替换为指向图的网址或存储路径。
插入图的方法
三、用Markdown语言制作网页
义务教育信息科技课程资源
15
四、AI助力“一键转换”
第19课 学习内容
1.Markdown写好了,怎么变成真正的网页?
2.AI体验:请打开一个在线AI模型(豆包等),输入指令:“请帮我将以下Markdown代码转换成HTML网页代码,然后将其复制到记事本中”。
3. 展示与对比:请一位学生展示AI生成的HTML代码,并与原始Markdown对比。
义务教育信息科技课程资源
16
第19课 课堂总结
一、为什么要多人协同?
→ 速度快、思路多、分工明确
二、如何实现高效协同?
→ 选对工具:Markdown语言
→ 特点:简洁、易读、不易冲突
三、协同小贴士
→ 分工明确,互不干扰
→ AI助力:Markdown → HTML
义务教育信息科技课程资源
17
自行查阅相关资料,尝试用Markdown语言展示一个类似下图的计算圆周率的式子,然后转换成网页,看看相应的计算式分别以什么方式呈现在不同的文档中。
第19课 拓展提升
使用Markdown语言时,可以利用文本描述计算式,相应的平台或软件会把文本自动转换成计算式的模样显示出来。
义务教育信息科技课程资源
18
$