(课件网) 第一单元 用网页展示美食 川教版初中信息科技 七年级下册 分享我的美食 掌握Markdown文件的导出方法 能使用Mkdocs发布Markdown文件为网页 1. 2. 学习目标 能通过分享交流，正确评价并优化作品 3. 新知导入 已完成 美 食 之 旅 菜谱：用料、食材、制作步骤等 学习使用Markdown编辑HTML页面 分享展示交流制作的网页 发布网页 发布作品 1. 1、分小组讨论如何将Markdown文件导出为HTML文件，并使用浏览器打开查看导出的文件是否正常。 2、将导出的HTML文件分享给同学，邀请他们对你的美食食谱进行评价。 实践活动 你觉得这种发布Markdown文件的方式怎么样？ 思考下还有更好的方式吗？ 发布作品 使用MkDocs发布网页 MkDocs 是快速，简单和华丽的基于python的markdown的静态网站生成器，可以用来构建项目文档。 MkDocs可以同时编译多个 markdown 文件，形成书籍一样的文件，文档源码在 Markdown 编写，使用单个的 YAML 文件作为配置文档。 发布作品 Python中Mkdocs库的使用步骤: 发布作品 Python中Mkdocs库的使用步骤: 思考活动 对比网页的源代码和编辑器的源代码，讨论HTML和Markdown的关系。 思考活动 对比网页的源代码和编辑器的源代码，讨论HTML和Markdown的关系。 角度 HTML描述 Markdown描述 定义和用途 一种标准的网页标记语言，用于创建和结构化网页。 通过一系列的标签来描述网页的内容、结构和样式适用于复杂的网页设计和开发。 一种轻量级标记语言，旨在简化文本的编写和阅读。 使用简单的符号（如星号、井号、下划线）来表示文本格式，如粗体、斜体、标题等，可以转换成HTML在网页上显示。 语法复杂度 语法相对复杂，需要使用尖括号和属性来定义标签，比如是根标签，包含页面主体内容，

到

用于定义标题等。 语法更简单、直观，使用简单的符号来表示格式，比如用#表示标题，-表示无序列表等。 转换关系 Markdown文件可以轻松转换为HTML，许多平台和编辑器自动将Markdown渲染为HTML，以便在网页上显示。Markdown文件的后缀通常是.md，而HTML文件的后缀是.html。 将HTML转换回Markdown不那么直接，因为HTML的复杂性可能超出了Markdown语法的范围。不过，可以在Markdown中直接插入HTML代码来处理复杂格式。 应用场景 适用于像电商网站、社交媒体平台等需要复杂页面结构和样式的网页和应用程序场景，支持多媒体元素的嵌入，如音频、视频等。 适用于快速编写和编辑文本的场景，如技术文档、学术论文、个人笔记等。许多在线平台（如GitHub、Reddit、Medium）都支持Markdown格式的输入，方便用户在这些平台上分享和交流信息。 分享我的美食 2. 分享我的美食 在网上发布信息，必须遵守《中华人民共和国网络安全法》等相关法律，严格遵守网络礼仪和道德规范，用文明语言和理性态度发表网络评论，营造理性、平和、有序的网络舆论环境。 信息正确 准确 信息具有积极意义 正面 信息表达形式简洁直观，让信息获取更方便、更快速 高效 信息发布应注意三个要点: 分享自己的作品，并以准确、正面、高效为评价指标在同学间进行互评，整理同学提出的建议，思考如何优化自己的作品，填写下表。 实践活动 评价指标 同学评价 我的优化方案 准确 正面 高效 填写教材P21表格，对比导出 HTML 网页与用 Mkdocs 发布网页的区别。 思考活动 导出HTML网页 用Mkdocs发布网页 更改后需要重新导出 即时预览，不用重新导出 输出单个HTML文件，无导航栏、多页面跳转等网站功能，适合简单内容展示 自动组织文档，包含导航栏、多页面联动、搜索功能的完整静态网站 ，适合大型项目 手动上传文件至服务器或平台，维护成本随文件数量增加而升高 一键生成站点文件，支持自 ... ...