HTML5+CSS3+jQuery Mobile移动开发（全案例微课版）_刘辉_9787302582748

《HTML5 CSS3 jQuery Mobile移动开发（全案例微课版）》是针对零基础读者研发的移动开发入门教材。本书侧重案例实训，并提供扫码微课来讲解当前的热点案例。《HTML5 CSS3 jQuery Mobile移动开发（全案例微课版）》分为21章，内容包括认识HTML 5，设计网页的文本与段落，网页中的图像和超链接，表格与

标记，网页中的表单，网页中的多媒体，数据存储Web Storage，认识CSS样式表，设计图片、链接和菜单的样式，设计表格和表单的样式，使用CSS3布局网页版式，JavaScript和jQuery，jQuery Mobile快速入门，使用 UI组件，jQuery Mobile 事件，数据存储和读取技术，设计流行的响应式网页，App的打包和测试。本书后通过3个热点综合项目，进一步巩固读者的项目开发经验。《HTML5 CSS3 jQuery Mobile移动开发（全案例微课版）》通过精选热点案例，可以让初学者快速掌握网页设计技术。

网站开发全案例微课版系列图书是专门为网站开发和数据库初学者量身定做的一套学习用书。本套书涵盖网站开发、数据库设计等方面。
本书具有以下特点
前沿科技
无论是数据库设计还是网站开发，精选的案例均来自较为前沿或者用户群多的领域，以帮助大家认识和了解动态。
权威的作者团队
组织国家重点实验室和资深应用专家联手编著该套图书，融入了丰富的教学经验与优秀的管理理念。
学习型案例设计
以技术的实际应用过程为主线，全程采用图解和多媒体同步结合的教学方式，生动、直观、全面地剖析使用过程中的各种应用技能，降低难度，提升学习效率。
扫码看视频
通过微信扫码看视频，可以随时在移动端学习技能对应的视频操作。
为什么要写这样一本书
由于原生应用程序App的开发费用比较高，同时开发周期也比较长，所以不少客户就有了想把网站转换成App的需求，然后直接把转换的App安装到移动设备上。jQuery Mobile很好地解决了这一问题，通过HTML 5新技术和jQuery Mobile搭配使用，开发出的网站和普通App没有区别，越来越受到广大客户的欢迎。现在学习和关注该技术的人越来越多，对于初学者来说，实用性强和易于操作是目前的需求。本书针对想学习移动开发的初学者，可以快速让初学者入门后提高实战水平。通过本书的案例实训，读者可以很快地掌握流行的移动开发方法，提高职业化能力，从而帮助解决公司与求职者的双重需求问题。
本书特色
零基础、入门级的讲解
无论您是否从事计算机相关行业，也无论您是否接触过网页设计和App开发，都能从本书中找到起点。
实用、专业的范例和项目
本书在内容编排上，紧密结合深入学习网页设计的过程，从HTML 5 基本概念开始，逐步带领读者学习网页设计和App 开发的各种应用技巧，侧重实战技能，使用简单易懂的实际案例进行分析和操作指导，让读者学起来轻松易懂，操作起来有章可循。
读者对象
本书是一本完整介绍网页设计技术的教程，内容丰富、条理清晰、实用性强，适合以下读者学习使用。
零基础的网页设计和App 开发自学者。
希望快速、全面掌握HTML 5 CSS3 jQuery Mobile 网页设计和App 开发的人员。
高等院校或培训机构的老师和学生。
参加毕业设计的学生。
创作团队
本书由刘辉编著，参加编写的人员还有刘春茂、李艳恩和张华。在编写过程中，我们虽竭尽所能希望将好的讲解呈献给读者，但难免有疏漏和不妥之处，敬请读者不吝指正。
编　者

