APP和移动网站开发案例课堂
出版时间： 2017年版
丛编项： 网站开发案例课堂
内容简介
本书以零基础讲解为宗旨，用实例引导读者深入学习，采取“HTML 5网页开发→CSS3美化网页→jQuery Mobile移动技术→移动网站和APP开发实战”的讲解模式，深入浅出地讲解APP和移动网站开发的各项技术及实战技能。

本书第1篇“HTML 5网页开发”主要讲解HTML 5入门知识、HTML 5网页文档结构、HTML 5网页中的文本和图像、用HTML 5建立超链接、用HTML 5创建表格和表单、HTML 5中的多媒体、使用HTML 5绘制图形、获取地理位置、Web通信新技术、构建离线的Web应用等；第2篇“CSS 3美化网页”主要讲解CSS 3概述与基本语法、使用CSS 3美化网页字体与段落、使用CSS 3美化表格和表单样式、美化图片、背景和边框等；第3篇“jQuery Mobile移动技术”主要讲解JavaScript和jQuery、HTML 5、CSS 3和JavaScript的综合应用，熟悉jQuery Mobile、jQuery Mobile UI组件、jQuery Mobile 事件、数据存储和读取技术等；第4篇“移动网站和APP开发实战”主要讲解插件的使用与开发、将移动网站封装成APP、家庭记账本APP实战、连锁酒店订购系统实战。

本书适合任何想学习移动网站和APP开发的人员，无论您是否从事计算机相关行业，无论您是否接触过移动网站和APP，通过本书的学习均可快速掌握移动网站和APP开发的方法和技巧。
目 录

第1篇 HTML 5网页开发



第1章 HTML 5快速入门 3

1.1 HTML 5简介 4

1.1.1 HTML 5简介 4

1.1.2 HTML 5文件的基本结构 5

1.2 HTML 5文件的编写方法 5

1.2.1 案例1——手工编写HTML 5 5

1.2.2 案例2——使用HTML编辑器 6

1.3 使用浏览器查看HTML 5文件 10

1.3.1 各大浏览器与HTML 5的兼容 10

1.3.2 案例3——查看页面效果 11

1.3.3 案例4——查看源文件 11

1.4 高手甜点 12

1.5 跟我练练手 12

第2章 HTML 5网页文档结构 13

2.1 Web标准 14

2.1.1 Web标准概述 14

2.1.2 Web标准规定的内容 14

2.2 HTML 5文档的基本结构 15

2.2.1 HTML 5结构 16

2.2.2 文档类型说明 16

2.2.3 HTML 5标记html 17

2.2.4 头标记head 17

2.2.5 网页的主体标记body 20

2.2.6 页面注释标记 20

2.3 综合案例——符合W3C标准的

HTML 5网页 21

2.4 高手甜点 22

2.5 跟我练练手 22

第3章 HTML 5网页中的文本和图像 23

3.1 在网页中添加文本 24

3.1.1 案例1——普通文本的添加 24

3.1.2 案例2——特殊字符文本的

添加 24

3.1.3 案例3——使用HTML 5标记

添加特殊文本 26

3.2 文本排版 28

3.2.1 案例4——换行标记
28

3.2.2 案例5——段落标记p 29

3.2.3 案例6——标题标记h1～h6 29

3.3 文字列表 30

3.3.1 案例7——建立无序列表ul 31

3.3.2 案例8——建立有序列表ol 32

3.3.3 案例9——建立不同类型的

无序列表 33

3.3.4 案例10——建立不同类型的

有序列表 34

3.3.5 案例11——建立嵌套列表 35

3.3.6 案例12——自定义列表 36

3.4 网页中的图像 37

3.4.1 案例13——在网页中插入

图像 37

3.4.2 案例14——设置图像的宽度

和高度 39

3.4.3 案例15——设置图像的提示

文字 39

3.4.4 案例16——将图片设置为网页

背景 40

3.4.5 案例17——排列图像 41

3.5 综合案例1——图文并茂的房屋装饰

装修网页 42

3.6 综合案例2——在线购物网站产品展示

效果 43

3.7 高手甜点 44

3.8 跟我练练手 44

第4章 用HTML 5建立超链接 45

4.1 网页超链接的概念 46

4.1.1 什么是网页超链接 46

4.1.2 超链接中的URL 46

4.1.3 超链接的URL类型 47

4.2 建立网页超链接 47

4.2.1 案例1——创建超文本链接 47

