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

第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