第一单元第三节分享我的美食 第一课时 教学设计 川教版（2024）初中信息科技 七年级下册.docxVIP

课题：分享我的美食（第一课时）——网页发布与信息评价

教学目标：

1、信息意识

（1）理解网页发布的流程和注意事项。

2、计算思维

（1）掌握Markdown文件的导出方法。

（2）掌握将Markdown文件导出为HTML网页格式。

（3）能使用Mkdocs发布Markdown文件为网页。

3、数字化学习与创新

（1）学会使用智能工具辅助网页发布。

4、信息社会责任

（1）增强学生对信息技术的兴趣和团队协作能力。

教学重点：

（1）掌握Markdown文件导出为HTML网页的方法。

（2）学会使用Mkdocs工具发布网页。

教学难点：

（1）Mkdocs的使用方法，信息发布的原则。

（2）理解HTML和Markdown的关系。

教学过程：

一、有效导入

1、复习导入

（1）教师提问：“上节课我们学习了如何用Markdown编写美食介绍文档，那么如何将这些文档分享给更多人呢？”

学生讨论后，教师总结：可以通过将Markdown文件导出为HTML网页，并发布到网络上。

（2）激发兴趣：

教师展示一个已经发布的美食网页，提问学生：“你们想不想把自己的美食介绍也发布到网上？”

学生回答后，教师引入本节课内容：“今天我们将学习如何将Markdown文件发布为网页。”

2、出示学习目标

（1）掌握Markdown文件的导出方法。

（2）能使用Mkdocs发布Markdown文件为网页。

二、自主学习

1、Markdown文件的导出格式有哪些？

2、怎样将Markdown文件导出为HTML网页格式。

3、分析HTML和Markdown的关系。

三、高效点拨

1、Markdown文件导出格式

Markdown文件可导出为文档、图片、网页、PDF、演示文稿等格式。导出为哪种格式，取决于发布信息的需要。

2、将Markdown文件导出为HTML网页文件

使用Markdown编辑器能够导出诸多格式的文件，先按照下图导出HTML,文件，再用浏览器打开查看导出的文件。

（1）打开Markdown编辑器。

（2）选择“文件”-“导出”-“HTML”。

（3）保存HTML文件到指定位置。

3、用Mkdocs发布Markdown文件为网页

发布Markdown文件为网页，有多种工具可用。此处选择使用Mkdocs。

（1）什么是MKdocs：Mkdocs是一个静态网页生成工具，可以将Markdown文件生成网页并发布。

（2）Mkdocs的使用步骤，参考下图：

4、HTML和Markdown的关系

对比网页的源代码和编辑器的源代码，讨论HTML和Markdown的关系。

（1）HTML与Markdown的联系：

HTML（超文本标记语言）和Markdown都是用于网页和文本内容格式化的语言。

功能相似：两者都能对文本进行格式化，如设置标题、段落、列表、链接等。

转换关系：Markdown格式的文本可以通过工具转换为HTML代码。因为HTML是网页显示的基础，将Markdown转换为HTML后，就能在网页上正确显示，这也使得Markdown的内容可以很方便地融入到网页开发流程中。

（2）HTML与Markdown的区别：

语法复杂程度：HTML源代码包含大量的标签对，如div、a、h2等，结构较为复杂。比如图中通过div标签的各种class属性来定义不同的模块，通过a标签来设置链接。而Markdown语法相对简洁直观，用#表示标题，##表示二级标题，通过简单的符号来标识文本格式，不需要闭合标签等复杂结构。

用途侧重：HTML是网页的标准标记语言，不仅能定义文本格式，还用于构建网页的整体结构，嵌入图片、链接、多媒体等元素，控制网页布局。Markdown主要用于快速排版文本内容，更适合创作者专注于内容创作，比如写博客、笔记等，方便在不同平台间转换。

5、对比导出HTML网页与用Mkdocs发布网页的区别

四、当堂训练

1、安装Mkdocs

2、将自己编写的Markdown文档导出为HTML文件。

3、使用Mkdocs工具将HTML文件发布为网页。

五、课堂小结

1、Markdown文档导出的格式。

2、将编写的Markdown文档导出为HTML文件。

3、使用Mkdocs工具将Markdown文件发布为网页。

六、作业设计

（1）熟练使用Mkdocs工具将Markdown文件发布为网页。

（2）发现并使用其它工具将Markdown文件发布为网页。

四、当堂训练

1、学生分组将自己的Markdown文档发布为网页。

五、课堂小结

1、总结Markdown文档发布的格式。

2、Mkdocs的使用方法。

3、强调信息发布的原则。

六、作业设计

每位学生发布自己的美食介绍网页，并撰写评价报告。