第1章 网页设计基础知识 1
1.1 认识网页 1
1.1.1 网页和网站 1
1.1.2 网页基本构成元素 2
1.2 如何设计网页 3
1.2.1 网页设计基本原则 3
1.3.2 网页设计成功要素 4
1.2.3 网页设计风格及色彩搭配 6
1.3 网页设计师应具备的素质 7
1.3.1 艺术素质 7
1.3.2 技能素质 8
1.3.3 综合素质 8
1.4 专家解惑 8
第2章HT ML网页文档结构 10
2.1 HTML代码的结构 10
2.1.1 HTML代码的组成 10
2.1.2 代码注释 11
2.2 HTML的基本标签 12
2.2.1 HTML标记〈html〉 12
2.2.2 head标签及其属性 12
2.2.3 body标签及其属性 15
2.3 HTML文件的编写方法 16
2.3.1 手工编写HTML文件 16
2.3.2 使用HTML编辑器 17
2.4 使用浏览器查看HTML文件 19
2.4.1 各大浏览器与HTML的兼容 19
2.4.2 查看页面效果 20
2.4.3 查看源文件 20
2.5 专家解惑 21
第3章 网页文本与段落的设计 22
3.1 网页文本的特殊样式 22
3.1.1 粗体显示 22
3.1.2 强调显示 23
3.1.3 加强调显示 24
3.1.4 倾斜文本 24
3.1.5 上标和下标文本 25
3.1.6 设置文字大小 26
3.1.7 定义文字的方向 27
3.1.8 设置文字的字体、大小与颜色 28
3.2 网页文本排版 28
3.2.1 换行标记〈br/〉 29
3.2.2 段落标记〈p〉 29
3.2.3 网页标题标记〈h1〉～〈h6〉 31
3.2.4 文本水平居中标记〈center〉 32
3.2.5 标尺标记〈hr〉 32
3.3 网页文字列表的设计 33
3.3.1 建立无序列表 33
3.3.2 建立有序列表 35
3.3.3 建立不同类型的无序列表 36
3.3.4 建立不同类型的有序列表 37
3.3.5 嵌套列表 38
3.3.6 自定义列表 39
3.4 设置网页文本段落格式 40
3.4.1 段落左对齐 40
3.4.2 段落居中对齐 41
3.4.3 段落右对齐 41
3.5 综合实战——成才教育网文本设计 42
3.6 专家解惑 43
第4章 网页色彩和图片的设计 44
4.1 网页色彩的应用 44
4.2 在网页中插入图像 45
4.2.1 设置图像在网页中的宽度和高度 47
4.2.2 设置图像的提示文字 48
4.2.3 将图片设置为网页背景 49
4.2.4 排列图像 50
4.3 综合实战——制作茂森房地产广告网页 51
4.4 专家解惑 52
第5章 网页超链接的设计 53
5.1 链接和路径 53
5.1.1 超链接的概念 53
5.1.2 链接路径URL 54
5.1.3 HTTP路径 55
5.1.4 FTP路径 56
5.1.5 电子邮件路径 57
5.2 链接元素 58
5.2.1 链接元素〈a〉 58
5.2.2 指定路径属性href 59
5.2.3 显示链接目标属性target 59
5.2.4 激活顺序属性tabindex 61
5.2.5 链接的热键属性accesskey 62
5.2.6 链接到同一页面的不同位置 63
5.3 图像链接 65
5.3.1 创建链接区域元素〈map〉 65
5.3.2 链接区域的名称属性name 65
5.3.3 定义鼠标敏感区元素area 65
5.3.4 链接的路径属性href 66
5.3.5 链接的文本说明属性alt 67
5.4 专家解惑 68
第6章 网页表格的设计 70
6.1 表格基本结构 70
6.1.1 表格概述 70
6.1.2 用于创建表格的标记 70
6.2 创建表格 72
6.2.1 创建普通表格 72
6.2.2 创建带有标题的表格 73
6.2.3 创建完整的表格 74
6.3 设置表格属性 76
6.3.1 定义表格的边框类型 76
6.3.2 定义表格的表头 77
6.3.3 设置表格背景 78
6.3.4 设置单元格背景 80
6.4 综合实例——制作计算机报价表 81
6.5 专家解惑 83
第7章 网页表单的设计 84
7.1 表单简介 84
7.2 表单基本元素 85
7.2.1 表单标签 85
7.2.2 文字字段 86
7.2.3 密码域 88
7.2.4 单选按钮 88
7.2.5 复选框 89
7.2.6 下拉菜单 90
7.2.7 列表框 91
7.2.8 普通按钮 92
7.2.9 提交按钮 93
7.2.10 重置按钮 94
7.3 综合实战——制作淘宝注册页 95
7.4 专家解惑 97
第8章 使用HTML创建框架 98
8.1 窗口框架简介 98
8.1.1 什么是框架 98
8.1.2 框架的基本结构 99
8.2 设置框架集的基本属性 99
8.2.1 水平分割窗口 99
8.2.2 垂直分割窗口 100
8.2.3 混合分割窗口 101
8.2.4 设置框架边框 103
8.2.5 设置框架的边框宽度 104
8.2.6 设置框架的边框颜色 105
8.3 设置窗口属性 106
8.3.1 页面源文件 106
8.3.2 设置页面名称 107
8.3.3 固定窗口的尺寸 108
8.3.4 边框与页面内容的水平边距 109
8.3.5 边框与页面内容的垂直边距 111
8.3.6 设置框架滚动条显示 112
8.3.7 不支持框架标签 113
8.4 内联框架 114
8.4.1 内联框架的主要参数 114
8.4.2 必需参数：页面源文件 117
8.4.3 特有属性：框架大小 117
8.4.4 特有属性：对齐方式 118
8.4.5 共有参数设置 119
8.4.6 其他参数 120
8.5 框架与链接 122
8.5.1 设置普通框架结构的链接 122
8.5.2 内联框架与链接 125
8.6 专家解惑 127
第9章 网页多媒体的设计 128
9.1 添加动态文字 128
9.1.1 设置滚动文字 128
9.1.2 设置文字的滚动方向 129
9.1.3 设置文字的滚动方式 131
9.1.4 设置文字的滚动循环次数 132
9.1.5 设置文字的滚动速度 133
9.1.6 设置文字滚动的时间间隔 134
9.1.7 设置滚动文字的背景色 135
9.1.8 设置滚动文字的背景面积 136
9.1.9 设置空白空间 137
9.2 添加背景音乐 138
9.2.1 设置背景音乐 138
9.2.2 设置背景音乐的循环播放次数 139
9.3 添加多媒体文件 140
9.3.1 设置多媒体文件 140
9.3.2 设置多媒体文件的自动运行 141
9.3.3 设置多媒体文件的循环播放 142
9.3.4 隐藏多媒体播放面板 143
9.3.5 添加其他类型的多媒体文件 144
9.4 专家解惑 145
第10章 初识CSS 146
10.1 为什么要使用CSS 146
10.2 在HTML中使用CSS的方法 147
10.2.1 行内样式 147
10.2.2 内嵌样式 148
10.2.3 链接样式 150
10.2.4 导入样式 151
10.2.5 优先级问题 152
10.3 专家解惑 155
第11章 GSS基础语法 156
11.1 CSS选择器 156
11.1.1 标签选择器 156
11.1.2 类选择器 157
11.1.3 ID选择器 159
11.1.4 全局选择器 160
11.1.5 组合选择器 161
11.1.6 继承选择器 163
11.1.7 伪类选择器 164
11.1.8 属性选择器 166
11.2 选择器声明 167
11.2.1 集体声明 167
11.2.2 多重嵌套声明 168
11.3 CSS继承 168
11.5 综合实例——制作新闻菜单 170
11.6 专家解惑 173
第12章 CSS字体与段落属性 174
12.1 CSS文字样式 174
12.1.1 字体（font-family） 174
12.1.2 字号（font-size） 175
12.1.3 字体风格（font-style） 177
12.1.4 加粗字体（font-weight） 178
12.1.5 小写字母转为大写字母（font-variant） 179
12.1.6 字体复合属性（font） 180
12.1.7 字体颜色（color） 181
12.2 CSS段落样式 182
12.2.1 单词间隔（word-spacing） 182
12.2.2 字符间隔（letter-spacing） 183
12.2.3 文字修饰（text-decoration） 184
12.2.4 垂直对齐方式（vertial-align） 185
12.2.5 文本转换（text-transform） 187
12.2.6 水平对齐方式（text-align） 188
12.2.7 文本缩进（text-indent） 190
12.2.8 文本行高（line-height） 191
12.2.9 处理空白（white-sapce） 191
12.2.10 文本反排（unicode-bidi和direction） 193
12.4 综合实例——网页简单图文混排 195
12.5 专家解惑 197
第13章 用CSS美化图片 198
13.1 修饰图片 198
13.1.1 图片边框 198
13.1.2 图片缩放 199
13.2 对齐图片 202
13.2.1 横向对齐方式 202
13.2.2 纵向对齐方式 203
13.3 图文混排 205
13.3.1 文字环绕 205
13.3.2 设置图片与文字间距 206
13.4 综合实例1——一句话新闻 208
13.5 综合实例2——学校宣传单 212
13.6 专家解惑 214
第14章 用CSS设置背景与边框 215
14.1 设置背景 215
14.1.1 背景颜色 215
14.1.2 背景图片 217
14.1.3 背景复合属性 224
14.2 设置边框 225
14.2.1 边框样式 225
14.2.2 边框颜色 227
14.2.3 边框线宽 228
14.2.4 边框复合属性 230
14.3 综合实例——简单的公司主页 231
14.4 专家解惑 235
第15章 用CSS美化超级链接和鼠标 236
15.1 超级链接特效 236
15.1.1 改变超级链接的基本样式 236
15.1.2 超级链接背景图设置 238
15.1.3 超级链接按钮效果 240
15.2 鼠标特效 241
15.2.1 使用CSS控制鼠标箭头 241
15.2.2 鼠标变幻超链接 243
15.2.3 页面滚动条 244
15.3 综合实例1——制作实用导航栏 246
15.4 综合实例2——鼠标特效 248
15.5 专家解惑 251
第16章 用CSS美化表格和表单样式 252
16.1 表格样式 252
16.1.1 表格边框样式 252
16.1.2 表格边框宽度 255
16.1.3 表格边框颜色 256
16.2 CSS与表单 258
16.2.1 美化表单中的元素 258
16.2.2 美化提交按钮 260
16.2.3 美化下拉菜单 262
16.3 综合实例1——隔行变色 264
16.4 综合实例2——表格图文网页布局 266
16.5 综合实例3——变色表格 269
16.6 综合实例4——登录表单 272
16.7 综合实例5——注册表单 274
16.8 专家解惑 277
第17章 用CSS制作实用菜单 278
17.1 项目列表 278
17.1.1 美化无序列表 278
17.1.2 美化有序列表 280
17.1.3 美化自定义列表 282
17.1.4 图片列表 283
17.1.5 列表缩进 285
17.1.6 列表复合属性 286
17.2 无需表格的菜单 288
17.3 菜单的横竖转换 291
17.4 综合实例1——段落模拟列表效果 293
17.5 综合实例2——模拟SOSO导航栏 295
17.6 专家解惑 299
第18章 CSS滤镜的应用 300
18.1 滤镜概述 300
18.2 CSS的基本滤镜 301
18.2.1 通道（Alpha）滤镜 301
18.2.2 Blur滤镜 303
18.2.3 Chroma滤镜 305
18.2.4 DropShadow滤镜 306
18.2.5 FlipH滤镜 307
18.2.6 Glow滤镜 308
18.2.7 Gray滤镜 309
18.2.8 Invert滤镜 310
18.2.9 FlipV滤镜 311
18.2.10 Mask滤镜 312
18.2.11 Shadow滤镜 313
18.2.12 Wave滤镜 314
18.2.13 X-ray滤镜 315
18.3 CSS的高级滤镜 316
18.3.1 BlendTrans滤镜 316
18.3.2 Light滤镜 318
18.3.3 RevealTrans滤镜 320
18.4 专家解惑 322
第19章 CSS定位与DIV布局 324
19.1 定位方式 324
19.1.1 定位属性 324
19.1.2 position属性 325
19.1.3 层叠顺序 329
19.1.4 边偏移属性 331
19.2 浮动定位 332
19.3 溢出定位 334
19.4 隐藏定位 336
19.5 块和行内元素 338
19.5.1 块元素 338
19.5.2 行内元素 340
19.6 综合实例——左右布局的新闻页面 341
19.7 专家解惑 345
第20章 CSS与JavaScript的搭配应用 346
20.1 JavaScript概述 346
20.1.1 JavaScript概念 346
20.1.2 JavaScript的引用 347
20.1.3 JavaScript与CSS 348
20.2 JavaScript语法基础 349
20.2.1 数据类型 349
20.2.2 变量 350
20.2.3 运算符 350
20.2.4 流程控制语句 353
20.2.5 函数 357
20.3 综合实例1——打字效果的文字 360
20.4 综合实例2——文字升降特效 362
20.5 综合实例3——跑马灯效果 364
20.6 综合实例4——闪烁图片 367
20.7 综合实例5——左右移动的图片 369
20.8 综合实例6——向上滚动菜单 372
20.9 综合实例7——跟随鼠标移动的图片 374
20.10 综合实例8——树形菜单 376
20.11 综合实例9——颜色选择器 381
20.12 专家解惑 384
第21章 CSS与XML的综合运用 385
21.1 XML语法基础 385
21.1.1 XML概念 385
21.1.2 XML文档的组成和声明 387
21.1.3 XML元素介绍 388
21.2 使用CSS修饰XML文件 391
21.2.1 在XML文件中使用CSS 391
21.2.2 设置字体属性 392
21.2.3 设置色彩属性 393
21.2.4 设置边框属性 395
21.2.5 设置文本属性 396
21.3 综合实战1——招聘广告 398
21.4 综合实战2——书目清单 400
21.5 综合实战3——图文混排页面 403
21.6 综合实战4——古诗欣赏 406
21.7 专家解惑 409
第22章 CSS与Ajax的综合应用 410
22.1 Ajax概述 410
22.1.1 什么是Aiax 410
22.1.2 Aiax的关键元素 414
22.1.3 CSS在Ajax应用中的地位 414
22.2 Ajax快速入门 415
22.2.1 全面剖析XMLHttpRequest对象 415
22.2.2 发出Aiax请求 418
22.2.3 处理服务器响应 419
22.3 CSS与Aiax综合实战——制作自由拖动的网页 421
22.4 专家解惑 427
第23章 构建企业门户网站 428
23.1 构思布局 428
23.1.1 设计分析 428
23.1.2 排版架构 429
23.2 模块分割 430
23.2.1 Logo与导航菜单 430
23.2.2 左侧文本介绍 433
23.2.3 右侧导航链接 434
23.2.4 版权信息 436
23.3 整体调整 437
23.4 专家解惑 438
第24章 团购商务类网站的设计 439
24.1 整体布局 439
24.1.1 整体设计分析 439
24.1.2 架构布局分析 440
24.2 主要模块设计 442
24.2.1 样式代码分析 442
24.2.2 网页顶部代码分析 443
24.2.3 分类及区域选择模块分析 445
24.2.4 新品展示模块分析 446
24.2.5 侧边栏模块分析 449
24.2.6 热门城市索引模块分析 452
24.2.7 底部模块分析 453
24.3 调整 455
24.3.1 部分内容调整 455
24.3.2 模块调整 456
24.3.3 调整后预览测试 456