2.4-超链接标签及属性（教案）《网页设计与制作(html5+css3+javascript)》同步教学-《网页设计与制作(html5+css3+javascript)》同步教学（清华大学出版社）

教案 编号：PT-323 流水号：116 （首页）共 4页 课程 《网页设计与制作(html5+css3+javascript)》 一体化 理论 章节（课题）及内容 超链接标签及属性 班级日期 中职 2024.05 授课方式 讲授与任务驱动相结合 课时 1 作业题数 1 拟用时间 40分钟 教学目标 使学生理解以下理论知识： · 知识与技能：掌握超链接标签〈a〉及其常用属性，如href、target、title等，并能够熟练运用。 · 过程与方法：通过案例分析、小组讨论等方式，培养学生的自主学习能力和解决问题的能力。 教学资源准备 多媒体设备 课本教材 学生练习素材 教学重点 1. 超链接标签〈a〉及其常用属性。 2. 运用超链接标签属性进行网页设计。 教学难点 1. 如何根据实际需求选择合适的超链接标签属性。 2. 如何将所学知识应用到实际网页设计中。 教学方法 讲授法、任务驱动法、演示法、体验探究法等。 · 案例分析法：通过分析实际案例，让学生了解超链接标签属性的实际应用。 · 小组讨论法：鼓励学生分组讨论，共同解决问题，提高团队协作能力。 授课教师： 审阅签名： 教学过程 教学活动内容 时间分配教学方法 课前导入 1. 回顾上节课学习的HTML基本结构，如〈html〉、〈head〉、〈body〉等。 2. 展示一个包含超链接的网页，引导学生观察并思考超链接的作用和实现方式。 2分钟 讲授新课 练习指导 一、知识点总结 1. 超链接标签〈a〉用于创建超链接，实现页面间的跳转。 2. href属性指定超链接的目标URL；target属性设置超链接的打开方式；title属性为超链接添加提示信息。 3. 在实际网页设计中，应根据需求选择合适的超链接标签属性。 二、运用超链接标签属性进行网页设计 1. 使用href属性指定超链接的目标URL ```html <a href="https://www.baidu.com" target="_blank">点击访问百度</a> ``` 创建一个指向百度首页的超链接，在新窗口打开。 2. 使用target属性设置超链接的打开方式 ```html <a href="https://www.baidu.com" target="_blank">点击访问百度（新窗口打开）</a> <a href="https://www.baidu.com" target="_self">点击访问百度（当前窗口打开）</a> ``` 为超链接设置在新窗口或当前窗口打开。 3. 使用title属性为超链接添加提示信息 ```html <a href="https://www.baidu.com" target="_blank" title="点击访问百度">百度</a> ``` 为超链接添加提示信息，当鼠标悬停在链接上时，会显示“点击访问百度”。 通过以上示例，我们可以看到如何运用超链接标签的常用属性进行网页设计。在实际应用中，根据需求选择合适的属性，可以使网页设计更加丰富多彩。 10分钟 7分钟 自主学习 8分钟 练习训练 · 创建一个指向百度首页的超链接，要求在新窗口打开。 · 为一个超链接添加title属性，使其在鼠标悬停时显示“点击访问百度”。 12分钟 布置作业 1. 完成课后习题，巩固所学知识。 2. 设计一个简单的网页，要求使用至少两个不同的超链接属性。 1分钟 总结回顾 1. 超链接标签〈a〉用于创建超链接，实现页面间的跳转。 2. href属性指定超链接的目标URL；target属性设置超链接的打开方式；title属性为超链接添加提示信息。 3. 在实际网页设计中，应根据需求选择合适的超链接标签属性。 第 1 页，共 2 页 学科网（北京）股份有限公司 $$