国家信息技术紧缺人才培养工程指定教材：HTML5 移动Web开发

图书标准信息

• 作者 黑马程序员 著
• 出版社 中国铁道出版社
• 出版时间 2017-08
• 版次 1
• ISBN 9787113231033
• 定价 39.80元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 232页
• 字数 287千字
• 丛书 国家信息技术紧缺人才培养工程指定教材

【内容简介】

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

【作者简介】

“中关村黑马程序员训练营”是由传智播客教育科技有限公司（简称传智播客）联合中关村软件园、CSDN，并委托传智播客进行教学实施的软件开发高端培训机构，致力于服务各大软件企业，解决当前软件开发技术飞速发展，而企业招不到优秀人才的困扰。 目前，“中关村黑马程序员训练营”已成长为行业“学员质量好、课程内容深、企业满意”的移动开发高端训练基地，并被评为中关村软件园重点扶持人才企业。

【目录】

第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　 标签的 

使用 ..........................33 

3.1.2　 HTML DOM Video 

对象 ..........................35 

3.1.3　 标签的 

使用 ..........................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