内容正文:
课 题:开启美食之旅(第二课时)——了解Markdown标记语言
教学目标:
1、信息意识
(1)理解信息编辑与发布的重要性,明确网页展示美食的主题。
2、计算思维
(1)通过思维可视化工具,学会分析项目流程。
(2)初步了解HTML与Markdown标记语言的特点与应用场景。
3、数字化学习与创新
(1)掌握使用智能工具搜索信息和整理素材的方法。
4、信息社会责任
(1)激发学生对信息技术的兴趣,增强对中华美食文化的认同感。
(2)培养学生的信息社会责任感,引导学生遵守网络道德和法律法规。
教学重点:
(1)理解HTML和Markdown标记语言的基本概念。
(2)掌握HTML和Markdown标记语言的基本语法。
教学难点:
(1)比较HTML与Markdown的优缺点,选择合适的标记语言。
(2)掌握HTML和Markdown标记语言的基本语法。
教学过程:
一、有效导入
1、导入
(1)教师展示一些精美的美食网页,提问学生:“你们觉得这些网页是如何制作的?”
(2)学生搜索讨论后,教师总结:这些网页是通过HTML等标记语言制作的。
(3)引入本节课的主题:“今天我们将开启美食之旅,学习如何用网页展示美食。”
2、出示学习目标
(1)通过思维可视化工具,学会分析项目流程。
(2)通过智能搜索引擎,学会收集和整理信息。
(3)了解HTML和Markdown标记语言的基本概念、语法及其区别。
(4)通过对比分析,理解不同标记语言(HTML和Markdown)的适用场景。
二、自主学习
1、HTML和Markdown分别是什么?有什么样的特点?
2、HTML和Markdown有什么区别?
三、高效点拨
1、确定主题
教师引导学生思考并确定自己想要介绍的美食主题。
提问学生:“你准备介绍哪道菜?为什么选择这道菜?”
学生分组讨论,每组确定一个美食主题。
2、 了解信息发布方式
3、 HTML标记语言
(1)什么是HTML标记语言
网页是由 HTML标记语言实现的。HTML标记可以控制网页显示的效果。
HTML(Hyper Text Markup Language)的全称为超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面 。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。
HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。HTML的语言形式为尖括号包围的HTML元素(如<html>),浏览器使用HTML标签和脚本来诠释网页内容,但不会将它们显示在页面上。
(2)HTML标记语言的整体结构
标准的超文本标记语言文件都具有一个基本的整体结构,标记一般都是成对出现(部分标记除外例如:<br/> <img/>),即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。这些成对出现的标签中,第一个标签是开始标签,第二个标签是结束标签。两个标签之间为元素的内容,有些标签没有内容,为空元素,如<img>有三个双标记符用于页面整体结构的确认。部分标记也可以不成对出现,如<p>,但是一般并不赞同这样做。
标记符<html>,说明该文件是用超文本标记语言来描述的,它是文件的开头;而</html>,则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。
(3)HTML标签
任务:请查阅 HTML 标记的资料
4、Markdown标记语言
(1)什么是Markdown标记语言
Markdown 是一种轻量级标记语言, 它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者HTML)文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。
由于 Markdown 的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。 如 GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书等,甚至还能被使用来撰写电子书。
Markdown 文件可导出为文档、图片、网页、PDF、演示文稿等格式。导出为哪种格式,取决于发布信息的需要。
(2)Markdown标记语言的语法
Markdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HTML、PDF 以及本身的 md 格式的文件。简洁、高效、易读、易写。Markdown语法看起来很多,实际上,常用的也就那么几个,所以千万不要被所谓的【标记】【语法】吓到。只要把常用的那几个记下来、会用就行啦。剩下的,随时查文档即可。
5、HTML与Markdown标记语言的区别
(1)HTML:网页的标准标记语言,用于定义网页的结构和内容。功能强大,适合复杂网页设计。
Markdown:简洁易学,适合快速编写和发布。是一种轻量级标记语言,用于快速编写文档,可导出为HTML等格式。
HTML和Markdown都是网页制作的重要工具,但Markdown更简单,适合快速编写文档,更专注于内容创作,简化页面设计。
四、当堂训练
1、每个小组完成一个美食主题的初步规划,包括主题名称、主要内容等(如川菜、家乡美食等)。
2、使用智能工具搜索相关美食信息并整理。
3、熟悉HTML和Markdown的语法。
五、课堂小结
1、HTML和Markdown的基本概念及特点。
2、HTML和Markdown的语法格式。
3、强调重点:“HTML和Markdown都是网页制作的重要工具,但Markdown更简单,适合快速编写文档。”
六、作业设计
1、继续探索HTML和Markdown工具。
七、板书设计
开启美食之旅(2)——了解Markdown标记语言
1、信息发布方式
2、HTML标记语言
3、Markdown标记语言
4、HTML与Markdown标记语言的区别
八、教后反思
学科网(北京)股份有限公司
$$