基本信息
文件名称:教案《HTML5-CSS3项目开发案例教程》----第10课-使用CSS3美化超链接.pdf
文件大小:1.56 MB
总页数:11 页
更新时间:2025-02-26
总字数:约1.5万字
文档摘要
使用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美化超链接的基基本本
?【教师】讲述与超链接相关的基本样式
超链接中的文本具有默认的下划线效果,且访问前文本颜色为