第一部分 Web基础技术实践（HTML） 2
实验1 纯文本编辑器下HTML头部标记及主体标记的应用 2
1.1实验目的 2
1.2实验环境 2
1.3相关知识点 2
1.4实验内容 3
1.5实验效果示例 4
1.6实验步骤 5
1.7实验总结 5
实验2 可视化工具Dreamweaver创建和管理网站的实验 7
2.1实验目的 7
2.2实验环境 7
2.3相关知识点 7
2.4实验内容 8
2.5实验效果示例 8
2.6实验步骤 8
2.7实验总结 13
实验3 纯文本编辑器下文字、段落、列表及图片标记的应用 14
3.1实验目的 14
3.2实验环境 14
3.3相关知识点 14
3.4实验内容（必做实验） 16
3.5实验效果示例 16
3.6实验步骤 16
3.7选做实验 18
3.8实验总结 18
实验4 可视化工具Dreamweaver实现文本与图像网页的制作 20
4.1实验目的 20
4.2实验环境 20
4.3相关技术点 20
4.4实验内容 21
4.5实验效果示例 21
4.6实验步骤 22
4.7实验总结 23
实验5 纯文本编辑器下超链接与多媒体标记的应用 24
5.1实验目的 24
5.2实验环境 24
5.3相关知识点 24
5.4实验内容 28
5.5实验效果示例 28
5.6实验步骤 29
5.7实验总结 31
实验6 可视化工具Dreamweaver下超链接及多媒体的应用 32
6.1实验目的 32
6.2实验环境 32
6.3相关知识点 32
6.4实验内容 32
6.5实验效果示例 33
6.6实验步骤 34
6.7实验总结 35
实验7 表格页面以及表单页面的制作 36
7.1实验目的 36
7.2实验环境 36
7.3相关知识点 36
7.4实验内容 42
7.5实验效果示例 43
7.6实验步骤 44
7.7实验总结 45
第二部分 Web排版技术实践 47
实验8 CSS样式基本应用 47
8.1实验目的 47
8.2实验环境 47
8.3相关知识点 47
8.4实验内容（必做实验） 53
8.5实验效果示例 53
8.6实验步骤 54
8.7选做实验 55
8.8实验总结 55
实验9 CSS排版技术综合应用 56
9.1实验目的 56
9.2实验环境 56
9.3实验相关知识点 56
9.4实验内容（必做实验） 61
9.5实验效果示例 61
9.6实验步骤 62
9.7排版思路 62
9.8参考源代码 64
9.9选做实验 67
9.10实验总结 69
第三部分 Web动态技术实践 71
实验10 JavaScript基本技术应用 71
10.1实验目的 71
10.2实验环境 71
10.3相关知识点 71
10.3.1流程控制语句 71
10.3.2函数的定义 78
10.3.3函数的调用 78
10.3.4函数参数的使用 79
10.3.5函数的返回值 79
10.3.6嵌套函数 80
10.3.7递归函数 80
10.3.8内置函数 80
10.4实验内容（必做实验） 81
10.5实验效果示例 82
10.6实验步骤 82
10.7选做实验 83
10.8实验总结 84
实验11 JavaScript核心技术应用 85
11.1实验目的 85
11.2实验环境 85
11.3相关知识点 85
11.3.1内置对象 85
11.3.2事件及事件驱动 90
11.3.3常用事件 90
11.3.4事件处理程序 93
11.4实验内容（必做实验） 94
11.5实验效果示例 94
11.6实验步骤 95
11.7选做实验 96
11.8实验总结 97
第四部分 课程综合实训 99
实验12 课程综合实训（课程设计） 99
12.1实训意义 99
12.2实训目的 99
12.3前期准备 99
12.4实训步骤 101
12.5评分标准 102
12.6网站策划书文档格式 102
12.7实训题目参考 104
附录A 实训报告编写要求 105
附录B HTML常用标签 106
附录C 常用CSS属性 113
附录D HTML色彩运用基础知识 117