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

课 题：分享我的美食（第一课时）——网页发布与信息评价 教学目标： 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、强调信息发布的原则。 六、作业设计 每位学生发布自己的美食介绍网页，并撰写评价报告。 七、板书设计 分享我的美食（1）——网页发布与信息评价 1、Markdown文件导出格式 2、将Markdown文件导出为HTML网页文件 3、用Mkdocs发布Markdown文件为网页 4、HTML和Markdown的关系 八、教后反思 学科网（北京）股份有限公司 $$