移动互联网之路-HTML5+CSS3+jQuery Mobile APP与移动网站设计从入门到精通-DVD-ROM

第1章　移动设备与Web技术
1.1　了解移动互联网 1
1.1.1　移动互联网的特点 1
1.1.2　移动互联网的发展方向 2
1.2　智能手机与手机浏览器 2
1.2.1　智能手机的发展 2
1.2.2　智能手机系统 3
1.2.3　智能手机浏览器 5
1.2.4　移动Web浏览器的特点 6
1.3　关于移动Web应用 6
1.3.1　移动Web应用的发展 6
1.3.2　基于Web的应用开发 7
1.3.3　基于HTML 5的移动应用 7
1.3.4　移动应用开发框架 8 第1章　移动设备与Web技术
1.1　了解移动互联网 1
1.1.1　移动互联网的特点 1
1.1.2　移动互联网的发展方向 2
1.2　智能手机与手机浏览器 2
1.2.1　智能手机的发展 2
1.2.2　智能手机系统 3
1.2.3　智能手机浏览器 5
1.2.4　移动Web浏览器的特点 6
1.3　关于移动Web应用 6
1.3.1　移动Web应用的发展 6
1.3.2　基于Web的应用开发 7
1.3.3　基于HTML 5的移动应用 7
1.3.4　移动应用开发框架 8
1.4　移动应用开发注意事项 8
1.4.1　了解移动设备的屏幕尺寸和分辨率 8
1.4.2　确定移动应用的内容 8
1.4.3　简洁的HTML、CSS和JavaScript代码 9
1.4.4　测试移动应用 9
1.5　本章小结 9
第2章　初识HTML 5
2.1　了解HTML 5 10
2.1.1　HTML的发展 10
2.1.2　HTML 5概述 11
2.1.3　HTML 5的优势 11
2.2　HTML 5语法结构 12
2.2.1　HTML 5文档结构 12
2.2.2　HTML 5的基本语法 13
2.2.3　HTML 5中精简的头部 14
2.3　HTML 5中新增的标签 14
2.3.1　结构标签 14
2.3.2　文本标签 15
2.3.3　应用和辅助标签 15
2.3.4　进度标签 15
2.3.5　交互性标签 16
2.3.6　在文档和应用中使用的标签 16
2.3.7　标签 16
2.3.8　其他标签 16
2.4　HTML 5的标准属性 17
2.5　HTML 5的事件属性 17
2.6　本章小结 18
第3章　使用网页基本标签
3.1　设置文字效果 19
3.1.1　文字样式标签 19
3.1.2　文字加粗和标签 21
3.1.3　文字倾斜和标签 21
3.1.4　文字下划线标签 22
3.1.5　其他文字修饰标签 23
3.2　设置段落效果 25
3.2.1　文本分段标签 25
3.2.2　文本分行
标签 25
3.2.3　标题至标签 27
3.2.4　水平线标签 28
3.2.5　文本对齐设置 29
3.3　创建列表 30
3.3.1　使用标签创建项目列表 30
3.3.2　使用标签创建编号列表 31
3.3.3　使用标签创建定义列表 33
3.4　插入图片 34
3.4.1　图像标签 34
3.4.2　图文混排 36
3.5　创建超链接 38
3.5.1　什么是超链接 38
3.5.2　超链接标签 38
3.5.3　相对链接和绝对链接 39
3.5.4　网页中的特殊超链接 40
3.5.5　超链接标签中的其他属性设置 43
3.6　本章小结 43
第4章　使用HTML 5结构标签
4.1　构建HTML 5页面主体内容 44
4.1.1　标签标识文章 44
4.1.2　标签标识章节 46
4.1.3　标签标识导航 48
4.1.4　标签标识辅助内容 50
4.1.5　标签标识文章发布日期 50
4.2　添加语义模块 51
4.2.1　标签添加标题块 51
4.2.2　标签为标题分组 52
4.2.3　标签添加页脚 53
4.2.4　标签添加联系信息 54
4.3　制作文章页面 55
4.4　本章小结 59
第5章　使用HTML 5绘图
5.1　标签 60
5.1.1　了解标签 60
5.1.2　在网页中插入canvas元素 60
5.1.3　使用标签实现绘图的流程 61
5.2　绘制基本图形 62
5.2.1　绘制直线 62
5.2.2　绘制矩形 64
5.2.3　绘制圆形 66
5.2.4　绘制三角形 69
5.2.5　图形组合 70
5.3　绘制曲线 72
5.3.1　使用arc()方法 72
5.3.2　使用arcTo()方法 74
5.3.3　使用quadraticCurveTo()方法 76
5.3.4　使用bezierCurveTo()方法 78
5.4　绘制文本 80
5.4.1　使用文本 80
5.4.2　获取文字宽度 82
5.4.3　创建对象阴影 83
5.5　图像的绘制与裁切 85
5.5.1　绘制线性渐变 85
5.5.2　绘制径向渐变 87
5.5.3　绘制图像 89
5.5.4　裁切区域 91
5.6　本章小结 93
第6章　使用HTML 5在页面中嵌入视频和音频
6.1　使用标签 94
6.1.1　使用标签嵌入音频 94
6.1.2　使用标签嵌入视频 96
6.2　HTML 5多媒体基础 97
6.2.1　在线多媒体的发展 97
6.2.2　音频和视频编解码器 98
6.2.3　功能缺陷及未来趋势 98
6.3　在网页中使用HTML 5音频 99
6.3.1　标签所支持的音频格式 99
6.3.2　使用标签 99
6.4　在网页中使用HTML 5视频 100
6.4.1　标签所支持的视频格式 101
6.4.2　使用标签 101
6.4.3　使用标签 102
6.4.4　检查浏览器是否支持audio和video元素 103
6.5　与标签的属性 103
6.5.1　元素的标签属性 104
6.5.2　元素的接口属性 104
6.6　与标签的方法和事件 107
6.6.1　与标签的接口方法 107
6.6.2　与标签的事件 109
6.7　本章小结 115
第7章　HTML 5中的表单
7.1　网页表单概述 116
7.1.1　表单的作用 116
7.1.2　表单标签 116
7.1.3　表单的数据传递方式method属性 117
7.2　传统表单元素 117
7.2.1　文本域 117
7.2.2　密码域 118
7.2.3　文本区域 118
7.2.4　隐藏域 118
7.2.5　复选框 119
7.2.6　单选按钮 119
7.2.7　选择域 119
7.2.8　文件域 120
7.2.9　按钮 120
7.2.10　图像域 120
7.3　了解HTML 5表单 125
7.3.1　HTML表单的发展 125
7.3.2　HTML 5新增表单元素的作用 125
7.3.3　浏览器对HTML 5表单的支持情况 126
7.4　HTML 5新增表单输入类型 126
7.4.1　url类型 126
7.4.2　email类型 126
7.4.3　range类型 126
7.4.4　number类型 127
7.4.5　tel类型 127
7.4.6　search类型 127
7.4.7　color类型 127
7.4.8　date类型 128
7.4.9　month、week、time、datetime、datetime-local类型 128
7.5　HTML 5新增表单属性 132
7.5.1　form属性 132
7.5.2　formaction属性 132
7.5.3　formmethod、formenctype、formnovalidate、formtarget属性 132
7.5.4　placeholder属性 133
7.5.5　autofocus属性 134
7.5.6　autocomplete属性 134
7.6　HTML 5新增表单元素 134
7.6.1　标签和list属性 135
7.6.2　标签 135
7.6.3　标签 136
7.7　HTML 5提供的表单验证方法 136
7.7.1　与验证有关的表单元素属性 136
7.7.2　表单验证属性 138
7.7.3　ValidityState对象 139
7.7.4　表单验证方法 140
7.7.5　表单验证事件 141
7.8　本章小结 142
第8章　HTML 5本地存储
8.1　本地存储Web Storage 143
8.1.1　cookie存储数据的不足 143
8.1.2　使用Web Storage存储的优势 144
8.1.3　会话存储(sessionStorage)与本地存储(localStorage)的区别 144
8.2　使用Web Storage 145
8.2.1　检查浏览器是否支持Web Storage 145
8.2.2　设置和获取Storage数据 146
8.2.3　Storage API的属性和方法 148
8.2.4　存储JSON对象的数据 150
8.2.5　Storage API的事件 152
8.3　本地数据库Web SQL 153
8.3.1　了解Web SQL数据库 153
8.3.2　Web SQL数据库的基本操作 154
8.4　本章小结 155
第9章　CSS样式基础
9.1　了解CSS样式 156
9.1.1　为什么要使用CSS样式 156
9.1.2　CSS样式的版本发展 157
9.1.3　CSS 3的发展 157
9.1.4　浏览器对CSS 3的支持情况 157
9.1.5　了解CSS 3的全新功能 158
9.2　CSS样式语法 158
9.2.1　CSS样式基本语法 158
9.2.2　CSS规则构成 159
9.3　CSS选择器 160
9.3.1　通配选择器 160
9.3.2　标签选择器 161
9.3.3　id选择器 162
9.3.4　类选择器 163
9.3.5　伪类和伪对象选择器 166
9.3.6　群组选择器 168
9.3.7　派生选择器 168
9.4　CSS 3新增选择器 170
9.4.1　属性选择器 171
9.4.2　结构伪类选择器 173
9.4.3　UI元素状态伪类选择器 173
9.4.4　伪元素选择器 174
9.5　应用CSS样式 176
9.5.1　应用CSS样式的4种方式 176
9.5.2　CSS样式的特性 180
9.6　本章小结 182
第10章　文字与背景设置
10.1　文字样式CSS属性 183
10.1.1　font-family属性——字体 183
10.1.2　font-size属性——字体大小 183
10.1.3　color属性——字体颜色 184
10.1.4　font-weight属性——字体粗细 186
10.1.5　font-style属性——字体样式 187
10.1.6　text-transform属性——英文字体大小写 189
10.1.7　text-decoration属性——文字修饰 190
10.1.8　letter-spacing属性——字符间距 192
10.2　段落样式CSS属性 193
10.2.1　line-height属性——行间距 193
10.2.2　text-indent属性——段落首行缩进 193
10.2.3　text-align属性——文本水平对齐 195
10.2.4　vertical-align属性——文本垂直对齐 196
10.3　CSS 3新增文本样式属性 199
10.3.1　text-overflow 属性——文本溢出处理 199
10.3.2　word-wrap和word-break属性——文本换行控制 200
10.3.3　 text-shadow 属性——文本阴影 202
10.3.4　@font-face规则——使用服务器端字体 203
10.4　列表样式CSS属性 205
10.4.1　list-style-type属性——设置列表符号 205
10.4.2　list-style-image属性——自定义列表符号 208
10.4.3　设置定义列表 209
10.5　背景样式CSS属性 210
10.5.1　background-color属性——背景颜色 210
10.5.2　background-image属性——背景图像 211
10.5.3　background-repeat属性——背景图像平铺方式 211
10.5.4　background-position属性——背景图像位置 214
10.5.5　background-attachment属性——背景图像固定 216
10.6　CSS 3新增颜色设置样式 218
10.6.1　RGBA颜色值 218
10.6.2　HSL颜色值 219
10.6.3　HSLA颜色值 219
10.6.4　opacity属性——元素不透明度 221
10.6.5　transparent颜色值 222
10.7　CSS 3新增渐变背景 222
10.7.1　线性渐变背景 223
10.7.2　径向渐变背景 226
10.8　CSS 3新增背景样式属性 227
10.8.1　background属性——设置多背景图像 228
10.8.2　background-size 属性——背景图像大小 229
10.8.3　background-origin 属性——背景图像原点 231
10.8.4　background-clip 属性——背景图像显示区域 232
10.9　本章小结 233
第11章　边框与超链接设置
11.1　边框样式CSS属性 234
11.1.1　border-width属性——边框宽度 234
11.1.2　border-style属性——边框样式 235
11.1.3　border-color属性——边框颜色 236
11.2　CSS 3新增边框样式属性 238
11.2.1　border-colors属性——多重边框颜色 238
11.2.2　border-image属性——图像边框 240
11.2.3　border-radius属性——圆角边框 242
11.3　超链接CSS样式伪类 244
11.3.1　:link伪类 244
11.3.2　:hover 伪类 244
11.3.3　:active 伪类 245
11.3.4　:visited 伪类 246
11.3.5　按钮式超链接 249
11.4　光标指针样式 251
11.4.1　cursor属性——光标效果 251
11.4.2　设置网页中光标指针效果 252
11.5　本章小结 253
第12章　CSS 3盒模型和界面设计
12.1　传统CSS盒模型 254
12.1.1　什么是CSS盒模型 254
12.1.2　CSS盒模型的要点 255
12.1.3　margin属性——边距 255
12.1.4　border属性——边框 256
12.1.5　padding属性——填充 256
12.2　CSS 3弹性盒模型 259
12.2.1　开启弹性盒模型 259
12.2.2　box-orient属性——元素布局方向 261
12.2.3　box-direction属性——元素布局顺序 263
12.2.4　box-ordinal-group属性——元素位置 264
12.2.5　box-flex属性——元素空间分配 266
12.2.6　box-pack和box-align属性——元素对齐方式 267
12.2.7　实现元素水平和垂直居中显示 268
12.2.8　实现元素底部对齐 269
12.3　增强的CSS 3盒模型 271
12.3.1　box-shadow属性——元素阴影 271
12.3.2　box-sizing属性——元素尺寸大小 272
12.3.3　overflow-x和overflow-y属性——元素溢出内容处理 274
12.4　定位网页元素 275
12.4.1　position属性——元素定位 275
12.4.2　relative——相对定位 276
12.4.3　absolute——绝对定位 277
12.4.4　fixed——固定定位 278
12.4.5　float属性——浮动定位 280
12.5　CSS 3新增用户界面设计属性 283
12.5.1　resize属性——改变元素尺寸 283
12.5.2　outline属性——轮廓外边框 284
12.5.3　appearance属性——伪装的元素 287
12.5.4　content属性——为元素添加内容 289
12.6　CSS 3新增多列布局属性 290
12.6.1　columns属性——多列布局 291
12.6.2　column-width属性——列宽度 292
12.6.3　column-count属性——列数 292
12.6.4　column-gap属性——列间距 293
12.6.5　column-rule属性——列分隔线 293
12.6.6　column-span属性——横跨所有列 294
12.7　本章小结 296
第13章　CSS 3 动画效果
13.1　CSS 3实现元素变换效果 297
13.1.1　transform属性 297
13.1.2　旋转变形 298
13.1.3　缩放和翻转变形 299
13.1.4　移动变形 301
13.1.5　倾斜变形 302
13.1.6　矩阵变形 304
13.1.7　定义变形中心点 305
13.1.8　同时使用多个变形函数 307
13.2　CSS 3实现元素过渡效果 309
13.2.1　transition属性 309
13.2.2　transition-property属性——实现过渡效果 309
13.2.3　transition-duration属性——设置过渡时间 311
13.2.4　transition-delay属性——设置过渡延迟效果 312
13.2.5　transition-timing-function属性——设置过渡方式 313
13.2.6　制作动态选项卡 315
13.3　CSS 3实现元素动画效果 319
13.3.1　@keyframes规则——关键帧动画 319
13.3.2　animation属性——实现元素动画效果 320
13.3.3　制作交互导航菜单动画效果 324
13.4　本章小结 328
第14章　jQuery和jQuery Mobile基础
14.1　JavaScript基础 329
14.1.1　JavaScript简介 329
14.1.2　在网页中使用JavaScript
的方法 329
14.1.3　JavaScript运算符 330
14.1.4　JavaScript条件和循环语句 332
14.1.5　JavaScript函数 335
14.1.6　JavaScript事件 337
14.2　jQuery基础 339
14.2.1　jQuery简介 339
14.2.2　在网页中引用jQuery函数库 340
14.2.3　jQuery基本语法 341
14.2.4　jQuery选择器 341
14.2.5　使用jQuery设置CSS样式属性 343
14.3　jQuery Mobile基础 344
14.3.1　jQuery Mobile简介 344
14.3.2　jQuery Mobile功能特点 344
14.3.3　jQuery Mobile的工作原理 345
14.4　jQuery Mobile操作流程 345
14.4.1　下载移动设备模拟器 345
14.4.2　使用URL方式加载jQuery Mobile函数库 346
14.4.3　创建jQuery Mobile页面 348
14.4.4　jQuery Mobile页面链接 350
14.5　本章小结 352
第15章　jQuery Mobile页面
15.1　jQuery Mobile页面结构 353
15.1.1　jQuery Mobile页面基本架构 353
15.1.2　多容器jQuery Mobile页面 354
15.1.3　链接外部jQuery Mobile页面 354
15.1.4　在jQuery Mobile页面中实现后退功能 356
15.1.5　弹出对话框 358
15.2　预加载和缓存jQuery Mobile页面 360
15.2.1　预加载jQuery Mobile页面 360
15.2.2　页面缓存 360
15.3　jQuery Mobile页面头部栏 362
15.3.1　头部栏的基本结构 362
15.3.2　设置后退按钮的文字 363
15.3.3　添加按钮 364
15.3.4　设置按钮位置 366
15.4　jQuery Mobile页面导航栏 367
15.4.1　导航栏的基本结构 367
15.4.2　导航栏的图标 369
15.4.3　设置导航栏图标位置 371
15.5　jQuery Mobile页面尾部栏 372
15.5.1　添加按钮 372
15.5.2　添加表单元素 373
15.6　结构化jQuery Mobile页面
内容 374
15.6.1　jQuery Mobile布局
网格 375
15.6.2　可折叠区块 377
15.6.3　可折叠区块的嵌套 379
15.6.4　可折叠区块组 380
15.7　本章小结 381

