基于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

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

基于HTML5，提供具有自主学习、辅导答疑、提交作业及实验报告、自动考试、自动判卷和自动产生成绩单等功能的网络教学平台。