Web前端开发案例教程（HTML5 CSS3）（微课版）（第2版） 教案 任务5制作学院网站导航条.doc

教案名称 任务5 制作学院网站导航条 计划学时 4学时 学习目标 掌握无序列表样式设置 掌握超链接样式设置 掌握网站导航条的制作方法 素质目标 在编写代码中养成精益求精的工匠精神 通过案例融入价值观塑造 教学重点 导航条的样式设置方法 教学难点 元素类型的转换 教学模式 任务驱动教学法 线上+线下混合教学模式 教学活动及主要环节 思政元素 切入点 第1、2学时 (制作水平导航条) 课前发布任务： 观看学习通平台相关学习视频。 做课前测试题。 = 1 \* ROMAN I.学生讨论：（10分钟） 无序列表的项目符号如何设置？超链接的样式如何设置？ = 2 \* ROMAN II.重难点内容讲授： 一、无序列表样式设置（10分钟） 例5-1 样式代码如下： 二、超链接样式设置：（10分钟） a:link{CSS样式规则;} a:visited{CSS样式规则;} a:hover{CSS样式规则;} a:active{CSS样式规则;} 例5-2 body a href=#学院简介/a a href=#学院新闻/a a href=#专业介绍/a a href=#招生就业/a /body 样式代码如下： a { color: #4c4c4c; /*超链接文字的颜色*/ text-decoration: none; /*设