vlambda博客
学习文章列表

移动Web开发实战(双色)

移动Web开发实战(双色)

ISBN:978-7-313-14279-5/01

主编:管西京、张玲玲、陈强

出版社:上海交大

适用层次:通用

出版/修订日期:2021-11-01

¥58.00

本书主要围绕HTML5技术,讲述如何利用HTML5,CSS以及JavaScript等相关技术开发移动Web网站和App应用程序。
全书分12章,其中第1~4章主要讲述了移动Web的基础知识,第5~9章主要讲述了HTML5新技术特性在表单使用、音频和视频应用、Canvas绘图、数据存储以及文件操作处理方面的应用,第10~12章介绍了jQuery Mobile基础、页面数据离线处理以及PhoneGap框架的相关知识。
本书可作为计算机及相关专业的教材,也可作为移动应用开发人员的参考读物。

1  Web开发标准与网页网站制作介绍

1.1  Web开发标准介绍

1.1.1  Web开发标准概述

1.1.2  为什么要使用Web标准

1.2  CSS网页布局标准

1.2.1  传统页面布局

1.2.2  标准布局

1.2.3  标准布局的前景分析

1.3  认识网页和网站

1.3.1  何谓网页

1.3.2  何谓网站

1.3.3  网站的发展趋势

1.4  网页的基本构成元素

1.5  实例1-1:一个基本的HTML5页面

1.6  综合实例:个人博客网站

1.6.1  网站规划

1.6.2  切图分析

1.6.3  制作站点首页

1.6.4  制作日志页面

1.6.5  制作日志详情页面

1.6.6  网站的完整制作流程

1.7  实战练习

 

2  Web开发技术基础

2.1  三剑客之——体现身材的HTML

2.1.1  HTML概述

2.1.2  HTML基本知识

2.1.3  实例2-1:实现一个优美的登录表单界面

2.2  三剑客之——会化妆的CSS

2.2.1  CSS基础知识

2.2.2  实例2-2:一个精致的表单页面

2.3  三剑客之——JavaScript是美的升华

2.3.1  JavaScript概述

2.3.2  JavaScript基本概念

2.3.3  实例2-3:实现一个动态菜单样式

2.4  综合实例:一个典型的页面文件

2.5  实战练习

 

3  打造移动Web应用程序

3.1  当前主流的智能手机系统

3.2  打造移动Web应用程序

3.2.1  设计在通用设备上运行的网站

3.2.2  选择Web编辑器

3.2.3  为移动设备调整可视化的设计

3.2.4  测试应用程序

3.3  实例3-1:搭建Android开发环境

3.3.1  安装JDK

3.3.2  安装EclipseAndroidSDK

3.3.3  安装ADT

3.3.4  设定Android SDK Home

3.3.5  验证开发环境

