教案《HTML5-CSS3项目开发案例教程》----第10课-使用CSS3美化超链接.pdf

使用CSS3美化超链接第课

10

课题使用CSS3美化超链接0

课时2课时（90min）

知识技能目标：

（1）学习CSS3设置超链接样式的方法

教学目标（2）掌握使用CSS3和超链接制作新闻列表和图形化按钮的方法0

思政育人目标：

通过学习CSS3美化超链接，提高学生的代码能力，在实践中不断的提高自己，勤于

实践，敢于动手，不断的磨练自己

教学重点：了解CSS3设置超链接样式的方法

教学重难点0

教学难点：操作CSS3和超链接制作新闻列表和图形化按钮

教学方法启发法、问答法、演示法、讨论法、练习法

教学用具讲授法、电脑、投影仪、多媒体课件、教材

第1节课：考勤（2min）→导入新知（2min）→知识讲解（22min）→课堂练习（15

21

min）→交流讨论（4min）

教学设计

第2节课：类比分析（2min）→知识讲解（15min）→案例分析（21min）→课堂小

结（5min）→作业布置（2min）

教学过程主要教学内容及步骤设计意图

2

第一节课

【教师】清点上课人数，记录好考勤培养学生的组

考勤织纪律性，掌握学

（2min）【学生】班干部报请假人员及原因生的出勤情况

【教师】复习上一节课内容，引出新知识点

前面两节课，已经学习了如何在HTML5中添加超链接，使得通过对上一节

内容更加的完整和丰富课的复习，让学生

导入新知

主动学习美化超

（2min）

这一节课，将在前面课程的基础上，完成对超链接的美化，使链接的方法，引出

得网页的整体效果更加的美观、整洁本节课的内容

【学生】聆听、思考

1

第10课使用CSS3美化超链接的基基本本

【教师】讲述与超链接相关的基本样式

超链接中的文本具有默认的下划线效果，且访问前文本颜色为