4.2.2 案例2——创建图片链接 49

4.2.3 案例3——创建下载链接 50

4.2.4 案例4——使用相对URL和

绝对URL 51

4.2.5 案例5——设置以新窗口显示

超链接页面 52

4.2.6 案例6——设置电子邮件链接 53

4.3 案例7——浮动框架iframe 54

4.4 案例8——精确定位热点区域 55

4.5 综合案例——使用锚链接制作电子书

阅读网页 59

4.6 高手甜点 61

4.7 跟我练练手 62

第5章 用HTML 5创建表格和表单 63

5.1 表格的基本结构 64

5.2 使用HTML 5创建表格 65

5.2.1 案例1——创建普通表格 65

5.2.2 案例2——创建一个带有标题的

表格 67

5.2.3 案例3——定义表格的边框

类型 67

5.2.4 案例4——定义表格的表头 68

5.2.5 案例5——设置表格背景 69

5.2.6 案例6——设置单元格背景 71

5.2.7 案例7——合并单元格 72

5.2.8 案例8——排列单元格中的

内容 76

5.2.9 案例9——设置单元格的行高

与列宽 77

5.3 案例10——创建完整的表格 78

5.4 案例11——认识表单 79

5.5 表单基本元素的使用 80

5.5.1 案例12——单行文本输入框

text 80

5.5.2 案例13——多行文本输入框

textarea 81

5.5.3 案例14——密码输入框

password 82

5.5.4 案例15——单选按钮radio 83

5.5.5 案例16——复选框checkbox 83

5.5.6 案例17——下拉列表框select 84

5.5.7 案例18——普通按钮button 85

5.5.8 案例19——提交按钮submit 86

5.5.9 案例20——重置按钮reset 87

5.6 表单高级元素的使用 88

5.6.1 案例21——url属性的应用 88

5.6.2 案例22——email属性的应用 89

5.6.3 案例23——date和time属性的

应用 90

5.6.4 案例24——number属性的

应用 91

5.6.5 案例25——range属性的应用 91

5.6.6 案例26——required属性的

应用 92

5.7 综合案例1——创建用户反馈表单 93

5.8 综合案例2——制作商品报价表 94

5.9 高手甜点 97

5.10 跟我练练手 98

第6章 HTML 5中的多媒体 99

6.1 网页音频标记audio 100

6.1.1 audio标记概述 100

6.1.2 audio标记的属性 100

6.1.3 音频解码器 101

6.1.4 浏览器对audio标记的支持

情况 101

6.2 网页视频标记video 101

6.2.1 video标记概述 101

6.2.2 video标记的属性 101

6.2.3 视频解码器 102

6.2.4 浏览器对video标记的支持

情况 102

6.3 添加网页音频文件 103

6.3.1 案例1——设置背景音乐 103

6.3.2 案例2——设置音乐循环

播放 103

6.4 添加网页视频文件 104

6.4.1 案例3——为网页添加视频

文件 104

6.4.2 案例4——设置自动运行 105

6.4.3 案例5——设置视频文件的

循环播放 106

6.4.4 案例6——设置视频窗口的高度

与宽度 106

6.5 添加网页滚动文字 107

6.5.1 案例7——滚动文字标记 107

6.5.2 案例8——滚动方向属性 108

6.5.3 案例9——滚动方式属性 109

6.5.4 案例10——滚动速度属性 110

6.5.5 案例11——滚动延迟属性 110

6.5.6 案例12——滚动循环属性 111

6.5.7 案例13——滚动范围属性 112

6.5.8 案例14——滚动背景颜色

属性 113

6.5.9 案例15——滚动空间属性 113

6.6 高手甜点 114

6.7 跟我练练手 115

第7章 使用HTML 5绘制图形 117

7.1 什么是canvas 118

7.2 绘制基本形状 118

7.2.1 案例1——绘制矩形 119

7.2.2 案例2——绘制圆形 120

7.2.3 案例3——使用moveTo与

lineTo绘制直线 121

7.2.4 案例4——使用bezierCurveTo

绘制贝塞尔曲线 122

7.3 绘制渐变图形 124

7.3.1 案例5——绘制线性渐变 124

7.3.2 案例6——绘制径向渐变 126

7.4 绘制变形图形 127

7.4.1 案例7——变换原点坐标 127

7.4.2 案例8——图形缩放 128

7.4.3 案例9——旋转图形 129

7.5 绘制其他样式的图形 130

7.5.1 案例10——图形组合 130