16.1　jQuery Mobile按钮组件 382
16.1.1　内联按钮 382
16.1.2　按钮组 384
16.2　jQuery Mobile表单组件 385
16.2.1　文本输入组件 385
16.2.2　滑块 386
16.2.3　翻转切换开关 388
16.2.4　单选按钮 388
16.2.5　复选框 390
16.2.6　选择菜单 391
16.2.7　多项选择菜单 393
16.3　jQuery Mobile列表组件 394
16.3.1　基本列表 394
16.3.2　有序列表 395
16.3.3　分割列表选项 396
16.3.4　对列表项进行分类 398
16.3.5　图标与计数器 399
16.3.6　列表项内容格式化处理 400
16.4　本章小结 402
4402403
17.1　了解jQuery Mobile主题 403
17.2　jQuery Mobile页面主题 404
17.2.1　默认主题 404
17.2.2　修改默认主题 406
17.3　自定义jQuery Mobile页面和
工具栏主题 408
17.3.1　自定义页面主题 408
17.3.2　自定义工具栏主题 410
17.3.3　自定义内容主题 412
17.4　使用ThemeRoller创建主题 413
17.5　本章小结 420
420421
18.1　设置jQuery Mobile 421
18.2　jQuery Mobile事件 422
18.2.1　页面事件 423
18.2.2　触摸事件 426
18.2.3　屏幕滚动事件 431
18.2.4　翻转事件 434
18.3　jQuery Mobile常用技巧 436
18.3.1　开启或禁用列表项中的
图标 437
18.3.2　固定页面头部栏与
尾部栏 439
18.3.3　随机显示页面背景图片 440
18.4　本章小结 443
443444
19.1　使用插件实现对话框效果 444
19.1.1　ActionSheet插件 444
19.1.2　mmenu插件 447
19.2　使用插件实现表单效果 451
19.2.1　DateBox插件 451
19.2.2　Mobiscroll插件 454
19.3　使用插件实现图片浏览效果 457
19.3.1　Camera插件 457
19.3.2　Swipebox插件 462
19.4　本章小结 465
6
20.1　移动APP引导页 466
20.1.1　功能分析 466
20.1.2　制作步骤 466
20.2　移动应用首页 473
20.2.1　功能分析 473
20.2.2　制作背景图轮换 473
20.2.3　制作可滑动的底部
导航栏 476
20.3　订餐APP 480
20.3.1　系统分析 480
20.3.2　制作启动页面 481
20.3.3　制作订餐APP首页面 483
20.3.4　制作订餐城市页面 486
20.3.5　制作餐厅列表页面 489
20.3.6　制作餐厅介绍页面 491
20.4　本章小结 495信息