资源简介

(共12张PPT)
第一单元　用网页展示美食
项目主题
美食之旅
能对信息进行编辑、整理、发布、评价，是信息社会公民的基本素质。本项目以 “美食介绍” 为例，让同学们学会简单的网页编辑、发布技能，提升信息评价能力，并在此过程中感受我国传统美食文化的博大精深。
项目背景
项目目标
以 “美食介绍” 为项目载体，掌握简单的 Markdown 标记语言，能使用 Markdown 撰写 “美食介绍” 文档，并能使用静态网页生成工具 Mkdocs，将撰写的文档发布为网页。通过完成本项目，提升信息编辑、发布、评价等方面的信息素养。
第二单元　制作在线宣传手册
学习过程
确定主题
编辑页面
交流发布
确定要展示的主题；
利用智能搜索引擎，围绕主题收集、整理素材。
了解HTML和
Markdown 各自的优缺点
选定编辑工具
掌握常用Markdown 标记，并使用标记编写页面
用 Mkdocs 将编写完毕的页面发布为网页
同学间交流、互评，根据互评优化页面
第二节 记录我的美食
第一单元　用网页展示美食
学习目标
1
掌握Markdown文件的编辑方法。
学习目标
能使用Markdown标记语言创作作品。
2
课堂导入
用 Markdown 标记语言生成 HTML 页面，首先需要在编辑器中按需求对内容进行编排。
问题情境
实践活动
确定自己要介绍的美食，想想要展示这道美食的哪些方面，填写气泡图。
菜名：
味型：
适宜人群：
主材：
学习内容
一 文字材料结构
二 了解Markdown标记语言
学习内容
三 拓展阅读
Markdown 基本的语法包括标题、列表、引用、图片、链接、表格、文字修饰等。在图 1 - 2 - 3 所示的例子中，标题为两级，并给标题增加了数字序号。
一、文字材料结构
思考活动：
如何在编辑器中查看源代码视图？
有没有更快捷的方法调整标题级别？
页面小标题可否使用无序列表展示？
二、探索标记作用
探究下面两图使用了哪些Markdown标记？
标题
表格
Markdown 标记 标记格式与范例 语法说明
标题 标题格式：
# + 空格 + 标题内容
范例：
# 一级标题
## 二级标题 一个 #是一级标题
二个 #是二级标题
依此类推，总共支持六级标题
列表 有序列表格式：
数字 + 英文句号 + 空格 +列表内容
范例：
1. 列表内容
2. 列表内容
无序列表格式：
减号 + 空格 + 列表内容
范例：
- 列表内容
* 列表内容
+ 列表内容
列表嵌套格式：
父层列表的基础上，子层在开头加两个空格或1 个 Tab 键的距离，即可
实现列表嵌套 有序列表的第一个数字最重要，后续数字以第一个数字为基础，自动递增
无序列表前面没有数字，通常会在列表项目的前面显示黑色或白色小圆点除了可用减号，如范例所示，列表项的前面，也可使用星号或加号
使用列表嵌套的时候，列表嵌套的层次不宜过多
二、探索标记作用
附录一：
Markdown 标记 标记格式与范例 语法说明
图片 插入图片的格式：
 范例：  叹号与中括号、括号，都是英文符号；“图片名称”可以留空不写；图片地址，可以是本机文件地址或网址
链接 插入链接的格式：
[链接名](链接地址) 范例： [我的菜谱](htpp://127.0.0.1:8000) 与插入图片的格式类似，中括号、括号，都是英文符号；“链接名” 可以留空不写；链接地址，可以是本机文件地址或网址
表格 插入表格的格式：
|表头|表头|表头| |:-|:-:|-:| |内容|内容|内容| 范例： |姓名|年龄|身高| |:-|:-:|-:| |张三|14|162| 两个“|” 之间代表一个单元格；第二行由“-” 号与 “:” 号组成，“:” 号在左，则后续所有行内容左对齐，“:” 号在右，后续右对齐，左右都有
“:” 号，后续单元格会居中对齐
二、探索标记作用
三、作品成稿
在编辑 Markdown 文档时，可以选择不同主题来呈现不同的显示效果。不同风格的主题由不同的 CSS 文件决定，这些 CSS 文件可通过网络下载。

展开更多......

收起↑