HTML篇 12
01 HTML基础知识 12
1.1 什么是HTML 12
1.2 HTML的基本结构 12
1.2.1 HTML文件结构 12
1.2.2 编写HTML文件时的注意事项 13
1.3 HTML文件编写方法 13
1.3.1 使用记事本手工编写HTML页面 14
1.3.2 使用Dreamweaver编写HTML页面 14
1.4 HTML页面主体标签〈body〉 15
1.4.1 设置网页背景色（bgcolor） 15
1.4.2 设置背景图片（background） 16
1.4.3 设置文本颜色（text） 16
1.4.4 设置链接文本属性（link） 17
1.4.5 设置边距（margin） 19
1.5 综合实训——创建最基本的HTML文件 20
1.6 本章小结 21
1.7 代码练习 21
1.7.1 使用记事本编写HTML代码 21
1.7.2 创建最基本的HTML网页 21
1.8 行业链接知识 21
02 HTML网页中的文字、段落和列表 22
2.1 插入特殊字符 22
2.1.1 空格符号 22
2.1.2 特殊符号 23
2.2 设置文字的属性 23
2.2.1 文字标签〈font〉 24
2.2.2 代码演练——设置丰富多彩的文本网页 24
2.3 设置段落的格式 26
2.3.1 段落格式标签 26
2.3.2 代码演练——设置文本的段落格式 26
2.4 插入水平线 27
2.4.1 水平线标签〈hr〉及属性 27
2.4.2 代码演练——在网页中插入多彩的水平线 28
2.5 创建无序列表 29
2.5.1 无序列表标签〈ul〉 29
2.5.2 无序列表的类型（type） 30
2.5.3 定义列表标签〈dl〉 31
2.5.4 菜单列表标签〈menu〉 32
2.5.5 目录列表标签〈dir〉 33
2.6 创建有序列表 34
2.6.1 有序列表标签〈ol〉 34
2.6.2 有序列表的类型（type） 34
2.6.3 有序列表的起始数值（start） 35
2.6.4 代码演练——在网页中插入列表 36
2.7 综合实训——设置页面文本及段落 37
2.8 本章小结 39
2.9 代码练习 39
2.9.1 插入丰富多彩的文本 39
2.9.2 使用列表排段落 39
2.10 行业链接知识 39
03 图片及多媒体文件的使用 40
3.1 图像标签及属性 40
3.1.1 图像标签〈img〉 40
3.1.2 设置图像高度（height） 41
3.1.3 设置图像宽度（width） 41
3.1.4 设置图像边框（border） 42
3.1.5 设置图像水平间距（hspace） 42
3.1.6 设置图像垂直间距（vspace） 43
3.1.7 设置图像相对于文字的对齐方式（align） 43
3.1.8 设置图像替代文字（alt） 44
3.1.9 代码演练——在网页中插入图像 45
3.2 添加背景音乐 46
3.2.1 背景音乐标签〈bgsound〉 46
3.2.2 设置循环播放次数（loop） 47
3.3 多媒体文件标签〈embed〉 47
3.4 设置滚动效果标签〈marquee〉 48
3.4.1 〈marquee〉标签及其属性 48
3.4.2 代码演练——在网页中插入滚动公告 49
3.5 综合实训——创建丰富的图像和多媒体网页 51
3.6 本章小结 53
3.7 代码练习 53
3.7.1 为网页添加图像 53
3.7.2 插入滚动效果 53
3.8 行业链接知识 53
04 HTML超链接和表单 54
4.1 超链接的基本概念 54
4.2 创建基本超链接 54
4.2.1 超链接标签 54
4.2.2 设置目标窗口 55
4.3 创建图像的超链接 56
4.3.1 设置图像超链接 56
4.3.2 设置图像热区链接 57
4.4 创建锚点链接 58
4.4.1 创建锚点 58
4.4.2 代码演练——创建链接到页面不同位置的锚点 58
4.5 插入表单〈form〉 60
4.5.1 处理程序（action） 60
4.5.2 表单名称（name） 61
4.5.3 传送方法（method） 61
4.5.4 编码方式（enctype） 62
4.5.5 目标显示方式（target） 63
4.5.6 代码演练——制作注册表单完整页面 63
4.6 综合实训——插入不同类型的链接 66
4.7 本章小结 68
4.8 代码练习 68
4.8.1 插入表单对象 68
4.8.2 给网页添加链接 68
4.9 行业链接知识 68
05 创建框架结构网页 69
5.1 窗口框架简介 69
5.2 设置框架集标签〈frameset〉属性 69
5.2.1 水平分割窗口（rows） 69
5.2.2 垂直分割窗口（cols） 70
5.2.3 嵌套分割窗口 71
5.2.4 设置边框（frameborder） 71
5.2.5 框架的边框宽度（framespacing） 72
5.2.6 框架的边框颜色（bordercolor） 73
5.3 设置框架标签（frame）属性 74
5.3.1 框架页面源文件（src） 74
5.3.2 框架名称（name） 74
5.3.3 禁止调整框架窗口尺寸（noresize） 75
5.3.4 框架边框与页面内容的水平边距（marginwidth） 76
5.3.5 框架边框与页面内容的垂直边距（marginheight） 76
5.3.6 设置框架滚动条显示（scrolling） 77
5.3.7 不支持框架标签（noframes） 78
5.3.8 代码演练——创建框架页面 78
5.4 设置框架中的链接 79
5.4.1 代码演练——设置普通框架结构的链接 79
5.4.2 代码演练——设置浮动框架的链接 80
5.5 综合实训——创建上方固定左侧嵌套的框架网页 81
5.6 本章小结 83
5.7 代码练习 83
5.7.1 创建框架网页 83
5.7.2 插入浮动框架 83
06 使用表格 84
6.1 创建并设置表格属性 84
6.1.1 表格基本标签〈table〉、〈tr〉和〈td〉 84
6.1.2 表格宽度和高度（width和height） 85
6.1.3 表格标题〈caption〉 86
6.1.4 表格表头〈th〉 87
6.1.5 表格对齐方式（align） 87
6.1.6 表格边框宽度（border） 88
6.1.7 表格边框颜色（bordercolor） 89
6.1.8 单元格间距（cellspacing） 89
6.1.9 表格内文字与边框距离（cellpadding） 90
6.1.10 表格背景色（bgcolor） 91
6.1.11 表格背景图像（background） 92
6.1.12 代码演练——创建表格排列数据 92
6.2 调整表格属性 94
6.2.1 表格的行属性〈tr〉 94
6.2.2 单元格属性〈td〉 95
6.2.3 代码演练——设置表格属性 95
6.3 表格的结构标签 96
6.3.1 设计表头样式〈thead〉 97
6.3.2 设计表主体样式〈tbody〉 97
6.3.3 设计表尾样式〈tfoot〉 98
6.4 综合实训——使用表格排版网页 99
6.5 本章小结 100
6.6 代码练习 101
6.6.1 插入表格 101
6.6.2 设置表格的属性 101
6.7 行业链接知识 101
07 使用XHTML 102
7.1 XHTML简介 102
7.1.1 什么是XHTML 102
7.1.2 为什么要升级到XHTML 102
7.2 XHTML页面基本结构 103
7.3 XHTML语法规范 4
7.4 代码演练——在Dreamweaver中创建XHTML网页 106
7.5 综合实训——将现有的HTML网站类型转换成XHTML 108
7.6 本章小结 110
7.7 代码练习 110
7.7.1 在软件中编写XHTML 110
7.7.2 将网页转换成XHTML 110
CSS篇 112
08 CSS入门基础知识 112
8.1 CSS基础 112
8.1.1 CSS基本概念 112
8.1.2 CSS的优点 112
8.2 在网页中添加CSS 113
8.2.1 添加CSS的优势 113
8.2.2 代码演练——编写CSS 113
8.3 使用CSS 115
8.3.1 CSS的基本语法结构 115
8.3.2 在网页中添加CSS的方法 116
8.3.3 代码演练——以链接外部样式表方式添加CSS 117
8.4 综合实训——给网页添加CSS 119
8.5 本章小结 122
8.6 代码练习 122
8.6.1 设置链接文本的CSS 122
8.6.2 设置背景颜色 122
8.7 行业链接知识 122
09 CSS样式表语法基础 123
9.1 设置字体属性 123
9.1.1 设置字体（font-family） 123
9.1.2 设置字号（font-size） 124
9.1.3 设置字体风格（font-style） 125
9.1.4 设置加粗字体（font-weight） 125
9.1.5 设置变体属性（font-variant） 126
9.1.6 设置文字修饰（text-decoration） 127
9.1.7 代码演练——设置字体的复合属性 128
9.2 设置段落属性 129
9.2.1 段落属性标签 129
9.2.2 代码演练——设置文本段落的属性 130
9.3 设置背景和颜色属性 132
9.3.1 背景属性 132
9.3.2 代码演练——设置背景复合属性 132
9.4 设置定位属性 134
9.4.1 定位类型（position） 134
9.4.2 元素位置（top,right,bottom和left） 134
9.4.3 清除属性（clear） 135
9.4.4 裁切区域（clip） 136
9.4.5 设置宽度和高度（width和height） 136
9.4.6 溢出（overflow） 137
9.4.7 可见性（visibility） 138
9.5 设置列表属性 139
9.5.1 列表类型（list-style-type） 139
9.5.2 项目符号图像（list-style-image） 139
9.5.3 列表位置（list-style-position） 140
9.5.4 列表复合属性（list-style） 141
9.6 设置边框属性 141
9.6.1 边框样式（border-style） 142
9.6.2 边框宽度（border-width） 143
9.6.3 边框颜色（border-color） 143
9.6.4 代码演练——设置边框属性 144
9.7 扩展滤镜属性 146
9.7.1 不透明度（alpha） 146
9.7.2 动感模糊（blur） 147
9.7.3 对颜色进行透明处理（chroma） 148
9.7.4 设置阴影（dropShadow） 149
9.7.5 对象的翻转（flipH和flipV） 150
9.7.6 光晕效果（glow） 150
9.7.7 灰度处理（gray） 151
9.7.8 反相（invert） 152
9.7.9 X光片效果（Xray） 152
9.7.10 遮罩效果（mask） 153
9.7.11 波形滤镜（wave） 154
9.8 综合实训——利用CSS控制网页中的文本 155
9.9 本章小结 156
9.10 代码练习 156
9.10.1 利用CSS设置文本属性 156
9.10.2 利用CSS创建特效文字 156
9.11 行业链接知识 156
10 CSS+Div布局定位基础 157
10.1 Div标签与Span标签 157
10.1.1 Div概述 157
10.1.2 Div与Span的区别 158
10.2 盒子模型 159
10.2.1 盒子模型的概念 159
10.2.2 border（边框） 160
10.2.3 padding（填充） 163
10.2.4 margin（边距） 164
10.3 元素的定位方式 166
10.3.1 float定位 166
10.3.2 position定位 167
10.3.3 z-index空间位置 171
10.4 CSS布局理念 172
10.4.1 将页面用Div分块 172
10.4.2 设计各块的位置 173
10.4.3 用CSS定位 173
10.5 代码演练——常见的布局类型 175
10.5.1 一列固定宽度 175
10.5.2 一列自适应宽度 176
10.5.3 两列固定宽度 177
10.5.4 两列自适应宽度 178
10.5.5 两列右列自适应宽度 179
10.5.6 三列浮动中间自适应宽度 180
10.5.7 三行二列居中自适应高度 181
10.6 综合实训——利用CSS布局网页 183
10.7 本章小结 186
10.8 代码练习 187
10.8.1 两列固定宽度布局网页 187
10.8.2 利用CSS布局网页 187
10.9 行业链接知识 187
JavaScript篇 190
11 JavaScript语法基础 190
11.1 JavaScript背景知识 190
11.1.1 JavaScript的历史 190
11.1.2 JavaScript的特点 190
11.2 JavaScript描述方法 191
11.2.1 〈script〉标签使用方法 191
11.2.2 外部调用文件 191
11.2.3 内嵌HTML标签中 192
11.2.4 代码演练——编写第一个JavaScript程序 192
11.3 JavaScript运算符 193
11.3.1 算术运算符 193
11.3.2 逻辑运算符 194
11.3.3 比较运算符 194
11.4 JavaScript程序语句 194
11.4.1 代码演练——使用if语句 194
11.4.2 代码演练——使用for语句 196
11.4.3 代码演练——使用switch语句 197
11.4.4 代码演练——使用while语句 199
11.5 综合实训——制作倒计时特效 201
11.6 本章小结 202
11.7 代码练习 202
11.7.1 顺序输出1～100的整数 202
11.7.2 制作提示闹钟 202
12 JavaScript中的事件 203
12.1 事件概述 203
12.2 事件分析 204
12.2.1 Click事件 204
12.2.2 Change事件 205
12.2.3 Select事件 205
12.2.4 Focus事件 206
12.2.5 Load事件 207
12.2.6 Unload事件 208
12.2.7 Mouseover与Mouseout事件 209
12.2.8 Blur事件 210
12.3 其他事件 211
12.4 综合实训——将事件应用于按钮中 212
12.5 本章小结 213
12.6 代码练习 214
12.6.1 鼠标单击事件 214
12.6.2 弹出窗口效果 214
13 JavaScript中的函数 215
13.1 什么是函数 215
13.2 函数的定义 215
13.2.1 函数的普通定义方式 215
13.2.2 函数的变量定义方式 216
13.2.3 函数的指针调用方式 217
13.2.4 函数的参数 219
13.3 函数的返回类型 219
13.3.1 值类型 219
13.3.2 引用类型 220
13.3.3 返回函数 220
13.4 函数的分类 221
13.4.1 构造函数 221
13.4.2 有返回值的函数 221
13.4.3 无返回值的函数 222
13.5 函数的作用域 222
13.5.1 公有函数 222
13.5.2 私有函数 222
13.6 函数的嵌套 223
13.7 综合实训——JavaScript函数应用实例 224
13.8 本章小结 226
13.9 代码练习 226
13.9.1 显示当前日期 226
13.9.2 定时关闭窗口 226
13.10 行业链接知识 226
14 使用JavaScript中的不同对象 227
14.1 JavaScript对象基础 227
14.1.1 声明和实例化 227
14.1.2 对象的引用 228
14.1.3 对象的废除 229
14.1.4 对象的绑定 230
14.2 浏览器对象 230
14.2.1 navigator对象 230
14.2.2 window对象 231
14.2.3 location对象 233
14.2.4 history对象 235
14.2.5 document对象 235
14.3 内置对象 238
14.3.1 时间对象（date） 238
14.3.2 数学对象（math） 240
14.3.3 字符串对象（string） 242
14.3.4 数组对象（Array） 244
14.4 综合实训——改变网页背景颜色和文字颜色 246
14.5 本章小结 248
14.6 代码练习 248
14.6.1 随机显示文字 248
14.6.2 在标题栏显示滚动信息 248
14.7 行业链接知识 248
15 利用JavaScript制作特效网页实例 249
15.1 时间特效 249
15.1.1 代码演练——显示当前时间 249
15.1.2 代码演练——显示当前日期 250
15.1.3 代码演练——显示网页停留时间 252
15.2 图像特效 253
15.2.1 代码演练——当鼠标指针经过图像时图像震动效果 253
15.2.2 代码演练——图片闪烁效果 254
15.2.3 代码演练——自动切换图像 255
15.3 窗口特效 257
15.3.1 代码演练——全屏显示窗口 257
15.3.2 代码演练——定时关闭窗口 258
15.4 鼠标特效 259
15.4.1 代码演练——禁止鼠标右击 259
15.4.2 代码演练——图片跟随鼠标特效 261
15.4.3 代码演练——跟随鼠标的文字 262
15.5 其他特效 263
15.5.1 代码演练——设置为首页和加入收藏夹 263
15.5.2 代码演练——检测表单数据 264
15.5.3 代码演练——禁止保存网页 266
15.6 本章小结 267
15.7 代码练习 267
15.7.1 制作倒计时特效 267
15.7.2 自动弹出提示信息特效 267
15.8 行业链接知识 268
综合篇 270
16 Ajax技术 270
16.1 Ajax概述 270
16.1.1 Ajax含义 270
16.1.2 Ajax技术原理 270
16.1.3 Ajax技术的优缺点 271
16.2 Ajax的组成 272
16.2.1 Ajax中的JavaScript 272
16.2.2 Ajax中的XMLHttpRequest 272
16.2.3 Ajax中的CSS 273
16.2.4 Ajax中的DOM 273
16.2.5 Ajax中的XML 273
16.3 XMLHttpRequest对象创建 274
16.4 实现Ajax 275
16.4.1 创建HTTP请求 275
16.4.2 设置响应HTTP请求状态变化的函数 276
16.4.3 设置获取服务器返回数据的语句 277
16.4.4 发送HTTP请求 277
16.5 综合实训——使用Ajax读取HTML文件 278
16.6 本章小结 279
17 制作房地产企业网站 280
17.1 行业应用指南 280
17.1.1 房地产类网站建设目的 280
17.1.2 房地产网站分类 280
17.1.3 房地产网站的特点 281
17.1.4 房地产网站色彩搭配与结构设计 282
17.2 网站整体规划 282
17.2.1 网站结构规划 282
17.2.2 页面结构布局 283
17.3 页面效果图 283
17.4 设计网站主页 284
17.4.1 用CSS设置网页整体外观 284
17.4.2 制作＃header部分 285
17.4.3 制作滚动公告 288
17.4.4 制作botBody正文部分 289
17.4.5 制作highlight部分 294
17.4.6 制作footerbig部分 295
17.5 本章小结 297
17.6 代码练习——设计房地产公司主页 297
18 制作游戏网站 298
18.1 行业应用指南 298
18.1.1 游戏网站的分类 298
18.1.2 网络游戏的特点 299
18.1.3 色彩搭配与风格设计 299
18.2 网站整体规划 300
18.2.1 网站结构规划 300
18.2.2 页面结构布局 300
18.3 页面效果图 301
18.4 布局设计 302
18.4.1 整体样式设计 302
18.4.2 页头部分 303
18.4.3 内容部分 304
18.4.4 页脚部分 311
18.5 JavaScript制作图片循环隐现效果 312
18.6 本章小结 313
18.7 代码练习——设计综合游戏类网站页面 313
19 制作购物网站 314
19.1 行业应用指南 314
19.1.1 购物网站分类 314
19.1.2 购物网站特点分析 315
19.1.3 购物网站主要栏目和功能 316
19.1.4 购物网站色彩搭配与结构设计 318
19.2 网站整体规划 318
19.2.1 购物网站流程 318
19.2.2 页面结构布局 319
19.3 页面效果图 320
19.4 制作网站页面 320
19.4.1 制作头部文件 321
19.4.2 制作登录区 321
19.4.3 制作产品分类区 324
19.4.4 制作联系信息区 326
19.4.5 制作广告图片 327
19.4.6 制作搜索引擎 328
19.4.7 使用Flash和XML制作翻页图片 329
19.4.8 制作商品展示区 330
19.4.9 制作底部版权文件 332
19.5 本章小结 332
19.6 代码练习——设计美食、鲜花和礼品销售网站 332