第1章 网页设计理论 1
1.1 网页的来源和本质 1
1.1.1 互联网和网页的诞生 1
1.1.2 网页的本质 2
1.2 网页的组成元素 2
1.3 网页的尺寸 3
1.3.1 分辨率 3
1.3.2 像素 4
1.3.3 网页的基本尺寸 4
1.4 网页的布局 4
1.4.1 网页布局的方式 4
1.4.2 网页布局的技术实现 5
1.5 网页的色彩 6
1.5.1 RGB模式 6
1.5.2 色彩搭配 7
1.5.3 色彩和风格 8
1.6 需求分析 9
1.7 网页设计流程 10
小结 11
习题 11
第2章 HTML语言 12
2.1 HTML概述 12
2.2 HTML语法 12
2.3 HTML文档结构 13
2.3.1 DOCTYPE文档声明 14
2.3.2 头部标记 14
2.3.3 body标记 17
2.4 HTML常用标记 18
2.4.1 文本标记 18
2.4.2 图像标记 21
2.4.3 超链接标记 23
2.4.4 列表标记 27
2.4.5 分节标记 29
2.4.6 表格标记 31
2.4.7 浮动框架标记 34
2.4.8 多媒体标记 35
2.4.9 交互标记 38
小结 39
习题 39
第3章 HTML5表单 40
3.1 动态网页与网页的动态效果 40
3.2 表单设计基础 40
3.3 表单标记 40
3.3.1 表单标记<form> 41
3.3.2 输入标记<input> 41
3.3.3 下拉列表框标记<select> 46
3.3.4 多行文本框标记<textarea> 47
3.3.5 表单分组标记<fieldset>与分组标题标记<legend> 48
3.3.6 按钮标记<button> 48
3.3.7 绑定标记<label> 48
3.3.8 输出标记<output> 49
3.3.9 生成秘钥对标记<keygen> 49
3.4 综合实例 50
小结 51
习题 51
第4章 CSS基础 53
4.1 CSS的概念 53
4.2 CSS的基本语法 53
4.2.1 CSS规则 53
4.2.2 CSS的引用方法 54
4.2.3 CSS注释 56
4.3 选择器 56
4.3.1 基本CSS选择器 56
4.3.2 复合选择符 59
4.3.3 伪类和伪元素选择器 61
4.4 CSS的继承特性 66
4.5 CSS的层叠特性 68
4.6 CSS常用单位 69
4.7 CSS书写和命名规范 70
小结 71
习题 71
第5章 CSS页面布局及排版 73
5.1 CSS盒子模型 73
5.1.1 盒子模型的概念 73
5.1.2 边框(border) 74
5.1.3 内容 77
5.1.4 padding(内边距) 79
5.1.5 margin(外边距) 80
5.2 盒子之间的关系 80
5.2.1 标准文档流 81
5.2.2 div元素和span元素 82
5.2.4 盒子在标准流中的定位 84
5.2.5 盒子的浮动与定位 86
5.2.6 z-index空间位置 92
5.2.7 盒子的display属性 92
5.3 CSS页面布局 93
5.3.1 宽度固定且居中版式 93
5.3.2 “工”字型版式 97
5.4 CSS内容排版 99
5.4.1 CSS设置文字样式 99
5.4.2 CSS设置图像样式 107
5.4.3 CSS设置背景样式 110
5.4.4 CSS设置列表样式 113
5.4.5 通过CSS设置丰富的超链接 115
5.4.6 鼠标特效 118
5.4.7 CSS设置表格样式 118
5.4.8 CSS设置表单样式 123
5.5 浏览器兼容 125
小结 126
习题 127
第6章 JavaScript基础 128
6.1 JavaScript概述 128
6.1.1 JavaScript简介 128
6.1.2 JavaScript的应用 129
6.1.3 JavaScript嵌入网页的方式 129
6.1.4 JavaScript的特点 133
6.1.5 JavaScript程序代码的编写习惯 133
6.2 JavaScript语法基础 134
6.2.1 数据类型、常量、变量 134
6.2.2 数据类型的转换 137
6.2.3 运算符和表达式 138
6.2.4 JavaScript程序流程控制 142
6.2.5 JavaScript函数 150
小结 156
习题 156
第7章 JavaScript对象 158
7.1 对象的基本概念 158
7.1.1 对象和类 158
7.1.2 使用对象 158
7.1.3 对象废除 159
7.1.4 对象类型 159
7.2 核心对象 160
7.2.1 Math对象 160
7.2.2 Number对象 161
7.2.3 Boolean对象 163
7.2.4 String对象 163
7.2.5 Array对象 165
7.2.6 Date对象 170
7.2.7 Object对象 170
7.2.8 Function对象 171
7.2.9 RegExp对象 173
7.3 环境对象 175
7.3.1 window对象 175
7.3.2 location对象 179
7.3.3 navigator对象 180
7.3.4 history对象 181
7.3.5 screen对象 182
7.3.6 document对象 182
小结 186
习题 186
第8章 DOM技术 188
8.1 DOM概述 188
8.1.1 DOM节点树 188
8.1.2 节点属性和方法 189
8.2 获取节点 190
8.2.1 获取特定的节点 190
8.2.2 获取相关节点 193
8.2.3 属性节点的访问方法 194
8.3 操作节点 196
8.3.1 创建节点 196
8.3.2 插入节点 196
8.3.3 替换节点 197
8.3.4 删除节点 197
8.3.5 综合举例 197
小结 199
习题 199
第9章 JavaScript事件处理 201
9.1 事件模型 201
9.1.1 原始事件模型 201
9.1.2 DOM事件模型 203
9.1.3 IE事件模型 206
9.2 event对象 207
9.2.1 DOM event对象 207
9.2.2 IE event对象 208
9.3 HTML 5事件属性 209
9.3.1 window事件属性 209
9.3.2 表单事件 210
9.3.3 键盘事件 211
9.3.4 鼠标事件 212
9.3.5 媒介事件 215
小结 216
习题 216
第10章 HTML 5 Canvas绘制图形 218
10.1 HTML 5 Canvas概述 218
10.1.1 Canvas发展历程 218
10.1.2 HTML 5 Canvas标记 218
10.1.3 HTML 5 Canvas浏览器支持 219
10.2 HTML 5 Canvas API 219
10.2.1 检测浏览器支持情况 219
10.2.2 绘制简单图形 220
10.2.3 绘制路径 221
10.2.4 绘图样式 223
10.2.5 绘制矩形 224
10.2.6 绘制曲线 225
10.2.7 绘制图像 227
10.2.8 图形渐变 228
10.2.9 图形变形 231
10.2.1 0绘制文本 233
10.2.1 1 应用阴影 234
10.2.1 2基本动画 235
10.3 HTML 5 Canvas应用 239
10.3.1 热点图 239
10.3.2 饼状图 242
10.3.3 折线图 243
小结 245
第11章 HTML 5音频和视频技术 246
11.1 HTML 5音频 246
11.1.1 音频格式 246
11.1.2 audio标记 246
11.1.3 使用JavaScript操控audio对象 247
11.1.4 HTML 5 audio对象实例 250
11.2 HTML 5视频 256
11.2.1 视频格式 256
11.2.2 video标记 256
11.2.3 使用JavaScript操控video对象 258
小结 261
第12章 HTML 5本地数据存储 262
12.1 本地数据存储概述 262
12.2 离线资源缓存 262
12.2.1 cache manifest文件实现缓存 263
12.2.2 配置Web服务器支持manifest文件类型 264
12.2.3 cache manifest文件格式 265
12.2.4 浏览器访问本地缓存资源文件的过程 267
12.2.5 缓存资源的更新 268
12.2.6 在线状态检测 271
12.3 Web Storage本地存储 271
12.3.1 检测浏览器是否支持本地存储 272
12.3.2 localStorage的使用 272
12.3.3 sessionStorage的使用 275
12.4 Web SQL Database本地数据库存储 276
12.4.1 Web SQL Database的用途 276
12.4.2 Web SQL Database基本用法 276
12.5 本地数据存储综合实例 281
小结 283
第13章 HTML 5通信API 284
13.1 XMLHttpRequest对象 284
13.1.1 XMLHttpRequest对象 284
13.1.2 XMLHttpRequest Level 2 290
13.1.3 发送和接收文本数据 292
13.1.4 文件上传和接收二进制数据 294
13.1.5 跨域资源共享 297
13.2 跨文档通信 299
13.2.1 message事件和属性 299
13.2.2 跨文档消息通信举例 299
13.3 WebSockets通信 301
13.3.1 HTML 5 WebSockets API 301
13.3.2 WebSockets通信举例 302
小结 305
第14章 HTML 5地理位置API 306
14.1 HTML 5 Geolocation基础 306
14.2 Geolocation API实现地理定位 309
14.3 google地图中显示地理位置 310
小结 313
第15章 HTML 5游戏开发 314
15.1 HTML 5游戏开发的准备 314
15.1.1 利用Canvas创建场景和游戏中的元素 314
15.1.2 游戏中元素动画的实现 316
15.1.3 游戏元素的碰撞检测 317
15.1.4 鼠标和键盘的控制 318
15.1.5 加入游戏的声音 319
15.2 HTML 5游戏开发实例 320
15.2.1 “掷骰子”游戏 320
15.2.2 “躲避”游戏 323
15.2.3 “弹砖”游戏 325
15.2.4 “贪食蛇”游戏 329
小结 332
参考文献 333