HTML5移动Web开发 - 传智教育图书库

内容简介

近些年，移动互联网迅速进入人们的生活、工作中。在移动互联网中起支撑作用的网页、APP等开发技术也已经成熟。除了原生的Android与iOS外，HTML5也是移动Web技术中不可忽视的一种开发模式。

本教材详细讲解了HTML5在移动Web开发中的应用，包括多媒体、canvas、本地存储、离线应用、地理定位、拖曳、文件操作、移动端事件、移动端常用布局等，除这些相对独立的技术点讲解，本教材还讲解了当下使用广泛的移动Web框架Bootstrap，并且在教材中穿插了两个综合项目，将所讲所学应用到实际开发中。

适合群体

本书可作为高等院校本、专科计算机相关专业、程序设计类课程或者Web开发的专用教材，是一本适合广大计算机编程爱好者的优秀读物。

图书特色

本教材主要有以下三个特色：

特色一：辐射式知识网，体系完善

以HTML5移动技术为核心，辐射式展开一张知识网，将HTML5知识体系纳入进来。

特色二：热点案例驱动，趣味性强

案例均为移动开发中实用的热点功能，如调用地图、本地存储、音频视频等。

特色三：配备综合项目，提升实操技能

本教材共配备两个大型综合项目，一个为移动Web开发的电商项目，一个为适用于各尺寸移动设备的响应式互联网金融项目，让读者具备实际开发的经验。

配套资源

进入高校教辅平台查看资源

图书目录

第1章 移动互联中的Web应用  1
1.1 移动互联网的发展  1
1.2 移动Web开发概述  3
1.2.1　 移动开发的几种方式  3
1.2.2　 移动Web开发与PC端Web开发的区别  4
1.3 移动端的Web浏览器  4
1.4　 基于HTML5的移动Web开发  5
小结  7
思考题  7
第2章 基于HTML5的移动Web应用（上）  8
2.1 HTML5的网络存储  8
2.1.1　Web Storage简介  9
2.1.2　localStorage 10
2.1.3　sessionStorage  12
2.1.4　Storage 事件监听  14
2.2 移动Web离线应用  15
2.2.1　离线应用简介  15
2.2.2　 Application Cache的基本应用  16
2.2.3　 applicationCache对象  20
2.2.4　离线缓存更新  21
2.3 HTML5画布  22
2.3.1　初识canvas  22
2.3.2　 利用canvas 绘制矩形和清除矩形  25
2.3.3　 利用canvas 绘制圆形  27
2.3.4　 利用canvas 绘制图片  28
2.3.5　 利用canvas 其他方法  30
小结  31
思考题  31
第3章 基于HTML5的移动Web应用（下）  32
3.1 视频与音频  32
3.1.1　 <video>标签的使用  33
3.1.2　 HTML DOM Video对象  35
3.1.3　 <audio>标签的使用  38
3.1.4　 HTML DOM Audio对象  39
3.2 Geolocation地理定位  42
3.2.1　Geolocation简介  42
3.2.2　获取当前位置  42
3.2.3　调用百度地图  45
3.3 拖曳  49
3.4 文件操作  52
3.4.1　选择文件 53
3.4.2　操作文件 55
小结 59
思考题 59
第4章 移动端页面布局和常用事件  60
4.1 流式布局  60
4.2 视口  62
4.2.1　理解视口  62
4.2.2　移动端的3种视口  63
4.3 移动端常用事件  65
4.3.1　Touch事件简介  65
4.3.2　Touch事件的应用  67
4.3.3　 过渡和动画结束事件  70
小结  75
思考题  75
第5章 综合项目——黑马掌上商城  76
5.1 项目简介  76
5.1.1　项目功能展示  77
5.1.2　 项目目录和文件结构 77
5.1.3　项目开发流程 78
5.2 商城首页  80
5.2.1　 【任务1】 项目搭建  80
5.2.2　 【任务2】 页面主体和头部搜索  83
5.2.3　【任务3】 轮播图  87
5.2.4　【任务4】 导航栏  92
5.2.5　【任务5】 商品  95
5.3 商品分类页  102
5.3.1　 【任务6】 顶部通栏 102
5.3.2　【任务7】 左侧栏  104
5.3.3　【任务8】 右侧栏  109
5.4 购物车页面  114
5.4.1　 【任务9】 购物车页面 114
5.4.2　 【任务10】 弹出框动画 122
5.5 Zepto.js 127
5.5.1　Zepto 模块 127
5.5.2　Zepto的使用  128
小结 129
思考题 130
第6章 跨平台移动Web技术  131
6.1 响应式Web设计  131
6.1.1　 响应式Web设计简介  132
6.1.2　 响应式Web设计相关技术 133
6.2 媒体查询  133
6.3 栅格系统  136
6.4 弹性盒布局  139
小结  146
思考题  146
第7章 使用Bootstrap进行移动Web开发  147
7.1 初识Bootstrap  147
7.1.1　Bootstrap简介  147
7.1.2　Bootstrap下载  148
7.1.3　Bootstrap基本模板 150
7.2 Bootstrap常用布局  151
7.2.1　布局容器  151
7.2.2　栅格系统  152
7.2.3　响应式工具  154
7.3 Bootstrap常用样式  157
7.3.1　导航栏  157
7.3.2　表单  161
7.3.3　按钮  166
7.3.4　标签页 168
7.3.5　轮播插件  170
小结  174
思考题  174
第8章 综合项目——黑马财富  175
8.1 项目简介  176
8.1.1　项目功能展示  176
8.1.2　 项目目录和文件结构  178
8.1.3　项目开发流程  179
8.2　 【任务1】 index.html页面结构搭建  180
8.3　 【任务2】 顶部通栏模块  182
8.4　【任务3】 导航栏模块  186
8.5　【任务4】 轮播图模块  191
8.6　 【任务5】 信息和预约模块  197
8.7　【任务6】 产品模块  203
8.8　 【任务7】 新闻和合作伙伴模块  213
小结  222
思考题  222

展开全部内容