7.5.2 案例11——绘制带阴影的

图形 132

7.5.3 案例12——绘制文字 133

7.6 使用图像 135

7.6.1 案例13——绘制图像 135

7.6.2 案例14——图像平铺 136

7.6.3 案例15——图像裁剪 137

7.6.4 案例16——像素处理 139

7.7 图形的保存与恢复 141

7.7.1 案例17——保存与恢复状态 141

7.7.2 案例18——保存文件 142

7.8 综合案例1——绘制火柴棒人物 143

7.9 综合案例2——绘制商标 146

7.10 高手甜点 148

7.11 跟我练练手 148

第8章 获取地理位置 149

8.1 Geolocation API获取地理位置 150

8.1.1 地理定位的原理 150

8.1.2 获取定位信息的方法 150

8.1.3 常用地理定位方法 150

8.1.4 案例1——判断浏览器是否

支持HTML 5获取地理位置

信息 151

8.1.5 案例2——指定纬度和经度

坐标 152

8.1.6 案例3——获取当前位置的经度

与纬度 153

8.2 浏览器对地理定位的支持情况 155

8.3 综合案例——在网页中调用Google

地图 155

8.4 高手甜点 158

8.5 跟我练练手 158

第9章 Web通信新技术 159

9.1 跨文档消息传输 160

9.1.1 跨文档消息传输的基本知识 160

9.1.2 案例1——跨文档通信应用

测试 160

9.2 WebSocket API概述 162

9.2.1 什么是WebSocket API 162

9.2.2 WebSocket通信基础 163

9.2.3 案例2——服务器端使用

WebSocket API 165

9.2.4 案例3——客户机端使用

WebSocket API 168

9.3 综合案例——编写简单的WebSocket

服务器 168

9.4 高手甜点 172

9.5 跟我练练手 172

第10章 构建离线的Web应用 173

10.1 HTML 5离线Web应用概述 174

10.2 使用HTML 5离线Web应用API 174



10.2.1 案例1——检查浏览器的支持

情况 174

10.2.2 案例2——搭建简单的离线

应用程序 175

10.2.3 案例3——支持离线行为 175

10.2.4 案例4——Manifest文件 176

10.2.5 案例5——Application Cache

API 177

10.3 使用HTML 5离线Web应用构建

应用 178

10.3.1 案例6——创建记录资源的

manifest文件 178

10.3.2 案例7——创建构成界面的

HTML和CSS 179

10.3.3 案例8——创建离线的

JavaScript 179

10.3.4 案例9——检查applicationCache

的支持情况 181

10.3.5 案例10——为Update按钮添加

处理函数 181

10.3.6 案例11——添加storage功能

代码 182

10.3.7 案例12——添加离线事件处理

程序 182

10.4 高手甜点 183

10.5 跟我练练手 183





第2篇 CSS 3美化网页



第11章 CSS 3概述与基本语法 187

11.1 CSS 3概述 188

11.1.1 CSS 3功能 188

11.1.2 浏览器与CSS 3 188

11.1.3 CSS 3基础语法 189

11.1.4 CSS 3常用单位 189

11.2 编辑和浏览CSS 3 194

11.2.1 案例1——手工编写CSS 3 194

11.2.2 案例2——Dreamweaver

编写CSS 194

11.3 在HTML 5中使用CSS 3的方法 196

11.3.1 案例3——行内样式 196

11.3.2 案例4——内嵌样式 197

11.3.3 案例5——链接样式 198

11.3.4 案例6——导入样式 199

11.3.5 案例7——优先级问题 201

11.4 CSS 3的常用选择器 203

11.4.1 案例8——标签选择器 203

11.4.2 案例9——类选择器 204

11.4.3 案例10——ID选择器 205

11.4.4 案例11——全局选择器 206

11.4.5 案例12——组合选择器 207

11.4.6 案例13——继承选择器 208

11.4.7 案例14——伪类选择器 209

11.5 选择器声明 210

11.5.1 案例15——集体声明 210

11.5.2 案例16——多重嵌套声明 210

11.6 综合实例1——制作炫彩网站

LOGO 211

11.7 综合案例2——制作学生信息

统计表 214

11.8 高手甜点 216

11.9 跟我练练手 216

第12章 使用CSS 3美化网页字体

与段落 217

12.1 美化网页文字 218

12.1.1 案例1——设置文字的字体 218

12.1.2 案例2——设置文字的字号 219

12.1.3 案例3——设置字体风格 220

