HTML5+CSS3+jQueryMobile移动网站与APP开发实战（Web前端技术丛书）

作者: 郝泽良著 , 郝帅著

出版社: 清华大学出版社

出版时间: 2020-01

版次: 1

ISBN: 9787302545262

定价: 89.00

装帧: 平装

开本: 16开

纸张: 胶版纸

页数: 422页

分类: 计算机与互联网

9 张插图图片

4人买过

HTML 5带来了移动网站的突飞猛进，本书帮助传统Web开发者搭乘HTML 5快车，轻松部署移动应用，也使移动开发者得以充分发掘Web潜力，在传统网页的基础上获得跨平台支持。HTML 5+CSS 3+ jQuery Mobile结合的形式让前端开发人员可以有条不紊地开发出优秀的移动应用，这是本书的目的，让一切看似复杂的移动应用看起来更简单，实现起来更简洁。
全书分为4篇共16章，第1篇（第1~4章）介绍HTML和HTML 5网页开发技术，阐述移动网页与PC网页的不同和改进；第2篇（第5~9章）介绍CSS和CSS 3，从兼容性角度介绍网页样式的变化和技巧；第3篇（第10~14章）介绍jQuery Mobile，从快速开发和移动开发角度阐述APP开发的流程和技巧；第4篇（第15、16章）通过案例详细介绍当下网站和APP开发的整体设计方案和实现代码。
本书内容精练、重点突出、实例丰富、讲解通俗，是广大网页或移动Web设计人员和前端开发人员必备的参考书，同时非常适合大中专院校师生阅读，也可作为高等院校计算机及相关培训机构的教材使用。

时合生，平顶山学院副教授，西安电子科技大学计算机应用专业硕士。主要从事网页编程、图像处理、物联网方面的研究。

目  录
第一篇  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
内容简介:
HTML 5带来了移动网站的突飞猛进，本书帮助传统Web开发者搭乘HTML 5快车，轻松部署移动应用，也使移动开发者得以充分发掘Web潜力，在传统网页的基础上获得跨平台支持。HTML 5+CSS 3+ jQuery Mobile结合的形式让前端开发人员可以有条不紊地开发出优秀的移动应用，这是本书的目的，让一切看似复杂的移动应用看起来更简单，实现起来更简洁。
全书分为4篇共16章，第1篇（第1~4章）介绍HTML和HTML 5网页开发技术，阐述移动网页与PC网页的不同和改进；第2篇（第5~9章）介绍CSS和CSS 3，从兼容性角度介绍网页样式的变化和技巧；第3篇（第10~14章）介绍jQuery Mobile，从快速开发和移动开发角度阐述APP开发的流程和技巧；第4篇（第15、16章）通过案例详细介绍当下网站和APP开发的整体设计方案和实现代码。
本书内容精练、重点突出、实例丰富、讲解通俗，是广大网页或移动Web设计人员和前端开发人员必备的参考书，同时非常适合大中专院校师生阅读，也可作为高等院校计算机及相关培训机构的教材使用。
作者简介:
时合生，平顶山学院副教授，西安电子科技大学计算机应用专业硕士。主要从事网页编程、图像处理、物联网方面的研究。
目录:
目  录
第一篇  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

查看详情

HTML5+CSS3+jQueryMobile移动网站与APP开发实战（Web前端技术丛书）

内容简介:

作者简介:

目录: