移动互联网之路 HTML5+CSS3+jQueryMobileAPP与移动网站设计从入门到精通PDF电子书下载

第1章 移动设备与Web技术 1

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章 初识HTML5 10

2.1 了解HTML5 10

2.1.1 HTML的发展 10

2.1.2 HTML5概述 11

2.1.3 HTML5的优势 11

2.2 HTML5语法结构 12

2.2.1 HTML5文档结构 12

2.2.2 HTML5的基本语法 13

2.2.3 HTML5中精简的头部 14

2.3 HTML5中新增的标签 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 ＜rudy＞标签 16

2.3.8 其他标签 16

2.4 HTML 5的标准属性 17

2.5 HTML 5的事件属性 17

2.6 本章小结 18

第3章 使用网页基本标签 19

3.1 设置文字效果 19

3.1.1 文字样式＜font＞标签 19

3.1.2 文字加粗＜b＞和＜strong＞标签 21

3.1.3 文字倾斜＜i＞和＜em＞标签 21

3.1.4 文字下划线＜u＞标签 22

3.1.5 其他文字修饰标签 23

3.2 设置段落效果 25

3.2.1 文本分段＜p＞标签 25

3.2.2 文本分行＜br＞标签 25

3.2.3 标题＜h1＞至＜h6＞标签 27

3.2.4 水平线＜hr＞标签 28

3.2.5 文本对齐设置 29

3.3 创建列表 30

3.3.1 使用＜ul＞标签创建项目列表 30

3.3.2 使用＜ol＞标签创建编号列表 31

3.3.3 使用＜dl＞标签创建定义列表 33

3.4 插入图片 34

3.4.1 图像＜img＞标签 34

3.4.2 图文混排 36

3.5 创建超链接 38

3.5.1 什么是超链接 38

3.5.2 超链接＜a＞标签 38

3.5.3 相对链接和绝对链接 39

3.5.4 网页中的特殊超链接 40

3.5.5 超链接标签中的其他属性设置 43

3.6 本章小结 43

第4章 使用HTML 5结构标签 44

4.1 构建HTML 5页面主体内容 44

4.1.1 ＜article＞标签标识文章 44

4.1.2 ＜section＞标签标识章节 46

4.1.3 ＜nav＞标签标识导航 48

4.1.4 ＜aside＞标签标识辅助内容 50

4.1.5 ＜time＞标签标识文章发布日期 50

4.2 添加语义模块 51

4.2.1 ＜header＞标签添加标题块 51

4.2.2 ＜hgroup＞标签为标题分组 52

4.2.3 ＜footer＞标签添加页脚 53

4.2.4 ＜address＞标签添加联系信息 54

4.3 制作文章页面 55

4.4 本章小结 59

第5章 使用HTML 5绘图 60

5.1 ＜canvas＞标签 60

5.1.1 了解＜canvas＞标签 60

5.1.2 在网页中插入canvas元素 60

5.1.3 使用＜canvas＞标签实现绘图的流程 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在页面中嵌入视频和音频 93

6.1 使用＜embed＞标签 94

6.1.1 使用＜embed＞标签嵌入音频 94

6.1.2 使用＜embed＞标签嵌入视频 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 ＜audio＞标签所支持的音频格式 99

6.3.2 使用＜audio＞标签 99

6.4 在网页中使用HTML 5视频 100

6.4.1 ＜video＞标签所支持的视频格式 101

6.4.2 使用＜video＞标签 101

6.4.3 使用＜source＞标签 102

6.4.4 检查浏览器是否支持audio和video元素 103

6.5 ＜audio＞与＜video＞标签的属性 103

6.5.1 元素的标签属性 104

6.5.2 元素的接口属性 104

6.6 ＜audio＞与＜video＞标签的方法和事件 107

6.6.1 ＜audio＞与＜video＞标签的接口方法 107

6.6.2 ＜audio＞与＜video＞标签的事件 109

6.7 本章小结 115

第7章 HTML 5中的表章 116

7.1 网页表单概述 116

7.1.1 表单的作用 116

7.1.2 表单＜form＞标签 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 ＜datalist＞标签和list属性 135

7.6.2 ＜keygen＞标签 135

7.6.3 ＜output＞标签 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本地存储 143

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样式基础 156

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章 文字与背景设置 183

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章 边框与超链接设置 234

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盒模型和界面设计 254

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动画效果 297

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基础 328

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页面 353

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章 jQuery Mobile页面组件 382

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

第17章 使用jQuery Mobile主题 403

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

第18章 使用jQuery Mobile事件 421

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

第19章 使用jQuery Mobile插件 444

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

第20章 移动应用开发实战 466

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