12.1.4 案例4——设置加粗字体 221

12.1.5 案例5——将小写字母转为

大写字母 222

12.1.6 案例6——设置字体的复合

属性 223

12.1.7 案例7——设置字体颜色 224

12.2 设置文本的高级样式 225

12.2.1 案例8——设置文本阴影

效果 225

12.2.2 案例9——设置文本溢出

效果 226

12.2.3 案例10——设置文本的控制

换行 228

12.2.4 案例11——保持字体尺寸

不变 229

12.3 美化网页中的段落 230

12.3.1 案例12——设置单词之间的

间隔 230

12.3.2 案例13——设置字符之间的

间隔 231

12.3.3 案例14——设置文字的修饰

效果 232

12.3.4 案例15——设置垂直对齐

方式 233

12.3.5 案例16——转换文本的

大小写 234

12.3.6 案例17——设置文本的水平

对齐方式 235

12.3.7 案例18——设置文本的缩进

效果 237

12.3.8 案例19——设置文本的

行高 238

12.3.9 案例20——文本的空白

处理 239

12.3.10 案例21——文本的反排 241

12.4 综合案例1——设置网页标题 242

12.5 综合案例2——制作新闻页面 243

12.6 高手甜点 245

12.7 跟我练练手 245

第13章 使用CSS 3美化表格和表单

样式 247

13.1 美化表格样式 248

13.1.1 案例1——设置表格边框

样式 248

13.1.2 案例2——设置表格边框

宽度 250

13.1.3 案例3——设置表格边框

颜色 251

13.2 美化表单样式 252

13.2.1 案例4——美化表单中的

元素 253

13.2.2 案例5——美化提交按钮 254

13.2.3 案例6——美化下拉菜单 255

13.3 综合案例1——制作用户登录页面 257

13.4 综合案例2——制作用户注册页面 259

13.5 高手甜点 261

13.6 跟我练练手 262

第14章 美化图片、背景和边框 263

14.1 图片缩放 264

14.1.1 案例1——使用max-width

和max-height缩放图片 264

14.1.2 案例2——使用width和height

缩放图片 265

14.2 设置图片的对齐方式 265

14.2.1 案例3——设置图片横向

对齐 266

14.2.2 案例4——设置图片纵向

对齐 266

14.3 图文混排 268

14.3.1 案例5——设置文字环绕

效果 268



14.3.2 案例6——设置图片与文字的

间距 270

14.4 使用CSS 3美化背景 271

14.4.1 案例7——设置背景颜色 271

14.4.2 案例8——设置背景图片 272

14.5 使用CSS 3美化边框 273

14.5.1 案例9——设置边框样式 273

14.5.2 案例10——设置边框颜色 274

14.5.3 案例11——设置边框线宽 275

14.6 设置边框圆角效果 276

14.6.1 案例12——设置圆角边框 276

14.6.2 案例13——绘制4个不同圆角

边框 277

14.7 综合案例1——制作图文混排网页 279

14.8 综合案例2——制作公司主页 280

14.9 高手甜点 284

14.10 跟我练练手 284





第3篇 jQuery Mobile移动技术



第15章 JavaScript和jQuery 285

15.1 认识JavaScript 286

15.1.1 什么是JavaScript 286

15.1.2 案例1——在HTML网页头中

嵌入JavaScript代码 286

15.2 JavaScript对象与函数 287

15.2.1 认识对象 287

15.2.2 案例2——认识函数 288

15.3 JavaScript事件 291

15.3.1 事件与事件处理概述 291

15.3.2 案例3——JavaScript的常用

事件 291

15.4 认识jQuery 293

15.4.1 jQuery能做什么 293

15.4.2 案例4——jQuery的配置 293

15.5 jQuery选择器 294

15.5.1 案例5——jQuery的工厂

函数 294

15.5.2 案例6——常见选择器 295

15.6 高手甜点 297

15.7 跟我练练手 297

第16章 HTML 5、CSS 3 和JavaScript

的综合应用 299

16.1 综合案例1——打字效果的文字 300

16.2 综合案例2——文字升降特效 302

16.3 综合案例3——跑马灯效果 303

16.4 综合案例4——左右移动的图片 305

16.5 综合案例5——向上滚动菜单 307

16.6 综合案例6——跟随鼠标指针移动的

图片 309

16.7 综合案例7——树形菜单 310

16.8 综合案例8——颜色选择器 315

16.9 高手甜点 317

16.10 跟我练练手 318



