1.3分享我的美食课件-川教版初一信息科技七年级下册

第一单元

用网页展示美食第三节

分享我的美食1项目主题美食之旅项目背景能对信息进行编辑、整理、发布、评价，是信息社会公民的基本素质。本项目以“美食介绍”为例，让同学们学会简单的网页编辑、发布技能，提升信息评价能力，并在此过程中感受我国传统美食文化的博大精深。项目目标以“美食介绍”为项目载体，掌握简单的Markdown标记语言，能使用Markdown撰写“美食介绍”文档，并能使用静态网页生成工具Mkdocs，将撰写的文档发布为网页。通过完成本项目提升信息编辑、发布、评价等方面的信息素养。学习过程·确定要展示的主题·利用智能搜索引擎，围绕主题收集、整理素材确定主题·了解HTML和Markdown各自的优缺点·选定编辑工具·掌握常用Markdown标记，并使用标记编写页面编辑页面·用Mkdocs将编写完毕的页面发布为网页·同学间交流、互评，根据互评优化页面交流发布教学目标：1、掌握Markdown文件的导出方法。2、掌握将Markdown文件导出为HTML网页文件。3、能使用Mkdocs发布Markdown文件为网页。4、能通过分享交流，正确评价并优化作品。一、发布作品Markdown文件可导出为文档、图片、网页、PDF、演示文稿等格式。导出为哪种格式，取决于发布信息的需要。高效点拨11、导出为HTML网页文件使用Markdown编辑器能够导出诸多格式的文件，例如导出HTML文件，再用浏览器打开查看导出的文件。（1）打开Markdown编辑器。（2）选择“文件”→“导出”→“HTML”。（3）保存HTML文件到指定位置。实践活动：打开导出的HTML网页文件，看显示是否正常；如果不正常可能是什么原因，如何解决？图片路径问题、代码格式问题、浏览器兼容性问题、导出设置问题。2、将文件发布为网页发布Markdown文件为网页，有多种工具可用。此处选择使用Mkdocs。（1）什么是MKdocs：Mkdocs是一个快速，简单的基于python的markdown的静态网页生成工具，可以将Markdown文件生成网页并发布。（/）MkDocs可以同时编译多个markdown文件，形成书籍一样的文件，文档源码在Markdown编写，使用单个的YAML文件作为配置文档。3、对比网页的源代码和编辑器的源代码，讨论HTML和Markdown的关系。HTML与Markdown的联系与区别语法复杂程度：HTML源代码包含大量的标签对，如<div>、<a>、<h2>等，结构较为复杂。比如图中通过<div>标签的各种class属性来定义不同的模块，通过<a>标签来设置链接。而Markdown语法相对简洁直观，用#表示标题，##表示二级标题，通过简单的符号来标识文本格式，不需要闭合标签等复杂结构。用途侧重：HTML是网页的标准标记语言，不仅能定义文本格式，还用于构建网页的整体结构，嵌入图片、链接、多媒体等元素，控制网页布局。Markdown主要用于快速排版文本内容，更适合创作者专注于内容创作，比如写博客、笔记等，方便在不同平台间转换。HTML（超文本标记语言）和Markdown都是用于网页和文本内容格式化的语言。功能相似：两者都能对文本进行格式化，如设置标题、段落、列表、链接等。转换关系：Markdown格式的文本可以通过工具转换为HTML代码。因为HTML是网页显示的基础，将Markdown转换为HTML后，就能在网页上正确显示，这也使得Markdown的内容可以很方便地融入到网页开发流程中。区别联系4、填写下表，对比导出HTML网页与用Mkdocs发布网页的区别HTMLMKdocs更改后需要重新导出即时预览，不用重新导出…………HTMLMKdocs更改后需要重新导出即时预览，不用重新导出语法复杂，需掌握众多标签和属性来构建页面结构与样式基于Markdown语法，简洁易上手，专注内容创作手动编写页面布局和样式，调整繁琐可使用主题，轻松统一网站风格，样式调整相对方便一般需借助单独的工具进行测试和调试自带本地服务器，方便实时预览和调试内容更新后需手动更新整个网页文件内容更新后，自动重新生成相关页面大型项目中，文件管理和维护难度较大适合文档类网站，目录结构清晰，便于管理适用于复杂交互网页、定制化设计适用于文档类网站、个人博客二、分享我的美食高效点拨2（1）准确（信息正确）（2）正面（信息具有积极意义）（3）高效（信息表达形式简洁直观，计信息获取更方便、更快速）任务：分享自己的作品，并以上述三个要点为评价指标在同学间进行互评。整理同学提出的建议，思考如何优化自己的作品，填写下表。评价指标同学评价我的优化方案准确正面高效信息发布应注意的三个要点1、信息发布应注意的要点2、网页评价标准（1）内容是否完整、清晰。（2）网页格式是否美观。（3）是否符合网络发布规范。