教案《HTML5-CSS3项目开发案例教程》----第9课-使用HTML5添加超链接.pdf

使用HTML5添加超链接第9课

课题使用HTML5添加超链接3

课时2课时（90min）

知识技能目标：

（1）学习URL的使用

（2）掌握在HTML5中添加普通链接与内容块链接的方法2

（3）掌握在HTML5中添加图像链接与下载链接的方法

教学目标

（4）掌握在HTML5中添加锚点链接、电子邮件链接和图像热点链接的方法

思政育人目标：

通过对HTML5中超链接的使用，培养学生的逻辑思维、辩证思维和创新思维能力，

1

引导学生养成独立思考和深度思考的良好习惯

教学重点：学习HTML5中超链接的使用方法

教学重难点

教学难点：在HTML5网页中添加超链接

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

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

第1节课：考勤（2min）→问题导入（4min）→知识讲解（23min）→课堂练习（16

min）

教学设计

第2节课：导入新知（2min）→知识讲解（23min）→上台演示（16min）→课堂

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

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

第一节课

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

考勤织纪律性，掌握学

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

【教师】提出问题，引出新知识点通过问答的方

式，让学生主动思

一个网页中的信息量始终是有限的，大部分的网页都会设置超链接，

问题导入考,如何使用

通过超链接将相关的内容跟网页结合起来，扩大网页的信息量。那么，

（4min）HTML5中的超链

网页中的超链接应该如何设置呢？有几种设置超链接的方式呢

接，加快对信息的

【学生】思考、发言浏览

1

第9课使用HTML5添加超链接的基基本本

【教师】总结发言

3