第17章 熟悉jQueryMobile 319

17.1 认识jQuery Mobile 320

17.2 跨平台移动设备网页jQuery Mobile 320

17.2.1 案例1——移动设备模拟器 320

17.2.2 案例2——jQuery Mobile的

安装 322

17.2.3 案例3——jQuery Mobile网页

的架构 324

17.3 案例4——创建多页面的jQuery

Mobile网页 325

17.4 案例5——将页面作为对话框使用 326

17.5 案例6——绚丽多彩的页面切换

效果 328

17.6 高手甜点 330

17.7 跟我练练手 330

第18章 jQuery Mobile UI组件 331

18.1 套用UI组件 332

18.1.1 表单组件 332

18.1.2 按钮和组按钮 341

18.1.3 按钮图标 343

18.1.4 弹窗 345

18.2 列表 346

18.2.1 列表视图 346

18.2.2 列表内容 349

18.2.3 列表过滤 351

18.3 面板和可折叠块 352

18.3.1 面板 352

18.3.2 可折叠块 354

18.4 导航条 356

18.5 jQuery Mobile主题 359

18.6 高手甜点 362

18.7 跟我练练手 362

第19章 jQuery Mobile事件 363

19.1 页面事件 364

19.1.1 初始化事件 364

19.1.2 外部页面加载事件 366

19.1.3 页面过渡事件 368

19.2 触摸事件 370

19.2.1 点击事件 370

19.2.2 滑动事件 373

19.3 滚屏事件 374

19.4 定位事件 377

19.5 高手甜点 379

19.6 跟我练练手 380

第20章 数据存储和读取技术 381

20.1 认识Web存储 382

20.1.1 本地存储和cookies的区别 382

20.1.2 Web存储方法 382

20.2 使用HTML 5 Web Storage API

技术 382

20.2.1 案例1——测试浏览器的支持

情况 383

20.2.2 案例2——使用sessionStorage

方法创建对象 383

20.2.3 案例3——使用localStorage

方法创建对象 385

20.2.4 案例4——Web Storage API的

其他操作 387

20.2.5 案例5——使用JSON对象

存取数据 387

20.3 在本地建立数据库 390

20.3.1 Web SQL Database概述 390

20.3.2 数据库的基本操作 390

20.3.3 数据表的基本操作 392

20.3.4 数据的基本操作 393

20.4 制作简单的Web留言本 395

20.5 Web SQL Database的综合应用

技术 397

20.6 高手甜点 400

20.7 跟我练练手 400











第4篇 移动网站和APP开发实战



第21章 插件的使用与开发 401

21.1 初始插件 402

21.1.1 什么是插件 402

21.1.2 案例1——如何使用插件 402

21.2 流行的插件 403

21.2.1 案例2——jQueryUI插件 404

21.2.2 案例3——Form插件 405

21.2.3 案例4——提示信息插件 406

21.2.4 案例5——jcarousel插件 407

21.3 自定义的插件 407

21.3.1 插件的工作原理 408

21.3.2 案例6——自定义一个简单的

插件 408

21.4 综合案例——创建拖曳购物车

效果 411

21.5 高手甜点 413

21.6 跟我练练手 413

第22章 将移动网站封装成APP 415

22.1 下载与安装Apache Cordova 416

22.1.1 案例1——配置Android开发

环境 416

22.1.2 案例2——通过npm安装Apache

Cordova 421

22.1.3 案例3——设置Android

模拟器 422

22.2 综合案例——将网页转换为Android

APP 424

22.3 高手甜点 427

22.4 跟我练练手 428

第23章 家庭记账本APP实战 429

23.1 记账本的需求分析 430

23.2 数据库分析 430

23.2.1 分析数据库 430

23.2.2 创建数据库 430

23.3 记账本的代码实现 431

23.3.1 设计首页 431

23.3.2 新增记账页面 431

23.3.3 记账列表页面 433

23.3.4 记账详情页面 434

23.3.5 删除记账 435

第24章 连锁酒店订购系统实战 441

24.1 连锁酒店订购的需求分析 442

24.2 网站的结构 442

24.3 连锁酒店系统的代码实现 443

24.3.1 设计首页 443

23.3.2 订购页面 444

23.3.3 连锁分店页面 449

23.3.4 查看订单页面 451

23.3.5 酒店介绍页面 452

显示部分信息





上一篇: App后台开发运维和架构实践
下一篇: iPhone和iPad编程入门零基础学习编写App