资源简介

(共19张PPT)
第一单元 用网页展示美食
川教版初中信息科技 七年级下册
分享我的美食
掌握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文件，无导航栏、多页面跳转等网站功能，适合简单内容展示 自动组织文档，包含导航栏、多页面联动、搜索功能的完整静态网站 ，适合大型项目
手动上传文件至服务器或平台，维护成本随文件数量增加而升高 一键生成站点文件，支持自动化流水线部署
拓展阅读
思维可视化的常见形式
思维可视化，是指运用一系列图示技术，把本来不可视的思维呈现出来，使其清晰可见。被可视化的内容，利于人们理解和记忆，可有效提高信息加工、信息传递的效率。思维可视化通常可分为 “思维结果可视化”“思维过程可视化”“思维方法可视化”。
“思维结果可视化” 关注最终结果的展示。比如知识体系形成的思维导图、术语定义形成的概念图等。思维结果可视化的主要特征，是图形在空间上展开。
拓展阅读
思维可视化的常见形式
“思维过程可视化”关注整个过程的展示。包括步骤、流程、时间线，比如流程图、阶梯图、工作进度图等。思维过程可视化的主要特征，是图形在时间线上展开。
拓展阅读
思维可视化的常见形式
“思维方法可视化” 关注方法的展示。比如处理事务的‘四象限法’、写作用文的‘九宫格法’、思考问题的‘分层级思维法’等。
【思考】本单元的图 1-1-1 和图 1-2-1，分属哪种思维可视化呢？
课堂作业
菜名：
味型：
适宜人群：
主材：

展开更多......

收起↑