第1章 Web开发标准与网页网站制作介绍 2
1.1 Web开发标准介绍 2
1.1.1 Web开发标准概述 2
1.1.2 为什么要使用Web标准 4
1.2 CSS网页布局标准 4
1.2.1 传统页面布局 5
1.2.2 标准布局 6
1.2.3 标准布局的前景分析 8
1.3 认识网页和网站 8
1.3.1 何谓网页 8
1.3.2 何谓网站 9
1.3.3 网站的发展趋势 10
1.4 网页的基本构成元素 11
1.5 实例1-1:一个基本的HTML5页面 12
1.6 综合实例:个人博客网站 13
1.6.1 网站规划 13
1.6.2 切图分析 16
1.6.3 制作站点首页 16
1.6.4 制作日志页面 30
1.6.5 制作日志详情页面 32
1.6.6 网站的完整制作流程 37
1.7 实战练习 38
第2章 Web开发技术基础 40
2.1 三剑客之——体现身材的HTML 40
2.1.1 HTML概述 40
2.1.2 HTML基本知识 41
2.1.3 实例2-1:实现一个优美的登录表单界面 42
2.2 三剑客之——会化妆的CSS 43
2.2.1 CSS基础知识 44
2.2.2 实例2-2:一个精致的表单页面 45
2.3 三剑客之——JavaScript是美的升华 47
2.3.1 JavaScript概述 47
2.3.2 JavaScript基本概念 48
2.3.3 实例2-3:实现一个动态菜单样式 49
2.4 综合实例:一个典型的页面文件 53
2.5 实战练习 55
第3章 打造移动Web应用程序 58
3.1 当前主流的智能手机系统 58
3.2 打造移动Web应用程序 60
3.2.1 设计在通用设备上运行的网站 60
3.2.2 选择Web编辑器 62
3.2.3 为移动设备调整可视化的设计 62
3.2.4 测试应用程序 63
3.3 实例3-1:搭建Android开发环境 65
3.3.1 安装JDK 65
3.3.2 安装Eclipse和Android SDK 69
3.3.3 安装ADT 72
3.3.4 设定Android SDK Home 75
3.3.5 验证开发环境 76
3.3.6 创建Android虚拟设备(AVD) 77
3.3.7 启动AVD模拟器 78
3.4 综合实例:搭建iOS开发环境 80
3.4.1 下载Xcode 80
3.4.2 安装Xcode 84
3.4.3 创建一个Xcode项目并启动模拟器 87
3.5 实战练习 91
第4章 HTML5在移动设备中 94
4.1 全新的HTML5 94
4.1.1 发展历程介绍 94
4.1.2 全新功能 94
4.2 用HTML5设计移动网站前的准备 96
4.2.1 为移动网站准备专用的域名 96
4.2.2 准备测试环境 96
4.3 实例4-1:第一段HTML5程序 97
4.4 实例4-2:自动检测输入的拼写是否正确 98
4.5 实例4-3:将站点升级至HTML5 100
4.6 综合实例:网页版俄罗斯方块游戏 102
4.6.1 实例目标 102
4.6.2 具体实现 102
4.7 实战练习 116
第5章 使用表单元素 118
5.1 表单元素的类型 118
5.1.1 email类型 118
5.1.2 url类型 118
5.1.3 number类型 119
5.1.4 Date Pickers(数据检出器) 119
5.2 表单元素中的属性 120
5.2.1 记住表单中的数据 121
5.2.2 验证表单中输入的数据是否合法 121
5.2.3 在文本框中显示提示信息 121
5.2.4 验证文本框中的内容是否为空 122
5.2.5 开启表单的自动完成功能 122
5.2.6 重写表单中的某些属性 123
5.2.7 自动设置表单中传递数字 123
5.2.8 在表单中选择多个上传文件 123
5.3 实例5-1:验证输入的是否是一个URL地址 124
5.4 实例5-2:验证输入的数值是否合法 125
5.5 实例5-3:实现一个简单的乘法计算器 126
5.6 实例5-4:在网页中生成一个密钥 127
5.7 综合实例:制作一个颜色滑动控制器 129
5.7.1 知识点——range类型 129
5.7.2 实现过程 129
5.8 实战练习 131
第6章 音频和视频应用 134
6.1 处理视频 134
6.1.1 使用video标记 134
6.1.2 <video>标记的属性 135
6.2 处理音频 136
6.2.1 audio标记 136
6.2.2 <audio>标记的属性 137
6.3 实例6-1:播放一首音乐 137
6.4 实例6-2:显示加载视频的状态 138
6.5 实例6-3:出错时在播放屏幕中显示出错信息 141
6.6 实例6-4:检测浏览器是否支持这个媒体类型 143
6.7 实例6-5:显示视频的播放状态 145
6.8 综合实例:为视频设置素材图片并显示播放时间 148
6.9 实战练习 151
第7章 Canvas绘图详解 154
7.1 Canvas标记基础 154
7.2 HTMLDOM Canvas对象 155
7.2.1 Canvas对象的属性 155
7.2.2 Canvas对象的方法 155
7.3 实例7-1:显示矩形中的鼠标的坐标 156
7.4 实例7-2:绘制一个圆 157
7.5 实例7-3:在画布中显示一幅指定的图片 158
7.6 实例7-4:绘制一个指定大小的正方形 159
7.7 实例7-5:绘制一个带边框的矩形 162
7.8 实例7-6:绘制一个渐变图形 164
7.9 实例7-7:移动、缩放和旋转网页中的图形 166
7.10 实例7-8:使用组合的方式显示图形 168
7.11 综合实例:圆形绘制器 170
7.11.1 用到的知识点 170
7.11.2 具体实现 171
7.12 实战练习 174
第8章 数据存储 178
8.1 Web存储概述 178
8.2 Web Storage存储方式 178
8.3 WebDB存储方式 179
8.4 实例8-1:统计访问页面的次数 180
8.5 实例8-2:网页计数器 181
8.6 实例8-3:打开、创建数据库 182
8.7 实例8-4:调用并执行SQL语句 184
8.8 实例8-5:在网页中获取并显示数据 187
8.9 综合实例:保存并读取登录用户名和密码 190
8.10 实战练习 193
第9章 文件操作处理 196
9.1 文件操作基础知识 196
9.1.1 选择单个或多个文件 196
9.1.2 使用Blob获取文件的类型与大小 196
9.1.3 FileReader接口 197
9.2 实例9-1:在表单中选择单个文件 199
9.3 实例9-2:通过类型过滤上传文件 200
9.4 实例9-3:通过accept属性过滤选择文件的类型 202
9.5 实例9-4:用readAsDataURL()预览图片 203
9.6 实例9-5:读取文件内容 206
9.7 实例9-6:同时上传多个文件 208
9.8 实例9-7:获取文件类型与大小 209
9.9 综合实例:用拖动的方式选择并浏览文件 211
9.10 实战练习 214
第10章 jQuery Mobile基础 216
10.1 jQuery Mobile简介 216
10.1.1 什么是jQuery 216
10.1.2 jQuery Mobile基础 217
10.2 实例10-1:搭建jQuery Mobile开发环境 219
10.3 实例10-2:搭建测试环境 221
10.4 实例10-3:动态滑动条 222
10.5 实例10-4:使用选择菜单 225
10.6 综合实例:网上订餐系统 228
10.6.1 需求分析 228
10.6.2 界面设计 229
10.6.3 页面实现 231
10.6.4 设置样式 241
10.7 实战练习 249
第11章 页面数据离线处理 252
11.1 离线应用基础 252
11.1.1 开发离线应用程序 252
11.1.2 manifest文件详解 253
11.1.3 配置IIS服务器 254
11.2 检测本地缓存的更新状态 255
11.3 实例11-1:简单的离线应用程序 256
11.4 实例11-2:检测网络的当前状态 258
11.5 实例11-3:online、offiine事件检测当前网络状态 261
11.6 实例11-4:开发一个离线留言系统 263
11.7 综合实例——开发一个离线式日历提醒系统 267
11.8 实战练习 272
第12章 使用PhoneGap框架 274
12.1 PhoneGap简介 274
12.1.1 产生背景介绍 274
12.1.2 PhoneGap的发展历程 274
12.1.3 什么是PhoneGap 275
12.2 深入认识PhoneGap——优点和缺点分析 277
12.2.1 原生应用 277
12.2.2 Web应用 278
12.2.3 混合型应用 279
12.2.4 PhoneGap的优缺点 279
12.3 实例12-1:搭建PhoneGap开发环境 280
12.4 实例12-2:Android平台创建PhoneGap的程序 284
12.5 实例12-3:iOS平台创建PhoneGap的程序 291
12.6 综合实例:移动电话簿系统 294
12.6.1 功能分析 295
12.6.2 创建Android工程 296
12.6.3 具体实现 297
12.6.4 用到的知识点 314
12.7 实战练习 314
参考文献 315