正版 基于HTML5的网页设计及应用 范伊红,黄彩霞,裴亚辉主编 电

目 录
第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
习题 126
第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 HTML5事件属性 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章　HTML5 Canvas绘制图形 218
10.1　HTML5 Canvas概述 218
10.1.1 Canvas发展历程 218
10.1.2 HTML5 Canvas标记 218
10.1.3 HTML5 Canvas浏览器支持 219
10.2　HTML5 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.10 绘制文本 233
10.2.11 应用阴影 234
10.2.12 基本动画 235
10.3 HTML5 Canvas应用 239
10.3.1 热点图 239
10.3.2 饼状图 242
10.3.3 折线图 243
小结 245
第11章 HTML5音频和视频技术 246
11.1 HTML 5音频 246
11.1.1 音频格式 246
11.1.2 audio标记 246
11.1.3 使用JavaScript操控audio 对象 247
11.1.4 HTML5 audio 对象实例 250
11.2 HTML5视频 256
11.2.1 视频格式 256
11.2.2 video标记 256
11.2.3 使用JavaScript操控video对象 258
小结 261
第12章 HTML5本地数据存储 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章 HTML5通信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 HTML5 WebSockets API 301
13.3.2 WebSockets通信举例 302
小结 305
第14章 HTML5地理位置API 306
14.1 HTML5 Geolocation基础 306
14.2 Geolocation API实现地理定位 309
14.3 google地图中显示地理位置 310
小结 313
第15章 HTML5游戏开发 314
15.1 HTML5游戏开发的准备 314
15.1.1 利用Canvas创建场景和游戏中的元素 314
15.1.2 游戏中元素动画的实现 316
15.1.3 游戏元素的碰撞检测 317
15.1.4 鼠标和键盘的控制 318
15.1.5 加入游戏的声音 319
15.2 HTML5游戏开发实例 320
15.2.1 “掷骰子”游戏 320
15.2.2 “躲避”游戏 323
15.2.3 “弹砖”游戏 325
15.2.4 “贪食蛇”游戏 329
小结 332
参考文献 333

范伊红，女，1975年8月出生，副教授，硕士研究生，现任河南科技大学软件学院软件技术系主任，1996年至2010年期间，在河南科技大学电子信息工程学院从事本科各专业的计算机文化基础、不错语言程序设计（c、vc、c++、vb、vfp）等课程的理论教学与实验教学工作，2010年至今主要担任软件学院的网页设计、JavaScript、java、c#等课程的理论教学与实验教学工作。

HTML5 是新一代的网页设计工具，近十年Web开发标准取得了快速发展。本书系统讲解了HTML5程序设计需要掌握的HTML、CSS3和JavaScript的基本知识，并按照循序渐进的科学原则组织内容，知识体系完整、结构清晰、叙述简洁、例题典型丰富，可操作性强。通过本书的学习能够掌握使用HTML5进行客户端页面设计和客户端程序开发的基本技术。 本书内容分为三部分，部分介绍HTML5网页设计基础知识，包括网页设计理论、HTML5语言基础、表单设计、CSS3基础和CSS布局及排版；第二部分介绍JavaScript程序设计，包括JavaScript语言基础、JavaScript对象、DOM和事件处理；第三部分介绍HTML5应用，包括Canvas API、音频和视频、本地数据存储、通信API，地理位置API和简单小游戏开发。 本书内容丰富，注重实际编程与开发能力的培养。不仅提供所有例题和开发实例的源代码、所有习题的电子版参考答案、电子课件，还提供具有自主学习、辅导答疑、提交作业及实验报告、自动考试、自动判卷和自动产生成绩单等功能的网络教学平台。