Web应用技术指南

本书系统讲解了HTML5、CSS3、JavaScript、jQuery和Ajax以及Bootstrap框架的基础理论、基础知识和基本用法、实际应用技术，通过恰当的实例深入浅出地讲解了相关技术在Web应用中的实现。读者通过本书的学习，能够使用Web前端主流工具、技术和框架实现网页设计、开发以及网站建设。本书具有语言精练、内容丰富、图文并茂、实用性强等特点，内容经过精心编排和设计，理论与实践相结合，编排了丰富的例题和大量的练习，所提供的程序代码都通过了调试，适合作为高等院校学生、艺术类学生等非计算机专业学生的教材，也可作为计算机Web基础知识的入门教材，或供广大计算机爱好者参考。

汤来锋（1976-），男，湖北荆州人，西南财经大学天府学院教师，讲师，硕士研究生，主要研究方向为计算机网络、数据库技术。

第1章 Web开发概述 1
1.1 Web概述 1
1.1.1 开发体系结构 1
1.1.2 Web的版本 2
1.2 Web应用程序的工作原理 3
1.3 Web应用技术介绍 3
1.3.1 编程语言 4
1.3.2 Web数据库 5
1.3.3 Web服务器 5
1.4 Web程序开发配置介绍 6
1.4.1 JDK的安装与配置 6
1.4.2 Tomcat的安装与配置 9
1.4.3 HBuilder的下载与使用 9
第2章 HTML基础 12
2.1 HTML文档结构 12
2.1.1 第一个HTML文档 12
2.1.2 HTML文档基本结构 13
2.1.3 HTML文档头部信息 13
2.1.4 HTML的＜meta＞标签 14
2.1.5 HTML的＜link＞标签 14
2.1.6 HTML文档主体内容 14
2.2 文本样式 15
2.2.1 文本标签 15
2.2.2 常见块级标签 15
2.2.4 预格式化标签 16
2.2.5 特殊符号 16
2.2.6 注释 17
2.2.7 本节综合实例 17
2.3 列表 18
2.3.1 无序列表 18
2.3.2 有序列表 19
2.4 表格 20
2.4.1 表格基本语法 20
2.4.2 表格的常用标签 22
2.4.3 表格的标题与表头 22
2.4.4 ＜tr＞、＜td＞、＜th＞标签的属性 24
2.4.5 本节综合实例 25
2.5 超链接 26
2.5.1 实例 26
2.5.2 超链接路径 28
2.6 图像 29
2.6.1 实例 29
2.6.2 图像的常用属性 30
2.7 表单及控件 31
2.7.1 实例 31
2.7.2 表单标签属性 32
2.7.3 表单中的标签 33
2.7.4 本节综合实例 36
2.8 框架 38
2.8.1 实例 38
2.8.2 框架集标签 38
2.8.3 框架标签 40
2.9 HTML5的＜audio＞元素 40
2.9.1 播放音频的方法 40
2.9.2 使用HTML5的＜audio＞标签 41
2.9.3 更好的音频播放方法 41
2.10 HTML5的＜video＞元素 42
2.10.1 使用＜video＞标签 42
2.10.2 更好的视频播放方法 42
2.11 HTML5的＜canvas＞元素 43
2.11.1 创建＜canvas＞元素 43
2.11.2 通过 JavaScript来绘制 43
第3章 CSS基础 44
3.1 CSS基本概念 44
3.1.1 什么是CSS 44
3.1.2 引入方法 44
3.2 CSS选择器 49
3.2.1 选择器定义 49
3.2.2 常用选择器 50
3.3 常用CSS属性 58
3.3.1 字体属性 58
3.3.2 颜色和背景属性 60
3.3.3 文本属性 62
3.3.4 列表属性 64
3.3.5 边框属性 66
3.3.6 图片属性 67
3.3.7 定位属性 71
课后作业 74
第4章 DIV及CSS页面布局 75
4.1 网页布局概述 75
4.1.1 网页布局一般流程 75
4.1.2 网页布局分类 75
4.2 页面布局标准 76
4.2.1 传统页面布局 76
4.2.2 Web标准布局 79
4.3 CSS盒模型 82
4.3.1 盒模型内容 82
4.3.2 盒模型填充 83
4.3.3 盒模型边框 86
4.3.4 盒模型边界 90
4.3.5 盒模型大小 98
4.4 页面布局设计（三行、三列、导航） 100
4.4.1 一列固定宽度 100
4.4.2 一列自适应 101
4.4.3 两列固定宽度 102
4.4.4 两列宽度自适应 103
4.4.5 两列右列宽度自适应 104
4.4.6 三列中间宽度自适应 104
4.4.7 三行三列 106
4.4.8 导航菜单 108
4.5 综合实例 111
4.5.1 页面功能需求分析 111
4.5.2 页面布局规划实施 111
4.5.3 页面实现 111
课后作业 119
第5章 JavaScript基础 120
5.1 JavaScript概述 120
5.2 JavaScript程序结构 121
5.3 JavaScript数据类型、变量 122
5.4 JavaScript运算符 124
5.5 JavaScript程序控制语句 137
5.6 JavaScript函数 145
5.7 JavaScript数组 150
5.8 HTML DOM 152
5.9 JavaScript事件 157
5.10 综合实例 167
课后作业 178
第6章 jQuery 179
6.1 jQuery概述 179
6.1.1 什么是 jQuery 179
6.1.2 jQuery 安装 179
6.1.3 jQuery 语法 181
6.2 jQuery选择器 181
6.2.1 元素选择器 181
6.2.2 #id 选择器 182
6.2.3 .class选择器 183
6.2.4 更多其他选择器 183
6.2.5 独立文件中使用 jQuery 函数 184
6.3 jQuery的页面操作 184
6.3.1 获取与设置 184
6.3.2 添加元素 189
6.3.3 删除元素 193
6.3.4 获取并设置 CSS 类 195
6.4 jQuery事件处理 200
6.4.1 什么是事件 200
6.4.2 jQuery 事件方法语法 201
6.4.2 常用的 jQuery 事件方法 201
6.5 jQuery动画效果 206
6.5.1 隐藏和显示 207
6.5.2 淡入淡出 209
6.5.3 滑动 212
6.5.4 自定义动画 215
6.5.5 停止动画 219
第7章 Ajax 221
7.1 Ajax概述 221
7.1.1 什么是Ajax 221
7.1.2 Ajax的工作原理 221
7.1.3 Ajax基于现有的Internet标准 221
7.2 使用XMLH T T PRequest对象 222
7.2.1 XMLH T T PRequest对象概述 222
7.2.2 方法和属性 223
7.2.3 交互示例 224
7.2.4 GET与POST 226
7.2.5 远程脚本 226
7.2.6 如何发送简单请求 228
7.3 与服务器通信——发送请求和处理响应 231
7.3.1 处理服务器响应 231
7.3.2 发送请求参数 238
第8章 BootStrap 245
8.1 BootStrap 概述 245
8.1.1 Bootstrap 安装 245
8.1.2 Bootstrap特色 247
8.2 BootStrap CSS 248
8.2.1 Bootstrap的基础布局——Scaffolding 248
8.2.2 排版(Typography)、表格(Table)、表单(Forms)、按钮(Buttons) 250
8.3 Bootstrap 布局组件 258
8.3.1 按钮（Button） 258
8.3.2 导航（Navigation） 261