Web前端开发案例教程（HTML5 CSS3）（微课版）（第2版） 教案 任务2搭建简单学院网站1.doc

教案名称 任务2 搭建简单学院网站 计划学时 12学时 学习目标 掌握HTML5的基本结构 熟悉常用的HTML文本标记、列表标记、超链接标记、图像标记 会熟练使用HTML标记创建简单网页 素质目标 在编写代码中养成精益求精的工匠精神 通过案例融入价值观塑造 教学重点 HTML5文档基本结构 HTML文本标记、列表标记、超链接标记、图像标记 教学难点 使用HTML标记创建简单网页 教学模式 任务驱动教学法 线上+线下混合教学模式 教学活动及主要环节 思政元素 切入点 第1、2学时 ( HTML文本标记) 课前发布任务： 观看学习通平台相关学习视频。 做课前测试题。 = 1 \* ROMAN I.学生讨论：（10分钟） 使用HBuilder新建HTML5默认文档时，HTML5文档的基本格式包括哪些标记？每个标记的作用是什么？ !doctype html html head meta charset=utf-8 title无标题文档/title /head body /body /html = 2 \* ROMAN II.重难点内容讲授： 一、HTML文本标记 （40分钟） 1.标题标记（实现example02.html） 段落标记（实现example03.html） 水平线标记（实现example04.html） 单标记 换行标记 重点强调单标记（实现example05