HTML 5+CSS 3+jQuery Mobile移动网站与APP开发实战

目 录
第一篇 HTML与HTML 5
第1章 网页的架构基础 2
1.1 HTML网页的基础构成 2
1.1.1 从一个空白的HTML网页说起 2
1.1.2 通过网页中的DOCTYPE标签识别文档类型 4
1.1.3 html标签声明这是一个网页 5
1.1.4 head标签定义网页的头部 5
1.1.5 body标签定义网页的主体 10
1.2 基底网址标记base标签 12
1.3 定义CSS样式表为网页排版 16
1.3.1 CSS样式表概述 16
1.3.2 定义外链式CSS样式表 17
1.3.3 定义CSS样式style标签 20
1.3.4 定义内联式CSS样式表 22
1.4 添加网站LOGO 23
1.4.1 添加网站图像 LOGO 24
1.4.2 添加网站文字LOGO 26
1.4.3 添加网站图形LOGO 29
1.5 使用脚本元素script标签 33
1.5.1 HTML网页内嵌脚本让网页动起来 33
1.5.2 载入外部脚本库 36
1.5.3 推迟脚本执行 38
1.5.4 异步执行脚本 40
1.6 使用noscript标签判断浏览器是否支持脚本 44
1.7 为标签添加id、name或class属性 45
1.7.1 为标签添加id属性 45
1.7.2 为标签添加name属性 47
1.7.3 为标签添加class属性 50
1.8 为标签添加title属性 53
1.9 添加网页注释 55
1.10 测试浏览器对HTML 5属性的支持 58
1.11 案例实战：一个完整的HTML 5网页应用 61
1.12 小结 64
第2章 HTML网页的基本标签 65
2.1 HTML网页段落排版 65
2.1.1 设置段落样式的标记 65
2.1.2 设置对齐与缩进的标记 66
2.1.3 添加分割线 68
2.1.4 设置段落标题 69
2.2 文字效果 70
2.2.1 设置字形样式的标记 70
2.2.2 设置上标和下标 72
2.3 项目符号与编号 73
2.3.1 符号列表 73
2.3.2 编号列表 75
2.3.3 自定义列表 76
2.4 使用特殊符号 78
2.5 创建超链接 80
2.5.1 什么是超链接 80
2.5.2 站外网页链接 80
2.5.3 站内网页链接 81
2.6 小结 83
第3章 HTML 5表单 84
3.1 各浏览器内核一览 84
3.2 E-Mail类型的input标签 85
3.3 URL类型的input标签 87
3.4 数值类型的input标签 89
3.5 使用日期选择器 91
3.6 用datalist标签实现自动提示功能 93
3.7 各个浏览器对HTML 5表单新类型的支持 95
3.8 小结 96
第4章 HTML 5的特色 97
4.1 HTML 5的新特性 97
4.1.1 语义化标签元素 97
4.1.2 CSS 3的新特性 99
4.1.3 音频、视频与多媒体 99
4.1.4 画布 101
4.1.5 本地文件访问 104
4.1.6 开放字体格式WOFF 108
4.1.7 地理定位 108
4.1.8 微数据 110
4.1.9 Ajax升级版——XMLHttpRequest Level 2 112
4.1.10 HTML 5 Forms 115
4.2 HTML 5之Web存储 122
4.2.1 Web存储概述 122
4.2.2 localStorage存储方式 123
4.2.3 sessionStorage存储方式 124
4.3 HTML 5之应用缓存 126
4.4 Web索引数据库：IndexedDB 130
4.4.1 打开一个IndexedDB数据库 130
4.4.2 向ObjectStore里新增对象 131
4.4.3 从ObjectStore里删除对象 131
4.4.4 通过key取出对象 131
4.4.5 更新一个对象 131
4.5 小结 132
第二篇 CSS与CSS 3
第5章 定义CSS网页样式 134
5.1 什么是CSS 134
5.2 CSS样式表 135
5.2.1 CSS样式表的构成 135
5.2.2 CSS样式表高级语法 135
5.2.3 CSS选择器 136
5.3 标签语义化 137
5.4 CSS命名规范 138
5.5 CSS样式重置 139
5.6 CSS Sprites技术 142
5.7 页面质量评估标准 146
5.8 CSS Hack 147
5.8.1 什么是CSS Hack 147
5.8.2 CSS Hack的原理 148
5.8.3 CSS Hack实例 148
5.9 小结 155
第6章 CSS网页设计基础 156
6.1 设计文字样式 156
6.1.1 字体属性 156
6.1.2 段落属性 166
6.1.3 文字效果 175
6.2 设计背景样式 181
6.2.1 设计背景颜色 181
6.2.2 设计背景图片 183
6.2.3 设计背景渐变 184
6.3 设计边界样式 187
6.3.1 边框 187
6.3.2 内边距 191
6.3.3 外边距 194
6.4 网页元素的定位 197
6.4.1 相对定位 197
6.4.2 绝对定位 201
6.5 小结 205
第7章 CSS选择器 206
7.1 标签选择器 206
7.2 后代与子代选择器 209
7.3 类别选择器 211
7.4 id选择器 213
7.5 属性选择器 215
7.6 伪类选择器 219
7.6.1 动态伪类选择器 219
7.6.2 状态伪类选择器 222
7.6.3 伪元素选择器 224
7.7 结构性伪类选择器 226
7.8 nth伪类选择器 228
7.9 取反伪类选择器 231
7.10 全局选择器 233
7.11 小结 235
第8章 媒体查询 236
8.1 响应式Web设计介绍 236
8.1.1 流动布局 236
8.1.2 自适应图片 240
8.1.3 媒体查询 247
8.2 媒体查询使用方法 249
8.2.1 媒体查询基本语法 249
8.2.2 使用媒体查询 251
8.3 案例实战：响应式登录页面 252
8.4 小结 258
第9章 案例：HTML 5+CSS 3之轻量级内容管理系统 259
9.1 内容管理系统概述 259
9.2 HTML、CSS和JS等资源的离线缓存 260
9.3 数据存储结构 262
9.4 登录验证模块 263
9.5 新用户注册模块 272
9.6 游客信息模块 275
9.7 用户信息模块 278
9.8 管理员信息模块 282
9.9 关于本系统的补充说明 288
9.9.1 如何初始化用户信息 288
9.9.2 如何清除全部用户信息 289
9.9.3 关于404页面 289
9.9.4 关于Bootstrap框架 289
9.9.5 关于localStorage与sessionStorage 290
9.10 小结 290
第三篇 jQuery Mobile
第10章 跨平台移动开发 292
10.1 跨平台移动开发框架 292
10.1.1 什么是跨平台移动开发框架 292
10.1.2 为什么选择跨平台移动开发框架 293
10.1.3 常见的跨平台移动开发框架有哪些 294
10.2 认识jQuery Mobile 299
10.2.1 为什么选择jQuery Mobile 299
10.2.2 渐进式增强的主题界面 300
10.2.3 简单但是有调理的标记化语言开发 302
10.2.4 自适应布局 303
10.2.5 jQuery Mobile案例 304
10.3 小结 305
第11章 安装jQuery Mobile 306
11.1 下载并应用jQuery Mobile 306
11.1.1 下载jQuery Mobile 306
11.1.2 使用Dreamweaver编辑jQuery Mobile 308
11.1.3 创建第一个jQuery Mobile文件 308
11.1.4 在PC上测试jQuery Mobile 309
11.1.5 应用jQuery Mobile开发的页面 312
11.2 小结 313
第12章 jQuery Mobile快速开发 314
12.1 从选择元素入手 314
12.1.1 选择页面中的元素 314
12.1.2 设置页面中元素的属性 315
12.2 应用jQuery Mobile中的控件 315
12.2.1 在界面中固定一个工具栏 315
12.2.2 按钮形式的菜单 318
12.2.3 表单做成的手机QQ 321
12.2.4 列表形式的贴吧 326
12.2.5 使用对话框实现一个相册 329
12.3 小结 332
第13章 APP的布局 333
13.1 QQ登录界面 333
13.2 简洁通讯录 337
13.3 完美九宫格 340
13.4 可以折叠的QQ好友列表 342
13.5 展开图标 347
13.6 Metro效果 349
13.6.1 利用分栏布局 350
13.6.2 利用纯CSS调整色块尺寸 352
13.7 课程表 354
13.8 小结 356