第1章认识HTML 5 001
1.1 HTML的基本概念 002
1.1.1 什么是HTML 002
1.1.2 HTML的发展历程 002
1.2 HTML文件的基本结构 003
1.3 认识HTML 5基本标记 003
1.3.1 文档类型说明 003
1.3.2 html标记 004
1.3.3 头标记head 004
1.3.4 网页的主体标记body 006
1.3.5 页面注释标记 007
1.4 HTML 5网页的开发环境 008
1.4.1 使用记事本手工编写HTML文件 008
1.4.2 使用WebStorm编写HTML文件 009
1.5 新手常见疑难问题 012
1.6 实战训练营 013
第2章设计网页的文本与段落 015
2.1 标题 016
2.1.1 标题文字标记 016
2.1.2 标题的对齐方式 016
2.2　设置文字格式 017
2.2.1 文字的字体、字号和颜色 017
2.2.2　文字的粗体、斜体和下划线 019
2.2.3　文字的上标和下标 020
2.3 设置段落格式 020
2.3.1　段落标记 020
2.3.2　段落的换行标记 021
2.3.3　段落的原格式标记 021
2.4　网页的列表 022
2.4.1 无序列表 022
2.4.2 有序列表 023
2.4.3　自定义列表 024
2.5　新手常见疑难问题 025
2.6 实战技能训练营 025
第3章网页中的图像和超链接 027
3.1 网页中的图像 028
3.1.1　网页中支持的图片格式 028
3.1.2　图像中的路径 028
3.2 在网页中插入图像 030
3.3　编辑网页中的图像 031
3.3.1　设置图像的大小和边框 031
3.3.2　设置图像的间距和对齐方式 032
3.3.3 设置图像的替换文字和提示文字 033
3.4　认识网页超链接 034
3.4.1 什么是网页超链接 034
3.4.2　超链接中的URL 034
3.4.3　超链接的URL类型 035
3.5　建立网页超级链接 035
3.5.1　创建超文本链接 035
3.5.2 创建图片链接 036
3.5.3　创建下载链接 037
3.5.4　使用相对路径和路径 038
3.5.5　设置以新窗口显示超链接页面 038
3.5.6　设置电子邮件链接 039
3.6 使用浮动框架iframe 040
3.7 使用书签链接制作电子书阅读网页 041
3.8 图像热点链接 043
3.9 新手常见疑难问题 045
3.10 实战技能训练营 046
第4 章表格与标记 047
4.1 表格的基本结构 048
4.2 创建表格 049
4.2.1 创建普通表格 049
4.2.2 创建一个带有标题的表格 049
4.3 编辑表格 050
4.3.1 定义表格的边框类型 050
4.3.2 定义表格的表头 050
4.3.3 设置表格背景 051
4.3.4 设置单元格的背景 052
4.3.5 合并单元格 052
4.3.6 表格的分组 054
4.3.7 设置单元格的行高与列宽 055
4.4 完整的表格标记 056
4.5 设置悬浮变色的表格 056
4.6 标记 058
4.7 标记 059
4.8 新手常见疑难问题 060
4.9 实战技能训练营 060
第5 章网页中的表单 062
5.1 表单概述 063
5.2 输入标记 063
5.2.1 文本框 063
5.2.2 单选按钮和复选框 065
5.2.3 按钮 066
5.3 图像域和文件域 068
5.4 列表 069
5.5 表单的高级元素 070
5.5.1 url 属性 070
5.5.2 email 属性 071
5.5.3 date 和time 属性 071
5.5.4 number 属性 072
5.5.5 range 属性 072
5.5.6 required 属性 073
5.6 新手常见疑难问题 073
5.7 实战技能训练营 074
第6 章网页中的多媒体 075
6.1 audio 标记概述 076
6.1.1 认识audio 标记 076
6.1.2 audio 标记的属性 076
6.1.3 浏览器对audio 标记的支持情况 077
6.2 在网页中添加音频文件 077
6.3 video 标记 078
6.3.1 认识video 标记 078
6.3.2 video 标记的属性 079
6.3.3 浏览器对video 标记的支持情况 080
6.4 在网页中添加视频文件 080
6.5 新手常见疑难问题 081
6.6 实战技能训练营 082
第7 章数据存储Web Storage 083
7.1　认识Web 存储 084
7.1.1　本地存储和Cookies 的区别 084
7.1.2　Web 存储方法 084
7.2　使用HTML 5 Web Storage API 084
7.2.1　测试浏览器的支持情况 085
7.2.2　使用sessionStorage 方法创建对象 085
7.2.3　使用localStorage 方法创建对象 086
7.2.4　 Web Storage API 的其他操作 087
7.2.5　使用JSON 对象存取数据 088
7.3 目前浏览器对Web 存储的支持情况 090
7.4 制作简单Web 留言本 090
7.5 新手常见疑难问题 093
7.6 实战技能训练营 093
第8 章认识CSS 样式表 094
8.1 CSS 概述 095
8.1.1 CSS 的功能 095
8.1.2 CSS 的基础语法 095
8.2 创建和链接CSS 文件 096
8.3 CSS 中的选择器 097
8.3.1 标记选择器 097
8.3.2 类选择器 098
8.3.3 ID 选择器 099
8.3.4 伪类选择器 100
8.3.5 属性选择器 101
8.4 CSS 中的常用样式 102
8.4.1 使用字体样式 102
8.4.2 使用文本样式 105
8.4.3 使用背景样式 108
8.4.4 设计边框样式 111
8.4.5 设置列表样式 114
8.5 新手常见疑难问题 116
8.6 实战技能训练营 116
第9 章设计图片、链接和菜单的样式 118
9.1 设计图片的样式 119
9.1.1 设置图片的大小 119
9.1.2 图片对齐 120
9.1.3 文字环绕图片 122
9.1.4 图片与文字的间距 123
9.2 为图片添加圆角边框样式 124
9.3 设计链接的样式 125
9.3.1 设置链接样式 125
9.3.2 定义下划线样式 126
9.3.3 定义链接背景图 127
9.3.4 定义链接提示信息 128
9.3.5 定义链接按钮样式 129
9.4 设计菜单的样式 129
9.4.1 制作动态导航菜单 130
9.4.2 制作多级菜单列表 131
9.5 新手常见疑难问题 133
9.6 实战技能训练营 134
第10 章设计表格和表单的样式 136
10.1 设计表格的样式 137
10.1.1 设置表格颜色 137
10.1.2 设置表格边框 138
10.1.3 表格边框宽度 139
10.1.4 表格边框颜色 140
10.1.5 表格标题位置 140
10.1.6 隐藏空单元格 142
10.1.7 单元格的边距 143
10.2 设计表单的样式 144
10.2.1 表单字体样式 144
10.2.2 表单边框样式 145
10.2.3 表单背景样式 146
10.2.4 设计表单按钮样式 147
10.2.5 设计下拉菜单样式 148
10.3 新手常见疑难问题 149
10.4 实战技能训练营 149
第11 章使用CSS3 布局网页版式 151
11.1 认识CSS3 布局版式 152
11.1.1 将页面用DIV 分块 152
11.1.2 设置各块位置 152
11.1.3 用CSS 定位版式 153
11.2 固定宽度网页布局模式 155
11.2.1 网页单列布局模式 155
11.2.2 网页1-2-1 型布局模式 157
11.3 自动缩放网页布局模式 159
11.3.1 1-2-1 等比例变宽布局 159
11.3.2 1-2-1 单列变宽布局 160
11.3.3 1-3-1 单侧列宽度固定布局 160
11.3.4 1-3-1 中间列宽度固定布局 162
11.4 新手常见疑难问题 164
11.5 实战技能训练营 164
第12 章 JavaScript 和jQuery 166
12.1 认识JavaScript 167
12.1.1 什么是JavaScript 167
12.1.2 在HTML 网页头中嵌入JavaScript 代码 167
12.2 JavaScript 对象与函数 168
12.2.1 认识对象 168
12.2.2 认识函数 169
12.3 JavaScript 事件 170
12.3.1 事件与事件处理概述 170
12.3.2 JavaScript 的常用事件 171
12.4 认识jQuery 172
12.4.1 jQuery 能做什么 172
12.4.2 jQuery 的配置 173
12.5 jQuery 选择器 173
12.5.1 jQuery 的工厂函数 173
12.5.2 常见选择器 174
12.6 新手常见疑难问题 175
12.7 实战技能训练营 175
第13 章 jQuery Mobile 快速入门 177
13.1 认识jQuery Mobile 178
13.2 跨平台移动设备网页jQuery Mobile 178
13.2.1 移动设备模拟器 178
13.2.2 jQuery Mobile 的安装 180
13.2.3 jQuery Mobile 网页的架构 182
13.3 创建多页面的jQuery Mobile 网页 183
13.4 创建模态页 184
13.5 绚丽多彩的页面切换效果 185
13.6 新手常见疑难问题 187
13.7 实战技能训练营 187
第14 章使用UI 组件 189
14.1 套用UI 组件 190
14.1.1 表单组件 190
14.1.2 按钮和组按钮 196
14.1.3 按钮图标 198
14.1.4 弹窗 200
14.2 列表 201
14.2.1 列表视图 201
14.2.2 列表内容 203
14.2.3 列表过滤 204
14.3 面板和可折叠块 206
14.3.1 面板 206
14.3.2 可折叠块 207
14.4 导航条 209
14.5 jQuery Mobile 主题 211
14.6 新手常见疑难问题 214
14.7 实战技能训练营 215
第15 章 jQuery Mobile 事件 216
15.1 页面事件 217
15.1.1 初始化事件 217
15.1.2 外部页面加载事件 219
15.1.3 页面过渡事件 220
15.2 触摸事件 222
15.2.1 点击事件 222
15.2.2 滑动事件 224
15.3 滚屏事件 226
15.4 定位事件 227
15.5 新手常见疑难问题 229
15.6 实战技能训练营 230
第16 章数据存储和读取技术 231
16.1 认识Web SQL Database 232
16.2 使用Web SQL Database 操作数据 232
16.2.1 数据库的基本操作 232
16.2.2 数据表的基本操作 233
16.2.3 数据的基本操作 234
16.3 创建简易的学生管理系统 236
16.4 选择文件 237
16.4.1 选择单个文件 237
16.4.2　选择多个文件 238
16.5　使用FileReader 接口读取文件 239
16.5.1　检测浏览器是否支持FileReader 接口 239
16.5.2　 FileReader 接口的方法 239
16.5.3　使用readAsDataURL 方法预览图片 239
16.5.4　使用readAsText 方法读取文本文件 241
16.6 新手常见疑难问题 242
16.7 实战技能训练营 243
第17 章设计流行的响应式网页 244
17.1 什么是响应式网页设计 245
17.2 像素和屏幕分辨率 246
17.3 视口 246
17.3.1 视口的分类和常用属性 246
17.3.2 媒体查询 247
17.4 响应式网页的布局设计 248
17.4.1 常用布局类型 248
17.4.2 布局的实现方式 248
17.4.3 响应式布局的设计与实现 250
17.5 响应式图片 250
17.5.1 使用标记 251
17.5.2 使用CSS 图片 252
17.6 响应式视频 253
17.7 响应式导航菜单 253
17.8 响应式表格 255
17.8.1 隐藏表格中的列 255
17.8.2 滚动表格中的列 256
17.8.3 转换表格中的列 258
17.9 响应式开发框架Bootstrap 260
17.10 新手常见疑难问题 261
17.11 实战技能训练营 262
第18 章 App 的打包和测试 263
18.1 配置Android 开发环境 264
18.1.1 安装Java JDK 264
18.1.2 安装Android SDK 266
18.1.3 安装Apache Ant 268
18.2 下载与安装Apache Cordova 270
18.3 设置Android 模拟器 271
18.4 将网页转换为Android App 272
18.5 新手常见疑难问题 274
第19 章项目实训1开发连锁咖啡响应式网站 275
19.1 网站概述 276
19.1.1 网站结构 276
19.1.2 设计效果 276
19.1.3 设计准备 277
19.2 设计首页布局 277
19.3 设计可切换导航 278
19.4 主体内容 282
19.4.1 设计轮播广告区 283
19.4.2 设计产品推荐区 284
19.4.3 设计登录注册和Logo 285
19.4.4 设计特色展示区 286
19.4.5 设计产品生产流程区 287
19.5 设计底部隐藏导航 289
第20 章项目实训2家庭记账本App 291
20.1 记账本的需求分析 292
20.2 数据库分析 292
20.2.1 分析数据库 292
20.2.2 创建数据库 292
20.3 记账本的代码实现 293
20.3.1 设计首页 293
20.3.2 新增记账页面 293
20.3.3 记账列表页面 295
20.3.4 记账详情页面 296
20.3.5 删除记账 297
第21 章项目实训3连锁酒店订购系统App 302
21.1 连锁酒店订购的需求分析 303
21.2 网站的结构 303
21.3 连锁酒店系统的代码实现 304
21.3.1 设计首页 304
21.3.2 设计订购页面 305
21.3.3 设计连锁分店页面 310
21.3.4 设计查看订单页面 312
21.3.5 设计酒店介绍页面 313

你还可能感兴趣

我要评论