《HTML5+CSS3+jQuery Mobile+Bootstrap开发APP从入门到精》是2019年清华大学出版社出版的图书，作者是张工厂。
基本介绍
- 书名：HTML5+CSS3+jQuery Mobile+Bootstrap开发APP从入门到精
- 作者：张工厂
- ISBN：9787302527237
- 定价：99元
- 出版时间：2019.06.01
图书简介
本书以套用实例和综合实战案例的形式逐一详解了HTML5网页设计的文档结构、文本、图像、用HTML5创建超连结、表格、使用表单、HTML5中的音频和视频、HTML5绘製图形、地理定位、离线Web套用、用CSS3设定字型与段落、表格和表单的样式、美化图片、背景、框线和用CSS3+DIV布局页面、jQueryMobileUI组件、jQueryMobile事件、使用最新Bootstrap4框架、开发计算器、开发求职招聘、开发购物网站和开发手机游戏等内容。
通过对本书实例和综合案例的学习与演练，读者可以儘快掌握所学的知识，提高网页设计的实战能力，同时本书在网上提供了实例原始码，可供读者直接查看和调用，以便快速上手或进行二次开发。
图书目录
第1章 HTML5快速入门 1
1.1 HTML5概述 1
1.2 HTML5的文档结构 3
1.2.1 文档类型说明 3
1.2.2 HTML标记 3
1.2.3 头标记head 3
1.2.4 网页的主体标记body 7
1.2.5 页面注释标记<!-- --> 7
1.3 HTML5档案的编写方法 8
1.3.1 使用记事本手工编写HTML档案 8
1.3.2 使用Dreamweaver CC编写HTML档案 9
1.4 HTML5语法的新变化 11
1.4.1 标籤不再区分大小写 11
1.4.2 允许属性值不使用引号 12
1.4.3 允许部分属性值的属性省略 12
1.5 专家解惑 13
第2章 HTML5网页中的文本和图像 15
2.1 添加文本 15
2.1.1 普通文本 15
2.1.2 特殊文字元号 16
2.1.3 文本特殊样式 17
2.2 文本排版 19
2.2.1 换行标记<br/>与段落标记<p> 19
2.2.2 标题标记<h1>～<h6> 22
2.3 文字列表 23
2.3.1 建立无序列表<ul> 23
2.3.2 建立有序列表<ol> 24
2.4 网页中的图像<img> 25
2.4.1 网页中支持的图片格式 26
2.4.2 使用路径 26
2.4.3 网页中插入图像标记<img> 28
2.5 综合实例—图文并茂房屋装饰装修网页 31
2.6 专家解惑 33
第3章 用HTML5建立超链...
第3章用HTML5建立超连结 34
3.1URL的概念 34
3.1.1URL的格式 34
3.1.2URL的类型 35
3.2超连结标记<a> 36
3.2.1设定文本和图片的超连结 36
3.2.2超连结指向的目标类型 37
3.2.3设定以新视窗显示超连结页面 39
3.3创建热点区域 40
3.4浮动框架iframe 41
3.5综合实例—用Dreamweaver精确定位热点区域 42
3.6专家解惑 45
第4章用HTML5创建表格 46
4.1表格基本结构及操作 46
4.1.1表格基本结构 46
4.1.2合併单元格 48
4.2完整的表格标记 52
4.3综合实例—製作计算机报价单 54
4.4专家解惑 56
第5章使用表单 58
5.1表单概述 58
5.2表单基本元素的使用 59
5.2.1单行文本输入框text 59
5.2.2多行文本框标记<textarea> 60
5.2.3密码域password 61
5.2.4单选按钮radio 61
5.2.5複选框checkbox 62
5.2.6选择列表标记<select> 63
5.2.7普通按钮button 64
5.2.8提交按钮submit 65
5.2.9重置按钮reset 66
5.3表单高级元素的使用 67
5.3.1url属性 67
5.3.2eamil属性 68
5.3.3date和Times 69
5.3.4number属性 70
5.3.5range属性 71
5.3.6required属性 72
5.4综合实例—创建用户反馈表单 73
5.5专家解惑 74
第6章HTML5中的音频和视频 75
6.1<audio>标记 75
6.1.1<audio>标记概述 75
6.1.2<audio>标记的属性 76
6.1.3音频解码器 77
6.1.4<audio>标记浏览器的支持情况 77
6.2<video>标记 77
6.2.1<video>标记概述 77
6.2.2<video>标记的属性 78
6.2.3视频解码器 79
6.2.4<video>标记浏览器的支持情况 79
6.3音频和视频中的方法 80
6.3.1canPlayType()方法 80
6.3.2load()方法 81
6.3.3play()方法和pause()方法 82
6.4音频和视频中的属性 83
6.4.1autoplay属性 83
6.4.2buffered属性 84
6.4.3controls属性 86
6.4.4currentSrc属性 87
6.5专家解惑 88
第7章HTML5绘製图形 90
7.1canvas概述 90
7.1.1添加canvas元素 90
7.1.2绘製矩形 91
7.2绘製基本形状 92
7.2.1绘製圆形 92
7.2.2使用moveTo与lineTo绘製直线 94
7.2.3使用bezierCurveTo绘製贝济埃曲线 95
7.3绘製渐变图形 97
7.3.1绘製线性渐变 98
7.3.2绘製径向渐变 99
7.4绘製变形图形 101
7.4.1变换原点坐标 101
7.4.2图形缩放 102
7.4.3旋转图形 103
7.5图形组合 105
7.6绘製带阴影的图形 107
7.7使用图像 108
7.7.1绘製图像 108
7.7.2图像平铺 110
7.7.3图像裁剪 112
7.7.4像素处理 113
7.8绘製文字 116
7.9图形的保存与恢复 117
7.9.1保存与恢复状态 117
7.9.2保存档案 119
7.10综合实例1—绘製商标 120
7.11综合实例2—绘製火柴棒人物 122
7.12综合实例3—绘製时钟 126
7.13专家解惑 129
第8章地理定位、离线Web套用和Web存储 131
8.1获取地理位置 131
8.1.1地理地位的原理 131
8.1.2地理定位的函式 132
8.1.3指定纬度和经度坐标 132
8.1.4目前浏览器对地理定位的支持情况 134
8.2HTML5离线Web套用 134
8.2.1新增的本地快取 134
8.2.2本地快取的管理者—manifest档案 134
8.2.3浏览器网页快取与本地快取的区别 136
8.2.4目前浏览器对Web离线套用的支持情况 136
8.3Web存储 136
8.3.1本地存储和Cookies的区别 137
8.3.2在客户端存储数据 137
8.3.3sessionStorage函式 137
8.3.4localStorage函式 139
8.3.5目前浏览器对Web存储的支持情况 141
8.4专家解惑 141
第9章CSS3快速入门 142
9.1CSS3介绍 142
9.1.1CSS3功能 142
9.1.2CSS3发展历史 143
9.1.3浏览器与CSS3 143
9.2编辑和浏览CSS 144
9.2.1CSS基础语法 144
9.2.2使用记事本手工编写CSS档案 145
9.2.3使用DreamweaverCC创建CSS档案 146
9.3在HTML5中使用CSS3的方法 147
9.3.1行内样式 148
9.3.2内嵌样式 149
9.3.3连结样式 150
9.3.4导入样式 151
9.3.5优先权问题 153
9.4CSS3选择器 155
9.4.1标记选择器 156
9.4.2类选择器 157
9.4.3ID选择器 158
9.4.4全局选择器 160
9.4.5组合选择器 161
9.4.6继承选择器 162
9.4.7伪类 164
9.4.8属性选择器 165
9.4.9结构伪类选择器 167
9.4.10UI元素状态伪类选择器 168
9.5选择器声明 170
9.5.1集体声明 170
9.5.2多重嵌套声明 171
9.6综合实例1—製作五彩标题 172
9.7综合实例2—製作新闻选单 175
9.8专家解惑 178
第10章CSS3字型与段落属性 180
10.1字型属性 180
10.1.1字型font-family 180
10.1.2字号font-size 181
10.1.3字型风格font-style 183
10.1.4加粗字型font-weight 184
10.1.5小写字母转为大写字母font-variant 185
10.1.6字型複合属性font 186
10.1.7字型颜色color 187
10.2文本高级样式 189
10.2.1阴影文本text-shadow 189
10.2.2溢出文本text-overflow 190
10.2.3控制换行word-wrap 192
10.2.4保持字型尺寸不变font-size-adjust 193
10.3段落属性 194
10.3.1单词间隔word-spacing 194
10.3.2字元间隔letter-spacing 195
10.3.3文字修饰text-decoration 196
10.3.4垂直对齐方式vertial-align 197
10.3.5文本转换text-transform 199
10.3.6水平对齐方式text-align 200
10.3.7文本缩进text-indent 202
10.3.8文本行高line-height 203
10.3.9处理空白white-sapce 204
10.3.10文本反排unicode-bidi和direction 206
10.4综合实例1—製作旅游宣传网页 207
10.5综合实例2—网页简单图文混排 211
10.6专家解惑 213
第11章CSS3美化表格和表单样式 214
11.1表格基本样式 214
11.1.1表格框线样式 214
11.1.2表格框线宽度 217
11.1.3表格框线颜色 218
11.2CSS3与表单 219
11.2.1美化表单中元素 220
11.2.2美化提交按钮 222
11.2.3美化下拉选单 223
11.3综合实例1—隔行变色 225
11.4综合实例2—表格图文网页布局 228
11.5综合实例3—变色表格 230
11.6综合实例4—登录表单 233
11.7综合实例5—注册表单 235
11.8专家解惑 238
第12章CSS3美化图像 239
12.1图片样式 239
12.1.1图片框线 239
12.1.2图片缩放 241
12.2对齐图片 244
12.2.1横向对齐方式 244
12.2.2纵向对齐方式 245
12.3图文混排 247
12.3.1文字环绕 247
12.3.2设定图片与文字间距 248
12.4综合实例1—一句话新闻 250
12.5综合实例2—学校宣传单 254
12.6专家解惑 256
第13章CSS3美化背景与框线 257
13.1背景相关属性 257
13.1.1背景颜色 257
13.1.2背景图片 259
13.1.3背景图片重複 260
13.1.4背景图片显示 261
13.1.5背景图片位置 263
13.1.6背景图片大小 265
13.1.7背景显示区域 267
13.1.8背景图像裁剪区域 268
13.1.9背景複合属性 270
13.2框线 270
13.2.1框线样式 270
13.2.2框线颜色 272
13.2.3框线线宽 274
13.2.4框线複合属性 275
13.3圆角框线 276
13.3.1圆角框线属性 276
13.3.2指定两个圆角半径 277
13.3.3绘製4个不同圆角框线 278
13.3.4绘製框线种类 281
13.4图片框线 283
13.4.1图片框线属性 283
13.4.2设定图像框线显示方式 284
13.5综合实例—设计公司主页 287
13.6专家解惑 290
第14章网页的定位与布局 292
14.1定位方式 292
14.1.1定位属性 292
14.1.2position定位 293
14.1.3层叠顺序z-index 298
14.1.4边偏移属性 300
14.2float浮动定位 301
14.3overflow溢出定位 303
14.4visibility隐藏定位 305
14.5块和行内元素display 307
14.5.1块元素 307
14.5.2行内元素 309
14.6综合实例—定位布局新闻 310
14.7专家解惑 314
第15章CSS3盒子和DIV布局 315
15.1认识div层 315
15.1.1层在HTML布局套用 315
15.1.2div和span区别 316
15.2盒子模型 317
15.2.1什幺是盒子模型 317
15.2.2border框线 319
15.2.3padding内边距 320
15.2.4margin外边距 322
15.3CSS3新增弹性盒模型 326
15.3.1盒子布局取向box-orient 326
15.3.2盒子布局顺序box-direction 328
15.3.3盒子布局位置box-ordinal-group 329
15.3.4盒子弹性空间box-flex 331
15.3.5管理盒子空间box-pack和box-align 333
15.3.6空间溢出管理box-lines 335
15.4综合实例1—图文排版效果 337
15.5综合实例2—淘宝导购选单 339
15.6专家解惑 342
第16章CSS3+DIV页面基本排版 344
16.1CSS3排版概念 344
16.1.1将页面用DIV分块 344
16.1.2设定各块位置 345
16.1.3用CSS定位 345
16.2固定宽度布局 349
16.2.1上中下版式 349
16.2.2左右版式 353
16.3新增CSS3多列布局 359
16.3.1列宽度column-width 359
16.3.2列数column-count 361
16.3.3列间距column-gap 362
16.3.4列框线样式column-rule 364
16.4综合实例—电子企业首页 366
16.5专家解惑 371
第17章熟悉jQueryMobile 373
17.1认识jQueryMobile 373
17.2跨平台移动设备网页jQueryMobile 374
17.2.1移动设备模拟器 374
17.2.2jQueryMobile的安装 376
17.2.3jQueryMobile网页的架构 377
17.3创建多页面的jQueryMobile网页 379
17.4将页面作为对话框使用 380
17.5绚丽多彩的页面切换效果 382
17.6专家解惑 384
第18章jQueryMobileUI组件 385
18.1套用UI组件 385
18.1.1表单组件 385
18.1.2按钮和按钮组 395
18.1.3按钮图示 398
18.1.4弹窗 399
18.2列表 401
18.2.1列表视图 401
18.2.2列表内容 404
18.2.3列表过滤 406
18.3面板和可摺叠块 407
18.3.1面板 407
18.3.2可摺叠块 409
18.4导航条 411
18.5jQueryMobile主题 415
18.6专家解惑 419
第19章jQueryMobile事件 420
19.1页面事件 420
19.1.1初始化事件 420
19.1.2外部页面载入事件 423
19.1.3页面过渡事件 425
19.2触摸事件 427
19.2.1点击事件 427
19.2.2滑动事件 429
19.3滚屏事件 431
19.4定位事件 435
19.5专家解惑 436
第20章使用最新Bootstrap4框架 437
20.1Bootstrap概述 437
20.1.1Bootstrap特色 437
20.1.2Bootstrap4的更新 438
20.2下载Bootstrap 439
20.3安装Bootstrap 441
20.3.1本地安装Bootstrap 441
20.3.2初次使用Bootstrap 441
20.4使用常用组件 442
20.4.1使用下拉选单 442
20.4.2使用按钮组 444
20.4.3使用导航组件 445
20.4.4绑定导航和下拉选单 448
20.4.5麵包屑导航 449
20.4.6使用广告屏 451
20.4.7使用card（卡片） 452
20.4.8使用进度条 454
20.4.9使用模态框 459
20.4.10使用滚动监听 461
20.5案例实战—胶囊导航选项卡（Tab栏） 463
20.6专家解惑 465
第21章开发计算器APP 467
21.1项目概述 467
21.1.1功能梳理 467
21.1.2开发环境 467
21.1.3项目结构目录 468
21.1.4项目打包 468
21.1.5项目效果展示 469
21.2项目设计 470
21.2.1index.html档案 471
21.2.2index.css档案 472
21.2.3calc.js档案 477
21.2.4common.js档案 483
第22章开发求职招聘APP 487
22.1项目概述 487
22.1.1项目结构目录 487
22.1.2项目效果展示 488
22.2项目设计 490
22.2.1设计登录和注册页面 491
22.2.2设计个人中心页面 493
22.2.3设计简历预览页面 494
22.2.4设计简历编辑页面 496
22.2.5设计投递记录和职位收藏页面 497
22.2.6设计职位列表页面 500
22.2.7设计职位详情页面 502
22.3项目打包成APP 503
第23章项目实训3—开发购物网站APP 507
23.1项目概述 507
23.1.1项目结构目录 507
23.1.2项目效果展示 508
23.2首页设计 511
23.2.1设计广告栏 511
23.2.2设计导航栏 514
23.2.3设计轮播 515
23.2.4设计蔬菜栏 517
23.2.5设计乾果栏 520
23.2.6设计底部栏 524
23.3购买页面设计 526
23.4蔬菜展示页面设计 529
23.5项目打包成APP 532
第24章项目实训4—开发游戏APP 533
24.1游戏概述 533
24.1.1游戏结构目录 533
24.1.2项目效果演示 534
24.2游戏设计 534
24.2.1index.html档案 534
24.2.2style.css档案 535
24.2.3index.js档案 536
24.3项目打包成APP 538
8.1.4目前浏览器对地理定位的支持情况 134
8.2HTML5离线Web套用 134
8.2.1新增的本地快取 134
8.2.2本地快取的管理者—manifest档案 134
8.2.3浏览器网页快取与本地快取的区别 136
8.2.4目前浏览器对Web离线套用的支持情况 136
8.3Web存储 136
8.3.1本地存储和Cookies的区别 137
8.3.2在客户端存储数据 137
8.3.3sessionStorage函式 137
8.3.4localStorage函式 139
8.3.5目前浏览器对Web存储的支持情况 141
8.4专家解惑 141
第9章CSS3快速入门 142
9.1CSS3介绍 142
9.1.1CSS3功能 142
9.1.2CSS3发展历史 143
9.1.3浏览器与CSS3 143
9.2编辑和浏览CSS 144
9.2.1CSS基础语法 144
9.2.2使用记事本手工编写CSS档案 145
9.2.3使用DreamweaverCC创建CSS档案 146
9.3在HTML5中使用CSS3的方法 147
9.3.1行内样式 148
9.3.2内嵌样式 149
9.3.3连结样式 150
9.3.4导入样式 151
9.3.5优先权问题 153
9.4CSS3选择器 155
9.4.1标记选择器 156
9.4.2类选择器 157
9.4.3ID选择器 158
9.4.4全局选择器 160
9.4.5组合选择器 161
9.4.6继承选择器 162
9.4.7伪类 164
9.4.8属性选择器 165
9.4.9结构伪类选择器 167
9.4.10UI元素状态伪类选择器 168
9.5选择器声明 170
9.5.1集体声明 170
9.5.2多重嵌套声明 171
9.6综合实例1—製作五彩标题 172
9.7综合实例2—製作新闻选单 175
9.8专家解惑 178
第10章CSS3字型与段落属性 180
10.1字型属性 180
10.1.1字型font-family 180
10.1.2字号font-size 181
10.1.3字型风格font-style 183
10.1.4加粗字型font-weight 184
10.1.5小写字母转为大写字母font-variant 185
10.1.6字型複合属性font 186
10.1.7字型颜色color 187
10.2文本高级样式 189
10.2.1阴影文本text-shadow 189
10.2.2溢出文本text-overflow 190
10.2.3控制换行word-wrap 192
10.2.4保持字型尺寸不变font-size-adjust 193
10.3段落属性 194
10.3.1单词间隔word-spacing 194
10.3.2字元间隔letter-spacing 195
10.3.3文字修饰text-decoration 196
10.3.4垂直对齐方式vertial-align 197
10.3.5文本转换text-transform 199
10.3.6水平对齐方式text-align 200
10.3.7文本缩进text-indent 202
10.3.8文本行高line-height 203
10.3.9处理空白white-sapce 204
10.3.10文本反排unicode-bidi和direction 206
10.4综合实例1—製作旅游宣传网页 207
10.5综合实例2—网页简单图文混排 211
10.6专家解惑 213
第11章CSS3美化表格和表单样式 214
11.1表格基本样式 214
11.1.1表格框线样式 214
11.1.2表格框线宽度 217
11.1.3表格框线颜色 218
11.2CSS3与表单 219
11.2.1美化表单中元素 220
11.2.2美化提交按钮 222
11.2.3美化下拉选单 223
11.3综合实例1—隔行变色 225
11.4综合实例2—表格图文网页布局 228
11.5综合实例3—变色表格 230
11.6综合实例4—登录表单 233
11.7综合实例5—注册表单 235
11.8专家解惑 238
第12章CSS3美化图像 239
12.1图片样式 239
12.1.1图片框线 239
12.1.2图片缩放 241
12.2对齐图片 244
12.2.1横向对齐方式 244
12.2.2纵向对齐方式 245
12.3图文混排 247
12.3.1文字环绕 247
12.3.2设定图片与文字间距 248
12.4综合实例1—一句话新闻 250
12.5综合实例2—学校宣传单 254
12.6专家解惑 256
第13章CSS3美化背景与框线 257
13.1背景相关属性 257
13.1.1背景颜色 257
13.1.2背景图片 259
13.1.3背景图片重複 260
13.1.4背景图片显示 261
13.1.5背景图片位置 263
13.1.6背景图片大小 265
13.1.7背景显示区域 267
13.1.8背景图像裁剪区域 268
13.1.9背景複合属性 270
13.2框线 270
13.2.1框线样式 270
13.2.2框线颜色 272
13.2.3框线线宽 274
13.2.4框线複合属性 275
13.3圆角框线 276
13.3.1圆角框线属性 276
13.3.2指定两个圆角半径 277
13.3.3绘製4个不同圆角框线 278
13.3.4绘製框线种类 281
13.4图片框线 283
13.4.1图片框线属性 283
13.4.2设定图像框线显示方式 284
13.5综合实例—设计公司主页 287
13.6专家解惑 290
第14章网页的定位与布局 292
14.1定位方式 292
14.1.1定位属性 292
14.1.2position定位 293
14.1.3层叠顺序z-index 298
14.1.4边偏移属性 300
14.2float浮动定位 301
14.3overflow溢出定位 303
14.4visibility隐藏定位 305
14.5块和行内元素display 307
14.5.1块元素 307
14.5.2行内元素 309
14.6综合实例—定位布局新闻 310
14.7专家解惑 314
第15章CSS3盒子和DIV布局 315
15.1认识div层 315
15.1.1层在HTML布局套用 315
15.1.2div和span区别 316
15.2盒子模型 317
15.2.1什幺是盒子模型 317
15.2.2border框线 319
15.2.3padding内边距 320
15.2.4margin外边距 322
15.3CSS3新增弹性盒模型 326
15.3.1盒子布局取向box-orient 326
15.3.2盒子布局顺序box-direction 328
15.3.3盒子布局位置box-ordinal-group 329
15.3.4盒子弹性空间box-flex 331
15.3.5管理盒子空间box-pack和box-align 333
15.3.6空间溢出管理box-lines 335
15.4综合实例1—图文排版效果 337
15.5综合实例2—淘宝导购选单 339
15.6专家解惑 342
第16章CSS3+DIV页面基本排版 344
16.1CSS3排版概念 344
16.1.1将页面用DIV分块 344
16.1.2设定各块位置 345
16.1.3用CSS定位 345
16.2固定宽度布局 349
16.2.1上中下版式 349
16.2.2左右版式 353
16.3新增CSS3多列布局 359
16.3.1列宽度column-width 359
16.3.2列数column-count 361
16.3.3列间距column-gap 362
16.3.4列框线样式column-rule 364
16.4综合实例—电子企业首页 366
16.5专家解惑 371
第17章熟悉jQueryMobile 373
17.1认识jQueryMobile 373
17.2跨平台移动设备网页jQueryMobile 374
17.2.1移动设备模拟器 374
17.2.2jQueryMobile的安装 376
17.2.3jQueryMobile网页的架构 377
17.3创建多页面的jQueryMobile网页 379
17.4将页面作为对话框使用 380
17.5绚丽多彩的页面切换效果 382
17.6专家解惑 384
第18章jQueryMobileUI组件 385
18.1套用UI组件 385
18.1.1表单组件 385
18.1.2按钮和按钮组 395
18.1.3按钮图示 398
18.1.4弹窗 399
18.2列表 401
18.2.1列表视图 401
18.2.2列表内容 404
18.2.3列表过滤 406
18.3面板和可摺叠块 407
18.3.1面板 407
18.3.2可摺叠块 409
18.4导航条 411
18.5jQueryMobile主题 415
18.6专家解惑 419
第19章jQueryMobile事件 420
19.1页面事件 420
19.1.1初始化事件 420
19.1.2外部页面载入事件 423
19.1.3页面过渡事件 425
19.2触摸事件 427
19.2.1点击事件 427
19.2.2滑动事件 429
19.3滚屏事件 431
19.4定位事件 435
19.5专家解惑 436
第20章使用最新Bootstrap4框架 437
20.1Bootstrap概述 437
20.1.1Bootstrap特色 437
20.1.2Bootstrap4的更新 438
20.2下载Bootstrap 439
20.3安装Bootstrap 441
20.3.1本地安装Bootstrap 441
20.3.2初次使用Bootstrap 441
20.4使用常用组件 442
20.4.1使用下拉选单 442
20.4.2使用按钮组 444
20.4.3使用导航组件 445
20.4.4绑定导航和下拉选单 448
20.4.5麵包屑导航 449
20.4.6使用广告屏 451
20.4.7使用card（卡片） 452
20.4.8使用进度条 454
20.4.9使用模态框 459
20.4.10使用滚动监听 461
20.5案例实战—胶囊导航选项卡（Tab栏） 463
20.6专家解惑 465
第21章开发计算器APP 467
21.1项目概述 467
21.1.1功能梳理 467
21.1.2开发环境 467
21.1.3项目结构目录 468
21.1.4项目打包 468
21.1.5项目效果展示 469
21.2项目设计 470
21.2.1index.html档案 471
21.2.2index.css档案 472
21.2.3calc.js档案 477
21.2.4common.js档案 483
第22章开发求职招聘APP 487
22.1项目概述 487
22.1.1项目结构目录 487
22.1.2项目效果展示 488
22.2项目设计 490
22.2.1设计登录和注册页面 491
22.2.2设计个人中心页面 493
22.2.3设计简历预览页面 494
22.2.4设计简历编辑页面 496
22.2.5设计投递记录和职位收藏页面 497
22.2.6设计职位列表页面 500
22.2.7设计职位详情页面 502
22.3项目打包成APP 503
第23章项目实训3—开发购物网站APP 507
23.1项目概述 507
23.1.1项目结构目录 507
23.1.2项目效果展示 508
23.2首页设计 511
23.2.1设计广告栏 511
23.2.2设计导航栏 514
23.2.3设计轮播 515
23.2.4设计蔬菜栏 517
23.2.5设计乾果栏 520
23.2.6设计底部栏 524
23.3购买页面设计 526
23.4蔬菜展示页面设计 529
23.5项目打包成APP 532
第24章项目实训4—开发游戏APP 533
24.1游戏概述 533
24.1.1游戏结构目录 533
24.1.2项目效果演示 534
24.2游戏设计 534
24.2.1index.html档案 534
24.2.2style.css档案 535
24.2.3index.js档案 536
24.3项目打包成APP 538