本书主要围绕HTML5技术,讲述如何利用HTML5相关技术开发移动Web网站和Web App应用程序。本书共分为四大部分,第一部分主要讲述移动出版产业现状、移动出版技术的发展及HTML5标准在移动出版技术中的应用;第二部分主要介绍HTML5的新功能和新特性在移动设备浏览器中的使用及相关展望;第三部分主要介绍目前比较流行的两套JavaScript移动开发框架jQuery Mobile和Sencha Touch以及PhoneGap应用,并配备丰富的例子作为实践;第四部分主要讲述HTML5技术在移动出版实践中的具体应用。
第1章 Chapter
移动出版产业现状
1.1 当数字出版遇上移动终端
1.2 国外移动出版
1.2.1 国外移动出版现状
1.2.2 国外移动出版特点
1.2.3 国外移动出版发展趋势
1.3 我国移动出版产业发展现状
1.3.1 移动出版产业发展必然性分析
1.3.2 移动出版产业发展的几种主流模式
1.4 本章小结
第2章 Chapter
移动出版技术概述
2.1 移动互联网的发展
2.2 智能手机发展迅速
第1章 Chapter
移动出版产业现状
1.1 当数字出版遇上移动终端
1.2 国外移动出版
1.2.1 国外移动出版现状
1.2.2 国外移动出版特点
1.2.3 国外移动出版发展趋势
1.3 我国移动出版产业发展现状
1.3.1 移动出版产业发展必然性分析
1.3.2 移动出版产业发展的几种主流模式
1.4 本章小结
第2章 Chapter
移动出版技术概述
2.1 移动互联网的发展
2.2 智能手机发展迅速
2.3 智能手机的Web浏览器
2.4 移动Web应用的发展
2.5 基于HTML5的移动Web应用
2.6 页面语义化简介
2.6.1 HTML5新语义元素概述
2.6.2 更多的HTML5新元素
2.7 页面结构与移动设备的布局
2.7.1 常见的移动应用布局
2.7.2 使用HTML5创建标准的移动Web页面
2.8 本章小结
第3章 Chapter
本地存储与离线应用
3.1 本地存储
3.1.1 移动设备的支持
3.1.2 localStorage
3.1.3 sessionStorage
3.1.4 Storage事件监听
3.2 离线Web概述
3.2.1 离线与缓存
3.2.2 离线的意义
3.3 离线应用移动设备的支持
3.4 applicationCache和manifest
3.4.1 manifest文件
3.4.2 applicationCache对象和事件
3.5 本章小结
第4章 Chapter
移动设备的常见HTML5表单元素
4.1 丰富的表单属性
4.2 移动Web表单的input类型
4.2.1 search类型文本
4.2.2 email类型文本
4.2.3 number类型文本
4.2.4 range类型文本
4.2.5 tel类型文本
4.2.6 url类型文本
4.2.7 更多的类型
4.3 表单属性应用范围
4.4 本章小结
第5章 Chapter
移动Web界面样式
5.1 CSS3
5.2 选择器
5.2.1 属性选择器
5.2.2 伪类选择器
5.3 阴影
5.3.1 box-shadow
5.3.2 text-shadow
5.4 背景
5.4.1 background-size
5.4.2 background-clip
5.4.3 background-origin
5.4.4 background
5.5 圆角边框
5.6 Media Queries移动设备样式
5.6.1 传统网站在iPhone上的显示问题
5.6.2 viewport设置适应移动设备屏幕大小
5.6.3 Media Queries如何工作
5.6.4 Media Queries语法总结
5.6.5 如何将官方网站移植成移动Web网站
5.7 本章小结
第6章 Chapter
Geolocation地理定位
6.1 功能介绍
6.2 浏览器支持情况
6.3 如何使用Geolocation API
6.3.1 首次获取当前位置
6.3.2 监视移动设备的位置变化
6.4 本章小结
第7章 Chapter
轻量级框架jQuery Mobile初探
7.1 jQuery Mobile概述
7.2 入门示例Hello World
7.2.1 部署文件
7.2.2 编码
7.3 基于HTML5的自定义属性驱动组件
7.3.1 dataset自定义属性
7.3.2 使用dataset属性驱动jQuery Mobile组件
7.4 页面与视图
7.4.1 标准的移动Web页面
7.4.2 移动设备的视图
7.4.3 多视图Web页面
7.4.4 改变页面标题的视图
7.4.5 视图切换动画
7.4.6 dialog对话框
7.4.7 页面主题
7.5 button按钮
7.5.1 button组件
7.5.2 具有icon图标的button组件
7.5.3 具有内联样式的button按钮
7.5.4 具有分组功能的button按钮
7.6 Bar工具栏
7.6.1 如何使用工具栏
7.6.2 含有后退按钮的header工具栏
7.6.3 多按钮的footer工具栏
7.6.4 导航条工具栏
7.6.5 定义fixed工具栏
7.6.6 全屏模式工具栏
7.7 内容区域格式布局
7.7.1 网格布局
7.7.2 仿9宫格排列的按钮组例子
7.7.3 折叠块功能
7.7.4 创建具有手风琴效果的例子
7.8 Form表单
7.8.1 如何使用表单提交功能
7.8.2 HTML5文本框类型
7.8.3 HTML5搜索类型输入框
7.8.4 Slider类型
7.8.5 Toggle类型
7.8.6 单选按钮类型
7.8.7 复选框类型
7.8.8 下拉选择菜单
7.9 List列表
7.9.1 基本列表类型
7.9.2 普通链接列表
7.9.3 多层次嵌套列表
7.9.4 有序编号列表
7.9.5 只读列表
7.9.6 可分割按钮列
7.9.7 列表的分隔符
7.9.8 列表搜索过滤器
7.9.9 含有气泡式计数的列表
7.9.10 显示列表项右侧文本格式的列表
7.9.11 列表项含有图标的列表
7.9.12 数据项含有图片的列表
7.9.13 内嵌列表
7.9.14 列表的性能问
7.10 本章小结
第8章 Chapter
重量级富框架Sencha Touch入门
8.1 Sencha Touch概述
8.1.1 功能特点
8.1.2 官方套件包
8.2 入门示例Hello World
8.2.1 部署文件
8.2.2 开始编码
8.2.3 调试环境
8.2.4 页面调整
8.3 事件管理
8.3.1 自定义事件
8.3.2 初始化事件
8.3.3 Touch触控事件
8.3.4 事件管理器Ext.EventManager
8.4 核心组件库
8.4.1 Ext.lib.Component
8.4.2 属性、方法、事件
8.5 Toolbar工具栏
8.5.1 创建一个只有标题的工具栏例子
8.5.2 模拟前进返回按钮的工具栏例子
8.5.3 具有图标效果按钮的工具栏例子
8.5.4 按钮组的工具栏
8.6 Tabs选项卡
8.6.1 使用TabPanel组件定义Tab页面
8.6.2 选项卡功能
8.7 Carousel
8.8 Overlays遮罩层
8.8.1 Alert提示信息类型
8.8.2 Confirm确认提示框类型
8.8.3 Prompt提示输入类型
8.8.4 ActionSheet选择器类型
8.8.5 Overlay浮动层显示框类型
8.9 Picker选择器
8.9.1 创建单列的选择器例子
8.9.2 创建允许选择日期的选择器例子
8.10 List列表
8.10.1 创建基本的列表例子
8.10.2 改进的分组列表例子
8.10.3 使用Ajax异步请求的列表
8.11 对HTML5的支持和封装
8.11.1 封装HTML5新表单元素
8.11.2 HTML5表单应用例子
8.11.3 封装GeoLocation地理定位功能
8.11.4 本地存储的支持
8.11.5 多媒体的支持
8.12 MVC开发模式
8.12.1 MVC介绍
8.12.2 创建application应用程序
8.12.3 Model实体对象
8.12.4 View视图类
8.12.5 setActiveItem使用方法
8.12.6 Controller业务逻辑类
8.13 本章小结
第9章 Chapter
跨平台的PhoneGap应用介绍
9.1 PhoneGap概述
9.2 搭建PhoneGap开发环境
9.2.
序言
数字出版方兴未艾。作为新闻出版业的重要发展方向和战略性新兴产业,数字出版近年来发展迅速,已经成为当前我国新闻出版业转型发展的助推器和新的经济增长点。基于互联网、移动通信网、有线电视网、卫星直投等传播渠道,并以PC 机、平板电脑、智能手机、电视、iPad等阅读终端为接收载体的全新数字出版读物,已成为人民群众精神文化生活不可或缺的组成部分。
从毕升的活字印刷到王选的激光照排系统问世,技术元素始终是出版业发展壮大的重要源动力。进入21 世纪,信息通信技术(ICT)的飞速发展成为新经济发展的主要引擎,使得以思想传播、知识普及、文化传承、科学交流和信息发布为主要功能的出版业可以持续、广泛地提升其影响力,同时大大地缩短了信息交流的时滞,拓展了人类交流的空间。计算机芯片技术、XML 及相关标记语言技术、元数据技术、语义技术、语音识别和合成技术、移动互联技术、网络通信技术、云计算技术、数字排版及印刷技术、多媒体技术、数字权利管理技术等一大批数字技术的广泛应用,不但提升了传统出版产业的技术应用水平,同时极大地扩展了新闻出版的产业边界。
如同传统出版业促进了信息、文化交流和科技发展一样,数字出版的多业态发展也为20 世纪末期开始的信息爆炸转变为满足个性化需求的知识文化服务提供了技术上的可能。1971 年,联合国教科文组织(UNESCO)和国际科学联盟理事会(ICSU)便提出了UNISIST 科学交流模型,将出版业所代表的正式交流渠道置于现代科学交流体系的中心位置。进入21世纪,理论界又预见到,网络出版等数字出版新业态的出现正在模糊正式交流和非正式交流的界限,更可能导致非正式交流渠道地位的提升。
随着以读者(网络用户)为中心的信息交流模式,比如博客、微博、微信和即时通信工具等新型数字出版形态的不断涌现,理论构想正在逐渐变为现实。
通过不断应用新技术,数字出版具备了与传统出版不同的产品形式和组织特征。由于数字出版载体的不断丰富、信息的组织形式多样化以及由于网络带来的不受时空限制的传播空间的迅速扩展,使得数字出版正在成为出版业的方向和未来。包括手机彩铃、手机游戏、网络游戏、网络期刊、电子书、数字报纸、在线音乐、网络动漫、互联网广告等在内的数字出版新业态不断涌现,产业规模不断扩大。据统计,在2006年,我国广义的数字出版产业整体收入仅为260 亿元,而到了2012 年我国数字出版产业总收入已高达1935.49 亿元,其中,位居前三位的互联网广告、网络游戏、手机出版,总产出达1800 亿元。而与传统出版紧密相关的其他数字出版业务收入也达到130 亿元,增长速度惊人,发展势头强劲。
党的十七届六中全会为建设新时期的社会主义先进文化做出战略部署,明确要求发展健康向上的网络文化、构建现代传播体系并积极推进文化科技创新,将推动数字出版确定为国家战略,为数字出版产业的大发展开创了广阔的前景。作为我国图书出版产业的领军者之一,电子工业出版社依托近年来实施的一批数字出版项目及多年从事ICT 领域出版所积累的专家和学术资源,策划出版了这套“数字出版理论、技术和实践”系列图书。该系列图书集中关注和研究了数字出版的基础理论、技术条件、实践应用和政策环境,认真总结了我国近年发展数字出版产业的成功经验,对数字出版产业的未来发展进行了前瞻性研究,为我国加快数字出版产业发展提供了理论支持和技术支撑。该系列图书的编辑出版适逢其时,顺应了产业的发展,满足了行业的需求。
毋庸讳言,“数字出版理论、技术和实践”系列图书的编写,在材料选取,国内外研究成果综合分析等方面肯定会存在不足,出版者在图书出版过程中的组织工作亦可更加完美。但瑕不掩瑜,“数字出版理论、技
术和实践”系列图书的出版为进一步推动我国数字出版理论研究,为各界进一步关注和探索数字出版产业的发展,提供了经验借鉴。期望新闻出版全行业以“数字出版理论、技术和实践”系列图书的出版为契机,更多地关注数字出版理论研究,加强数字出版技术推广,投身数字出版应用实践。通过全社会的努力,共同推动我国数字出版产业迈上新台阶。
前言
在《中共中央关于深化文化体制改革、推动社会主义文化大发展大繁荣若干重大问题的决定》、《文化产业振兴规划》、《国家“十二五”时期文化改革发展规划纲要》、《新闻出版业“十二五”时期发展规划》和《数字出版“十二五”时期发展规划》等党和国家的一系列重要文件中,频繁出现“数字出版”或“数字出版产业”这一概念。这表明发展包括“数字出版”和“数字出版产业”在内的文化产业,已上升为我国重要的国家战略。
HTML5从讨论到实践
现今,HTML5已经成为互联网的热门话题之一。2011年的HTML5发展得非常快,各大浏览器开发公司如Google、苹果、微软、Mozilla及Opera的最新版本浏览器都纷纷支持HTML5标准规范。在桌面端Web技术,HTML5标准的强大已经开始威胁Adobe公司的Flash在Web上的统治地位。然而,在移动端Web技术,由于历史的原因,才刚刚起步,HTML5和CSS3逐渐兴起,其强大的特性在移动出版应用当中将得到非常好的发挥。
随着HTML5网站、HTML5应用软件、HTML5游戏,以及一些移动出版项目的不断涌现,让我们更加有理由相信未来HTML5技术不仅将会成为计算机行业,而且也会成为出版行业当中必备的专业知识。因此,我希望能够借助此书帮助国内的从业者或者即将在此行业发展的读者在学习HTML5的同时也能掌握HTML5相关的移动出版技术。
为什么写作本书
2011年是HTML5实践的一年,无论是国外的开发者,还是国内的开发者,都热衷于研究HTML5新标准究竟能给我们带来什么。由于HTML5技术非常新,国内很多开发者在实践过程中经常遇到非常多的困难,例如入门、解决BUG等常见的问题,都很难找到解决问题的中文资源。因此,开发者们亟需一本能够带领他们入门的HTML5书籍。
2013年是移动出版高速发展的一年,随着iPhone、Android等智能设备的推出,以及Web技术跨平台等优点,移动出版技术逐渐成为大家关注的热点之一。目前,国内移动出版技术中文资源相对缺乏,很多开发者仍处于探索研究阶段,同样也有部分准备进入该移动出版开发领域的新手,苦于入门困难,而难以上手。因此,一本介绍移动出版技术的书籍便成为开发者最渴望的资源之一。
基于上述两种原因,作者认为需要编写一本能够利用HTML5新技术开发移动出版应用的入门教程书籍,令广大读者在真正学习到HTML5新技术的同时,也能快速掌握移动出版开发的基础知识。
关于本书
本书主要围绕HTML5技术,讲述如何利用HTML5相关技术进行移动出版领域开发。
本书共分为四大部分,第一部分主要讲述移动出版产业现状、移动出版技术的发展及HTML5标准在移动出版技术中的应用;第二部分主要介绍HTML5的新功能和新特性在移动设备浏览器中的使用及相关展望;第三部分主要介绍目前比较流行的两套JavaScript移动开发框架jQuery Mobile和Sencha Touch以及PhoneGap应用,并配备丰富的例子作为实践;第四部分主要讲述HTML5技术在移动出版实践中的具体应用。
不足之处在于,本书并没有全面地介绍HTML5技术,但这并不代表HTML5的其他知识点不能适用于移动出版。毕竟HTML5是一个新知识,它的标准规范仍然在制定之中,对于未来移动出版技术的发展,仍然有很大的推动作用。
读者对象
本书是为从未接触过HTML5新技术但同时又对移动出版技术感兴趣的读者而编写的。如果你有一定的HTML开发经验,将会更容易掌握HTML5知识。
同时,如果你是如下这类人群之一,那么本书非常适合你阅读:
有一定基础或者未来计划的职业是移动出版Web前端开发工程师
具有一定HTML基础的UI设计师
移动出版Web项目中的项目经理以及策划人员
对手机Web开发技术感兴趣的开发者
开设计算机课程的高等院校及培训机构的师生们
此外,本书也适合熟悉Java、PHP、ASP.NET等后端Web技术的开发者阅读。
编著者
2013年3月