3.3.6  创建Android虚拟设备(AVD

3.3.7  启动AVD模拟器

3.4  综合实例:搭建iOS开发环境

3.4.1  下载Xcode

3.4.2  安装Xcode

3.4.3  创建一个Xcode项目并启动模拟器

3.5  实战练习

 

4  HTML5在移动设备中

4.1  全新的HTML5

4.1.1  发展历程介绍

4.1.2  全新功能

4.2  HTML5设计移动网站前的准备

4.2.1  为移动网站准备专用的域名

4.2.2  准备测试环境

4.3  实例4-1:第一段HTML5程序

4.4  实例4-2:自动检测输入的拼写是否正确

4.5  实例4-3:将站点升级至HTML5

4.6  综合实例:网页版俄罗斯方块游戏

4.6.1  实例目标

4.6.2  具体实现

4.7  实战练习

 

5  使用表单元素

5.1  表单元素的类型

5.1.1  email类型

5.1.2  url类型

5.1.3  number类型

5.1.4  Date Pickers(数据检出器)

5.2  表单元素中的属性

5.2.1  记住表单中的数据

5.2.2  验证表单中输入的数据是否合法

5.2.3  在文本框中显示提示信息

5.2.4  验证文本框中的内容是否为空

5.2.5  开启表单的自动完成功能

5.2.6  重写表单中的某些属性

5.2.7  自动设置表单中传递数字

5.2.8  在表单中选择多个上传文件

5.4  实例5-2:验证输入的数值是否合法

5.5  实例5-3:实现一个简单的乘法计算器

5.6  实例5-4:在网页中生成一个密钥

5.7  综合实例:制作一个颜色滑动控制器

5.7.1  知识点——range类型

5.7.2  实现过程

5.8  实战练习

 

6  音频和视频应用

6.1  处理视频

6.1.1  使用video标记

6.1.2   标记的属性

6.2  处理音频

6.2.1  audio标记

6.2.2  标记的属性

6.3  实例6-1:播放一首音乐

6.4  实例6-2:显示加载视频的状态

6.5  实例6-3:出错时在播放屏幕中显示出错信息

6.6  实例6-4:检测浏览器是否支持这个媒体类型

6.7  实例6-5:显示视频的播放状态

6.8  综合实例:为视频设置素材图片并显示播放时间

6.9  实战练习

 

7  Canvas绘图详解

7.1  Canvas标记基础

7.2  HTMLDOM Canvas对象

7.2.1  Canvas对象的属性

7.2.2  Canvas对象的方法

7.3  实例7-1:显示矩形中的鼠标的坐标

7.4  实例7-2:绘制一个圆

7.5  实例7-3:在画布中显示一幅指定的图片

7.6  实例7-4:绘制一个指定大小的正方形

7.7  实例7-5:绘制一个带边框的矩形

7.8  实例7-6:绘制一个渐变图形

7.9  实例7-7:移动、缩放和旋转网页中的图形

7.10  实例7-8:使用组合的方式显示图形

7.11  综合实例:圆形绘制器

7.11.1  用到的知识点

7.11.2  具体实现

7.12  实战练习

 

8  数据存储

8.1  Web存储概述

8.2  Web Storage存储方式

8.3  WebDB存储方式

8.4  实例8-1:统计访问页面的次数

8.5  实例8-2:网页计数器

8.6  实例8-3:打开、创建数据库

8.7  实例8-4:调用并执行SQL语句

8.8  实例8-5:在网页中获取并显示数据

8.9  综合实例:保存并读取登录用户名和密码

8.10  实战练习

 

9  文件操作处理

9.1  文件操作基础知识

9.1.1  选择单个或多个文件

9.1.2  使用Blob获取文件的类型与大小

9.1.3  FileReader接口

9.2  实例9-1:在表单中选择单个文件

9.3  实例9-2:通过类型过滤上传文件

9.4  实例9-3:通过accept属性过滤选择文件的类型

9.5  实例9-4:用readAsDataURL()预览图片

9.6  实例9-5:读取文件内容

9.7  实例9-6:同时上传多个文件

9.8  实例9-7:获取文件类型与大小

9.9  综合实例:用拖动的方式选择并浏览文件

9.10  实战练习

 

10  jQuery Mobile基础

10.1  jQuery Mobile简介

10.1.1  什么是jQuery

10.1.2  jQuery Mobile基础

10.2  实例10-1:搭建jQueryMobile开发环境

10.3  实例10-2:搭建测试环境

10.4  实例10-3:动态滑动条

10.5  实例10-4:使用选择菜单

10.6  综合实例:网上订餐系统

10.6.1  需求分析

10.6.2  界面设计

10.6.3  页面实现

10.6.4  设置样式

10.7  实战练习

 

11 页面数据离线处理

11.1  离线应用基础

11.1.1  开发离线应用程序

11.1.2  manifest文件详解

11.1.3  配置IIS服务器

11.2  检测本地缓存的更新状态

11.3  实例11-1:简单的离线应用程序

11.4  实例11-2:检测网络的当前状态

11.5  实例11-3onlineoffline事件检测当前网络状态

11.6  实例11-4:开发一个离线留言系统

11.7  综合实例——开发一个离线式日历提醒系统

11.8  实战练习

 

12  使用PhoneGap框架

12.1  PhoneGap简介

12.1.1  产生背景介绍

12.1.2  PhoneGap的发展历程

12.1.3  什么是PhoneGap

12.2  深入认识PhoneGap——优点和缺点分析

12.2.1  原生应用

12.2.2  Web应用

12.2.3  混合型应用

12.2.4  PhoneGap的优缺点

12.3  实例12-1:搭建PhoneGap开发环境

12.4  实例12-2Android平台创建PhoneGap的程序

12.5  实例12-3iOS平台创建PhoneGap的程序

12.6.1  功能分析

12.6.2  创建Android工程

12.6.3  具体实现

12.6.4  用到的知识点

12.7  实战练习