(一)目的与要求 了解列表的类型：掌握无序列表、有序列表、定义列表标记语法及属性语 法：了解菜单列表、目录列表标记语法：学会使用无序、有序及定义列表设计 Web网页：学会使用嵌套列表设计小型网站首页。 (二)教学内容 第一节列表简介 主要内容 ◇TL中列表一共有5种，分别是无序列表、有序列表、定义列表、菜 单列表和目录列表。 第二节无序列表 主要内容 ◇定义与语法 ◇无序列表案例 第三节有序列表 主要内容 ◇定义与语法 ◇有序列表案例 第四节列表嵌套 主要内容 ◇定义与语法 ◇列表嵌套案例 第五节定义列表 主要内容 ◇定义与语法 ◇定义列表案例 第六节综合案例 主要内容 ◇案例：综合运用有序列表、无序类别以及列表嵌套的方式，思考列出 未来十年对自己最重要的45件事或者梦想（用有序列表），然后用列表 嵌套的方式，针对每件事列出如何实现这些具体方式（用无序列表）。从 而引导学生思考对未来人生的定位和实现自我价值的意义。 ◇代码分析 (三)思考与实践 1、简述5种类型HTM列表。 2、列表可以嵌套，但不能交叉嵌套，为什么？ 6
6 （一）目的与要求 了解列表的类型；掌握无序列表、有序列表、定义列表标记语法及属性语 法；了解菜单列表、目录列表标记语法；学会使用无序、有序及定义列表设计 Web 网页；学会使用嵌套列表设计小型网站首页。 （二）教学内容 第一节 列表简介 主要内容 ◇ HTML 中列表一共有 5 种，分别是无序列表、有序列表、定义列表、菜 单列表和目录列表。 第二节 无序列表 主要内容 ◇ 定义与语法 ◇ 无序列表案例 第三节 有序列表 主要内容 ◇ 定义与语法 ◇ 有序列表案例 第四节 列表嵌套 主要内容 ◇ 定义与语法 ◇ 列表嵌套案例 第五节 定义列表 主要内容 ◇ 定义与语法 ◇ 定义列表案例 第六节 综合案例 主要内容 ◇ 案例：综合运用有序列表、无序类别以及列表嵌套的方式，思考列出 未来十年对自己最重要的 4-5 件事或者梦想（用有序列表），然后用列表 嵌套的方式，针对每件事列出如何实现这些具体方式（用无序列表）。从 而引导学生思考对未来人生的定位和实现自我价值的意义。 ◇ 代码分析 （三）思考与实践 1、简述 5 种类型 HTML 列表。 2、列表可以嵌套，但不能交叉嵌套，为什么？
3、思考列表对网页内容的呈现的作用是什么？ (四)数学方法与手段 课堂讲授、多媒体教学。 第五章超链接与浮动框架 一)日的与要求 了解掌握超链接的基本标记语法和属性语法：理解超链接分类、路径、书 签等概念：学会使用超链接实现文件下载、FTP下载、电子邮件链接、图像链 接：学会使用超链接制作书签：学会使用浮动框架实现内嵌页面的显示。 (二)教学内容 第一节超链接概述 主要内容 ◇定义：超链接是指从一个网页指向一个目标的连接关系。在百度首页 中搜索“王小云教授”出现各种超链接，帮助理解超链接的作用和原理。基于 超链 接的 个绍王 授先后两次破解美国顶级密码MD5和SH-1,创造了 密码学领域的诸多优秀成果 第二节超链接语法、路径及分类 主要内容 ◇超链接a(Anchor错)标记语法 ◇超链接路径 ◇超链接分类 第三节超链接的应用 主要内容 ◇创建HTTP文件下载超链接 ◇创建TP站点访问超链接 ◇创建图像链接 ◇创建电子邮件超链接 第四节创建页面书签链接 主要内容 ◇书签定义步骤 ◇创建书签链接页面效果 ◇页面书签链接案例 第五节浮动框架 主要内容 ◇浮动框架标记
7 3、思考列表对网页内容的呈现的作用是什么？ （四）教学方法与手段 课堂讲授、多媒体教学。 第五章 超链接与浮动框架 （一）目的与要求 了解掌握超链接的基本标记语法和属性语法；理解超链接分类、路径、书 签等概念；学会使用超链接实现文件下载、FTP 下载、电子邮件链接、图像链 接；学会使用超链接制作书签；学会使用浮动框架实现内嵌页面的显示。 （二）教学内容 第一节 超链接概述 主要内容 ◇ 定义：超链接是指从一个网页指向一个目标的连接关系。在百度首页 中搜索“王小云教授”出现各种超链接，帮助理解超链接的作用和原理。基于 超链接的引入介绍王小云教授先后两次破解美国顶级密码 MD5 和 SHA-1，创造了 密码学领域的诸多优秀成果。 第二节 超链接语法、路径及分类 主要内容 ◇ 超链接 a (Anchor 锚)标记语法 ◇ 超链接路径 ◇ 超链接分类 第三节 超链接的应用 主要内容 ◇ 创建 HTTP 文件下载超链接 ◇ 创建 FTP 站点访问超链接 ◇ 创建图像链接 ◇ 创建电子邮件超链接 第四节 创建页面书签链接 主要内容 ◇ 书签定义步骤 ◇ 创建书签链接页面效果 ◇ 页面书签链接案例 第五节 浮动框架 主要内容 ◇ 浮动框架标记
◇浮动框架应用 ◇浮动框架案例效果页面 (三)思考与实践 1、超链接的类型有哪些？思考每种类型的适用场合。 2、超链接的不同链接对象的语法和使用方法是什么？ (四)教学方法与手段 课堂讲授、多媒体教学。 第六章图像与多媒体文件 (一)目的与要求 掌握图像img标记语法及属性设置方法：学会设置图像热区链接： 掌握滚动文字marquee标记语法及属性设置方法：掌握背景音乐bgsound 标记语法及属性设置方法：掌握嵌入多媒体文件ebed标记语法及属性 设置方法：学会采用超链接插入动画、音频和视频类等多媒体文件。 (二)教学内容 第一节图像 主要内容 ◇插入图像 ◇设胃图像的替代文字 ◇设置图像的宽度和高度 ◇设置图像的边框 ◇设置图像对齐方式及间距 ◇设置图像热区链接 第二节滚动文字 主要内容 ◇添加滚动文字 ◇设置滚动文字背景颜色与滚动循环 ◇设置滚动方向与滚动方式 ◇设置滚动速度与滚动时证 ◇设置滚动范围与滚动空白空间 第三节音频、视频及Flash文件 主要内容 ◇基本语法 ◇案例
8 ◇ 浮动框架应用 ◇ 浮动框架案例效果页面 （三）思考与实践 1、超链接的类型有哪些？思考每种类型的适用场合。 2、超链接的不同链接对象的语法和使用方法是什么？ （四）教学方法与手段 课堂讲授、多媒体教学。 第六章 图像与多媒体文件 (一) 目的与要求 掌握图像 img 标记语法及属性设置方法；学会设置图像热区链接； 掌握滚动文字 marquee 标记语法及属性设置方法；掌握背景音乐 bgsound 标记语法及属性设置方法；掌握嵌入多媒体文件 embed 标记语法及属性 设置方法；学会采用超链接插入动画、音频和视频类等多媒体文件。。 (二) 教学内容 第一节 图像 主要内容 ◇ 插入图像 ◇ 设置图像的替代文字 ◇ 设置图像的宽度和高度 ◇ 设置图像的边框 ◇ 设置图像对齐方式及间距 ◇ 设置图像热区链接 第二节 滚动文字 主要内容 ◇ 添加滚动文字 ◇ 设置滚动文字背景颜色与滚动循环 ◇ 设置滚动方向与滚动方式 ◇ 设置滚动速度与滚动时延 ◇ 设置滚动范围与滚动空白空间 第三节 音频、视频及 Flash 文件 主要内容 ◇ 基本语法 ◇ 案例