第1章 网页设计概述 1
1.1 网站基础知识 1
1.1.1 网站的概念、构成 1
1.1.2 网站的分类 3
1.1.3 网站的体系架构 6
1.1.4 网站的开发技术 8
1.2 网站系统设计 11
1.2.1 网站的设计原则 11
1.2.2 网站名称及主题设计 12
1.2.3 网站形象设计 13
1.2.4 网站栏目设计 15
1.2.5 网站页面设计 17
1.2.6 网站风格设计 28
1.2.7 网站结构设计 32
1.3 网页设计语言 34
1.3.1 HTML语言 34
1.3.2 CSS语言 38
1.3.3 JavaScript语言 41
1.4 网页设计工具 43
1.4.1 常用的网站设计工具 43
1.4.2 Dreamweaver CS5的使用 47
本章小结 55
进阶学习 56
思考与实践 58
第2章 HTML5网页结构设计 60
2.1 网页结构简介及应用案例 60
2.2 网页全局结构设计 62
2.2.1 网页文档类型声明 62
2.2.2 网页头部设计 62
2.2.3 网页主体设计 64
2.3 网页全局属性 66
2.4 HTML5网页结构设计前沿技术 68
2.4.1 新增的网页结构元素 68
2.4.2 新增的全局属性 72
2.5 使用DWCS5设计网页结构 73
本章小结 76
进阶学习 77
思考与实践 79
第3章 HTML5网页内容设计 82
3.1 网页内容及格式化设计应用案例 82
3.2 网页内容设计 83
3.2.1 段落标记 83
3.2.2 区块标记 83
3.2.3 列表标记 84
3.2.4 字符实体 86
3.2.5 表格 88
3.2.6 内部框架标记 96
3.3 网页内容格式化设计 98
3.3.1 预格式、显示方向与引用标记 98
3.3.2 标题标记 99
3.3.3 字体标记 100
3.3.4 字型与效果标记 101
3.3.5 水平线、换行与居中标记 102
3.3.6 逻辑字体标记 104
3.4 使用DWCS5进行网页内容及格式化设计 106
本章小结 109
进阶学习 109
思考与实践 114
第4章 HTML5网页链接设计 117
4.1 超链接简介及应用案例 117
4.2 链接资源地址 118
4.2.1 绝对URL地址 118
4.2.2 相对URL地址 118
4.3 超链接的分类 119
4.4 超链接设计——＜a＞标记 120
4.5 HTML5超链接设计前沿内容 122
4.6 使用DWCS5进行网页链接设计 123
本章小结 127
进阶学习 127
思考与实践 130
第5章 HTML5网页表单设计 133
5.1 表单简介及应用案例 133
5.2 表单主体设计——＜form＞标记 135
5.3 表单输入域设计——＜input＞标记 137
5.4 文本区与列表选择框设计——＜textarea＞、＜select＞标记 140
5.5 标签与按钮设计——＜label＞、＜button＞标记 142
5.6 表单控件分组设计——＜fieldset＞、＜legend＞标记 143
5.7 HTML5表单设计前沿内容 145
5.7.1 新增与改进的表单元素 145
5.7.2 新增与改进的表单属性 146
5.7.3 input域控件的type属性的改进 153
5.8 使用DWCS5进行表单设计 155
本章小结 159
进阶学习 159
思考与实践 161
第6章 HTML5网页多媒体与外部程序 164
6.1 多媒体与外部程序简介及应用案例 164
6.2 在网页中插入图像 168
6.2.1 图像标记 168
6.2.2 图像映射标记 170
6.3 在网页中嵌入音频、视频和动画 171
6.3.1 在当前文档中播放媒体 172
6.3.2 在外部窗口中播放媒体 173
6.3.3 插入背景音乐 174
6.4 在网页中插入外部程序 176
6.4.1 插入脚本 176
6.4.2 插入Java小程序 177
6.5 HTML5多媒体设计前沿内容 179
6.5.1 多媒体播放标记 179
6.5.2 在网页中绘图标记 182
6.6 使用DWCS5插入多媒体与外部程序 189
本章小结 194
进阶学习 194
思考与实践 197
第7章 CSS3样式表定义与应用 200
7.1 CSS3样式表简介及应用案例 200
7.2 CSS3样式表选择器 201
7.2.1 基本选择器 201
7.2.2 复合选择器 203
7.2.3 伪类与伪元素选择器 204
7.3 CSS3样式表在网页中的应用 207
7.3.1 内部样式表的应用 207
7.3.2 外部样式表的应用 208
7.3.3 样式表的优先级 211
7.4 CSS3样式设计前沿内容 213
7.4.1 CSS3技术趋势 213
7.4.2 CSS3新增选择器 213
7.5 使用DWCS5进行样式表定义与应用 216
本章小结 222
进阶学习 222
思考与实践 223
第8章 CSS3中的字体与文本样式设计 226
8.1 字体与文本样式简介及应用案例 226
8.2 字体样式设计的相关属性 227
8.3 文本样式设计的相关属性 229
8.4 CSS3字体与文本样式设计前沿内容 231
8.5 使用DWCS5进行字体与文本样式设计 233
本章小结 238
进阶学习 238
思考与实践 241
第9章 CSS3中的背景与边框样式设计 244
9.1 背景与边框样式简介及应用案例 244
9.2 背景色和背景图像样式设计的相关属性 245
9.3 背景与边框样式设计前沿内容 247
9.4 使用DWCS5进行背景与边框样式设计 251
本章小结 255
进阶学习 256
思考与实践 259
第10章 CSS3中的列表与鼠标光标样式设计 261
10.1 列表与鼠标光标样式简介及应用案例 261
10.2 列表样式设计 262
10.3 鼠标光标样式设计 264
10.4 列表与鼠标光标样式设计前沿技术 267
10.4.1 有序列表中的项目编号设计 267
10.4.2 鼠标光标样式设计 268
10.5 使用DWCS5进行列表与鼠标光标样式设计 270
本章小结 274
进阶学习 274
思考与实践 277
第11章 CSS3中的Web框样式设计 279
11.1 Web框简介及应用案例 279
11.1.1 Web框的概念与组成 279
11.1.2 Web框的度量单位与大小计算 280
11.1.3 Web框的分类 280
11.1.4 Web框的应用案例 280
11.2 Web框样式设计 281
11.2.1 Web框样式的属性 281
11.2.2 Web框属性的用法 283
11.3 Web框的浮动与定位设计 288
11.3.1 Web框的浮动设计 288
11.3.2 Web框的定位设计 290
11.4 Web框设计前沿技术 294
11.4.1 Web框的特效设计 294
11.4.2 弹性Web框设计 295
11.5 使用DWCS5进行Web框的样式设计 297
本章小结 301
进阶学习 302
思考与实践 305
第12章 CSS3中的变形与动画设计 308
12.1 变形与动画简介及应用案例 308
12.2 CSS3中的变形设计 310
12.3 CSS3中的动画设计 313
12.3.1 Transitions动画设计 313
12.3.2 Animations动画设计 316
12.4 使用DWCS5进行变形与动画设计 319
本章小结 323
进阶学习 323
思考与实践 327
第13章 CSS3中的网页布局样式设计 329
13.1 CSS3中的网页布局简介及应用案例 329
13.2 “1-2-1”网页布局样式设计 330
13.2.1 绝对定位法 331
13.2.2 浮动定位法 333
13.3 “1-3-1”网页布局样式设计 337
13.3.1 栏宽固定浮动定位法 338
13.3.2 栏宽可变浮动定位法 340
13.4 CSS3网页布局样式设计前沿内容 343
13.4.1 弹性框模型布局设计 343
13.4.2 多栏布局样式设计 345
13.5 使用DWCS5进行布局样式设计 347
本章小结 350
进阶学习 351
思考与实践 355
第14章 JavaScript的基本语法 358
14.1 JavaScript的使用及应用案例 358
14.1.1 内部JavaScript代码的嵌入 358
14.1.2 外部JavaScript文件的应用 360
14.1.3 JavaScript应用案例 362
14.2 JavaScript的基本数据类型 362
14.3 JavaScript的常量和变量 364
14.3.1 JavaScript的常量 364
14.3.2 JavaScript的变量 364
14.4 JavaScript的运算符和表达式 367
14.4.1 运算符和表达式概述 367
14.4.2 常用的运算符和表达式 368
14.5 JavaScript的函数 372
14.5.1 函数的定义 372
14.5.2 函数的调用 372
14.5.3 函数的使用说明 373
14.6 JavaScript的程序流程控制语句 375
14.6.1 条件分支语句 375
14.6.2 循环语句 378
14.7 使用DWCS5进行JavaScript网页设计 381
本章小结 383
进阶学习 384
思考与实践 386
第15章 JavaScript的对象与内置函数 388
15.1 JavaScript对象简介及应用案例 388
15.1.1 对象的概念及使用 388
15.1.2 对象在网页中的应用案例 390
15.2 自定义对象的创建 391
15.2.1 定义对象的构造函数 391
15.2.2 定义对象的方法 391
15.2.3 创建对象的实例 392
15.3 对象的事件及事件处理 394
15.3.1 事件的概念 394
15.3.2 事件处理及处理器 394
15.3.3 事件驱动 396
15.4 JavaScript的内置对象 398
15.4.1 String对象 398
15.4.2 Math对象 402
15.4.3 Date对象 404
15.4.4 Array对象 407
15.5 JavaScript的主要内置函数 411
15.6 使用DWCS5进行对象与内置函数网页设计 414
本章小结 417
进阶学习 417
思考与实践 418
第16章 JavaScript与HTML5对象模型 422
16.1 JavaScript与HTML5 BOM 422
16.1.1 BOM 422
16.1.2 window对象 423
16.1.3 location对象 431
16.1.4 histoy对象 434
16.1.5 navigator对象 436
16.1.6 screen对象 439
16.2 JavaScript与HTML5 DOM 440
16.2.1 DOM 440
16.2.2 document对象 441
16.2.3 Element对象 443
16.2.4 Attribute对象 445
16.2.5 event对象 445
16.2.6 form对象 446
16.3 使用DWCS5进行BOM和DOM对象页面设计 450
本章小结 453
进阶学习 453
思考与实践 456
第17章 JavaScript与HTML5前沿技术应用 460
17.1 地理位置定位和在线地图的使用 460
17.1.1 地理位置定位的简介 460
17.1.2 地理位置信息处理API Geolocation 461
17.1.3 地理位置定位——Position对象 465
17.1.4 百度在线地图的使用 466
17.2 应用显示API实现页面的可见与全屏显示 468
17.2.1 Page Visibility API的应用 468
17.2.2 Fullscreen API的应用 471
17.3 使用DOM方法实现文档内容的可编辑处理 476
17.3.1 元素的可编辑性 476
17.3.2 整个页面的可编辑性 476
17.3.3 元素的拖放编辑 478
17.4 基于Web存储技术实现数据的客户端存储 480
17.4.1 Web Storage概述 480
17.4.2 localStorage对象的使用 481
17.4.3 localStorage示例 483
本章小结 485
进阶学习 485
思考与实践 489
参考文献 492
专题学习资源网址 493