课题项目四网页中的列表与超链接
课时12课时（540min）
知识技能目标：
（1）掌握在网页中添加列表与超链接的方法
（2）掌握用于标记列表与超链接的标签
（3）掌握列表样式与超链接样式的设置方法
（4）掌握制作常见导航栏的方法
教学目标（5）能够使用Dreamweaver2021在网页中添加列表，并设置列表样式
（6）能够使用Dreamweaver2021在网页中添加超链接，并设置超链接样式
（7）能够使用Dreamweaver2021制作常见的导航栏
素质目标：
（1）保持积极主动的学习态度，增强自身工作能力
（2）培养规划事务的意识，增强处理生活和学习中各类信息的能力
教学重点：在网页中添加列表与超链接的方法，用于标记列表与超链接的标签，列表样式与超链接样
式的设置方法，制作常见导航栏的方法
教学重难点
教学难点：在网页中添加列表，并设置列表样式；在网页中添加超链接，并设置超链接样式；制作常
见的导航栏
教学方法案例分析法、问答法、讨论法、讲授法
教学用具电脑、投影仪、多媒体课件、教材
教学过程主要教学内容及步骤
【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，完成课
前任务
课前任务
请大家预习本节课内容，了解在网页中添加列表、超链接及导航栏的方法。
【学生】完成课前任务
【教师】使用APP进行签到
考勤
【学生】班干部报请假人员及原因
【教师】组织学生扫码观看“网页中的列表”视频，并讨论以下问题：
（1）网页中的列表有哪些应用？
（2）任选一种类型的网站，简述如何设计网页中的列表。
互动导入
【学生】观看、思考、讨论、举手回答
【教师】总结学生的回答
【教师】通过学生的回答，引入新知，讲解添加和设置列表样式的相关知识
一、添加列表
【教师】利用多媒体展示“‘插入’面板中的列表按钮”图片（详见教材），并进行讲解
传授新知
使用Dreamweaver2021在网页中添加列表的具体操作方法是，首先确定添加列表的位置；然后在
1
“插入”面板中单击“无序列表”按钮（或单击“有序列表”按钮）；接着将鼠标指针置于添加的列
表标签中，在“插入”面板中单击“列表项”按钮；最后在列表项标签中输入内容。“插入”面板中的
列表按钮。
在HTML5中，常见的列表有无序列表与有序列表。默认情况下，这两种列表中列表项的内容会由
上至下依次排列显示在网页中，且每个列表项左侧都有一个项目标记。
【教师】利用多媒体展示“无序列表的代码及页面效果”图片（详见教材），并进行讲解
（1）无序列表。单击“无序列表”按钮再单击“列表项”按钮添加的是无序列表，代码及页面效
果详见教材。
……（详见教材）
无序列表中的列表项没有先后之分，项目标记默认为实心圆。
【教师】利用多媒体展示“有序列表的代码及页面效果”图片（详见教材），并进行讲解
其