网页设计与制作项目教程（html+css+bootstrap）教学课件作者徐云晴讲义项目三教案3.docVIP

课题序号 1 教学班级 教学课时 2 教学形式 新授 课 题 名 称 创建《姑苏美食》网站（5） 使用教具 机房、电子教室 教学目的 掌握列表标签的类型 掌握列表标签的属性并能在网页中设置应用 掌握图像热点链接的创建方法 教学重点 掌握列表标签的属性并能在网页中设置应用 教学难点 图像热点链接的创建方法 更新、补充、 删节内容 无 课前准备 教案、课件、作业 课外作业 在网站首页中，给三个栏目“苏州历史”、“苏州特色”和“苏州美食”分别创建超链接，链接到对应的网页。 板 书 设 计 教 学 感 想 课堂教学安排 教学环节 主 要 教 学 内 容 教学手段与方式 复习 讨论并思考 讲授新知 演示操作 自主探究 作业点评 课堂总结 知识点回顾 思考超链接有哪些类型？ 这些超链接之间的区别是什么？ 一、知识准备：列表标签 在网页中，列表可以起到提纲挈领的作用。列表主要分为两种类型，一种为有序列表（由ol标签定义），用数字或者字母等顺序排列项目；一种为无序列表列表（由ul标签定义），用■、□、○、●等符号来记录项目。 标记 描述 ul 无序列表 ol 有序列表 dir 目录列表 dl 定义列表 menu 菜单列表 dt、dd 定义列表的标签 li 列表项目的标签 1、有序列表ol 2、无序列表ul 知识准备：列表属性 1、list-style-type 2、list-styl