APP和移动网站开发案例课堂

第1篇HTML5网页开发
第1章HTML5快速入门3
1.1HTML5简介4
1.1.1HTML5简介4
1.1.2HTML5文件的基本结构5
1.2HTML5文件的编写方法5
1.2.1案例1——手工编写HTML55
1.2.2案例2——使用HTML编辑器6
1.3使用浏览器查看HTML5文件10
1.3.1各大浏览器与HTML5的兼容10
1.3.2案例3——查看页面效果11
1.3.3案例4——查看源文件11
1.4高手甜点12
1.5跟我练练手12
第2章HTML5网页文档结构13
2.1Web标准14
2.1.1Web标准概述14
2.1.2Web标准规定的内容14
2.2HTML5文档的基本结构15
2.2.1HTML5结构16
2.2.2文档类型说明16
2.2.3HTML5标记html17
2.2.4头标记head17
2.2.5网页的主体标记body20
2.2.6页面注释标记＜!----＞20
2.3综合案例——符合W3C标准的HTML5网页21
2.4高手甜点22
2.5跟我练练手22
第3章HTML5网页中的文本和图像23
3.1在网页中添加文本24
3.1.1案例1——普通文本的添加24
3.1.2案例2——特殊字符文本的添加24
3.1.3案例3——使用HTML5标记添加特殊文本26
3.2文本排版28
3.2.1案例4——换行标记28
3.2.2案例5——段落标记p29
3.2.3案例6——标题标记h1～h629
3.3文字列表30
3.3.1案例7——建立无序列表ul31
3.3.2案例8——建立有序列表ol32
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章用HTML5建立超链接45
4.1网页超链接的概念46
4.1.1什么是网页超链接46
4.1.2超链接中的URL46
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和绝对URL51
4.2.5案例5——设置以新窗口显示超链接页面52
4.2.6案例6——设置电子邮件链接53
4.3案例7——浮动框架iframe54
4.4案例8——准确定位热点区域55
4.5综合案例——使用锚链接制作电子书阅读网页59
4.6高手甜点61
4.7跟我练练手62
第5章用HTML5创建表格和表单63
5.1表格的基本结构64
5.2使用HTML5创建表格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——单行文本输入框text80
5.5.2案例13——多行文本输入框textarea81
5.5.3案例14——密码输入框password82
5.5.4案例15——单选按钮radio83
5.5.5案例16——复选框checkbox83
5.5.6案例17——下拉列表框select84
5.5.7案例18——普通按钮button85
5.5.8案例19——提交按钮submit86
5.5.9案例20——重置按钮reset87
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章HTML5中的多媒体99
6.1网页音频标记audio100
6.1.1audio标记概述100
6.1.2audio标记的属性100
6.1.3音频解码器101
6.1.4浏览器对audio标记的支持情况101
6.2网页视频标记video101
6.2.1video标记概述101
6.2.2video标记的属性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章使用HTML5绘制图形117
7.1什么是canvas118
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.1GeolocationAPI获取地理位置150
8.1.1地理定位的原理150
8.1.2获取定位信息的方法150
8.1.3常用地理定位方法150
8.1.4案例1——判断浏览器是否
支持HTML5获取地理位置信息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.2WebSocketAPI概述162
9.2.1什么是WebSocketAPI162
9.2.2WebSocket通信基础163
9.2.3案例2——服务器端使用ebSocketAPI165
9.2.4案例3——客户机端使用WebSocketAPI168
9.3综合案例——编写简单的WebSocket服务器168
9.4高手甜点172
9.5跟我练练手172
第10章构建离线的Web应用173
10.1HTML5离线Web应用概述174
10.2使用HTML5离线Web应用API174
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——ApplicationCacheAPI177
10.3使用HTML5离线Web应用构建应用178
10.3.1案例6——创建记录资源的manifest文件178
10.3.2案例7——创建构成界面的HTML和CSS179
10.3.3案例8——创建离线的JavaScript179
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篇CSS3美化网页
第11章CSS3概述与基本语法187
11.1CSS3概述188
11.1.1CSS3功能188
11.1.2浏览器与CSS3188
11.1.3CSS3基础语法189
11.1.4CSS3常用单位189
11.2编辑和浏览CSS3194
11.2.1案例1——手工编写CSS3194
11.2.2案例2——Dreamweaver编写CSS194
11.3在HTML5中使用CSS3的方法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.4CSS3的常用选择器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——制作炫彩网站LOGO211
11.7综合案例2——制作学生信息统计表214
11.8高手甜点216
11.9跟我练练手216
第12章使用CSS3美化网页字体与段落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章使用CSS3美化表格和表单样式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使用CSS3美化背景271
14.4.1案例7——设置背景颜色271
14.4.2案例8——设置背景图片272
14.5使用CSS3美化边框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篇jQueryMobile移动技术
第15章JavaScript和jQuery285
15.1认识JavaScript286
15.1.1什么是JavaScript286
15.1.2案例1——在HTML网页头中嵌入JavaScript代码286
15.2JavaScript对象与函数287
15.2.1认识对象287
15.2.2案例2——认识函数288
15.3JavaScript事件291
15.3.1事件与事件处理概述291
15.3.2案例3——JavaScript的常用事件291
15.4认识jQuery293
15.4.1jQuery能做什么293
15.4.2案例4——jQuery的配置293
15.5jQuery选择器294
15.5.1案例5——jQuery的工厂函数294
15.5.2案例6——常见选择器295
15.6高手甜点297
15.7跟我练练手297
第16章HTML5、CSS3和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章熟悉jQueryMobile319
17.1认识jQueryMobile320
17.2跨平台移动设备网页jQueryMobile320
17.2.1案例1——移动设备模拟器320
17.2.2案例2——jQueryMobile的安装322
17.2.3案例3——jQueryMobile网页的架构324
17.3案例4——创建多页面的jQueryMobile网页325
17.4案例5——将页面作为对话框使用326
17.5案例6——绚丽多彩的页面切换效果328
17.6高手甜点330
17.7跟我练练手330
第18章jQueryMobileUI组件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.5jQueryMobile主题359
18.6高手甜点362
18.7跟我练练手362
第19章jQueryMobile事件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.2Web存储方法382
20.2使用HTML5WebStorageAPI技术382
20.2.1案例1——测试浏览器的支持情况383
20.2.2案例2——使用sessionStorage方法创建对象383
20.2.3案例3——使用localStorage方法创建对象385
20.2.4案例4——WebStorageAPI的其他操作387
20.2.5案例5——使用JSON对象存取数据387
20.3在本地建立数据库390
20.3.1WebSQLDatabase概述390
20.3.2数据库的基本操作390
20.3.3数据表的基本操作392
20.3.4数据的基本操作393
20.4制作简单的Web留言本395
20.5WebSQLDatabase的综合应用技术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章将移动网站封装成APP415
22.1下载与安装ApacheCordova416
22.1.1案例1——配置Android开发环境416
22.1.2案例2——通过npm安装ApacheCordova421
22.1.3案例3——设置Android模拟器422
22.2综合案例——将网页转换为AndroidAPP424
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

本书以零基础讲解为宗旨，用实例引导读者深入学习，采取“HTML 5网页开发→CSS3美化网页→jQuery Mobile移动技术→移动网站和APP开发实战”的讲解模式，深入浅出地讲解APP和移动网站开发的各项技术及实战技能。
本书靠前篇“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开发的方法和技巧。

定价：为出版社全国统一定价；

文轩价：为商品的销售价，是您最终决定是否购买商品的依据；受系统缓存影响，最终价格以商品放入购物车后显示的价格为准；

新广告法规定所有页面信息中不得出现绝对化用词和功能性用词。

本店非常支持新广告法，但为了不影响消费者正常购买，页面明显区域本店已在排查修改，对于不明显区域也将会逐步排查并修改，我们此郑重声明：本店所有页面上的绝对化用词与功能性用词在此声明全部失效，不作为赔付理由。涉及“教育部声明”中的商品，均不代表教育部指定、推荐的具体版本，仅代表该商品的内容为指定、推荐书目。因极限用词引起的任何形式的商品赔付，本店不接收且不妥协。希望消费者理解并欢迎联系客服帮助完善，也请职业打假人士高抬贵手。