本書主要圍繞HTML5技術(shù),講述如何利用HTML5相關(guān)技術(shù)開發(fā)移動Web網(wǎng)站和Web App應(yīng)用程序。本書共分為四大部分,第一部分主要講述移動出版產(chǎn)業(yè)現(xiàn)狀、移動出版技術(shù)的發(fā)展及HTML5標(biāo)準(zhǔn)在移動出版技術(shù)中的應(yīng)用;第二部分主要介紹HTML5的新功能和新特性在移動設(shè)備瀏覽器中的使用及相關(guān)展望;第三部分主要介紹目前比較流行的兩套JavaScript移動開發(fā)框架jQuery Mobile和Sencha Touch以及PhoneGap應(yīng)用,并配備豐富的例子作為實踐;第四部分主要講述HTML5技術(shù)在移動出版實踐中的具體應(yīng)用。
第1章 Chapter
移動出版產(chǎn)業(yè)現(xiàn)狀
1.1 當(dāng)數(shù)字出版遇上移動終端
1.2 國外移動出版
1.2.1 國外移動出版現(xiàn)狀
1.2.2 國外移動出版特點
1.2.3 國外移動出版發(fā)展趨勢
1.3 我國移動出版產(chǎn)業(yè)發(fā)展現(xiàn)狀
1.3.1 移動出版產(chǎn)業(yè)發(fā)展必然性分析
1.3.2 移動出版產(chǎn)業(yè)發(fā)展的幾種主流模式
1.4 本章小結(jié)
第2章 Chapter
移動出版技術(shù)概述
2.1 移動互聯(lián)網(wǎng)的發(fā)展
2.2 智能手機(jī)發(fā)展迅速
第1章 Chapter
移動出版產(chǎn)業(yè)現(xiàn)狀
1.1 當(dāng)數(shù)字出版遇上移動終端
1.2 國外移動出版
1.2.1 國外移動出版現(xiàn)狀
1.2.2 國外移動出版特點
1.2.3 國外移動出版發(fā)展趨勢
1.3 我國移動出版產(chǎn)業(yè)發(fā)展現(xiàn)狀
1.3.1 移動出版產(chǎn)業(yè)發(fā)展必然性分析
1.3.2 移動出版產(chǎn)業(yè)發(fā)展的幾種主流模式
1.4 本章小結(jié)
第2章 Chapter
移動出版技術(shù)概述
2.1 移動互聯(lián)網(wǎng)的發(fā)展
2.2 智能手機(jī)發(fā)展迅速
2.3 智能手機(jī)的Web瀏覽器
2.4 移動Web應(yīng)用的發(fā)展
2.5 基于HTML5的移動Web應(yīng)用
2.6 頁面語義化簡介
2.6.1 HTML5新語義元素概述
2.6.2 更多的HTML5新元素
2.7 頁面結(jié)構(gòu)與移動設(shè)備的布局
2.7.1 常見的移動應(yīng)用布局
2.7.2 使用HTML5創(chuàng)建標(biāo)準(zhǔn)的移動Web頁面
2.8 本章小結(jié)
第3章 Chapter
本地存儲與離線應(yīng)用
3.1 本地存儲
3.1.1 移動設(shè)備的支持
3.1.2 localStorage
3.1.3 sessionStorage
3.1.4 Storage事件監(jiān)聽
3.2 離線Web概述
3.2.1 離線與緩存
3.2.2 離線的意義
3.3 離線應(yīng)用移動設(shè)備的支持
3.4 applicationCache和manifest
3.4.1 manifest文件
3.4.2 applicationCache對象和事件
3.5 本章小結(jié)
第4章 Chapter
移動設(shè)備的常見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 表單屬性應(yīng)用范圍
4.4 本章小結(jié)
第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移動設(shè)備樣式
5.6.1 傳統(tǒng)網(wǎng)站在iPhone上的顯示問題
5.6.2 viewport設(shè)置適應(yīng)移動設(shè)備屏幕大小
5.6.3 Media Queries如何工作
5.6.4 Media Queries語法總結(jié)
5.6.5 如何將官方網(wǎng)站移植成移動Web網(wǎng)站
5.7 本章小結(jié)
第6章 Chapter
Geolocation地理定位
6.1 功能介紹
6.2 瀏覽器支持情況
6.3 如何使用Geolocation API
6.3.1 首次獲取當(dāng)前位置
6.3.2 監(jiān)視移動設(shè)備的位置變化
6.4 本章小結(jié)
第7章 Chapter
輕量級框架jQuery Mobile初探
7.1 jQuery Mobile概述
7.2 入門示例Hello World
7.2.1 部署文件
7.2.2 編碼
7.3 基于HTML5的自定義屬性驅(qū)動組件
7.3.1 dataset自定義屬性
7.3.2 使用dataset屬性驅(qū)動jQuery Mobile組件
7.4 頁面與視圖
7.4.1 標(biāo)準(zhǔn)的移動Web頁面
7.4.2 移動設(shè)備的視圖
7.4.3 多視圖Web頁面
7.4.4 改變頁面標(biāo)題的視圖
7.4.5 視圖切換動畫
7.4.6 dialog對話框
7.4.7 頁面主題
7.5 button按鈕
7.5.1 button組件
7.5.2 具有icon圖標(biāo)的button組件
7.5.3 具有內(nèi)聯(lián)樣式的button按鈕
7.5.4 具有分組功能的button按鈕
7.6 Bar工具欄
7.6.1 如何使用工具欄
7.6.2 含有后退按鈕的header工具欄
7.6.3 多按鈕的footer工具欄
7.6.4 導(dǎo)航條工具欄
7.6.5 定義fixed工具欄
7.6.6 全屏模式工具欄
7.7 內(nèi)容區(qū)域格式布局
7.7.1 網(wǎng)格布局
7.7.2 仿9宮格排列的按鈕組例子
7.7.3 折疊塊功能
7.7.4 創(chuàng)建具有手風(fēng)琴效果的例子
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 復(fù)選框類型
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 含有氣泡式計數(shù)的列表
7.9.10 顯示列表項右側(cè)文本格式的列表
7.9.11 列表項含有圖標(biāo)的列表
7.9.12 數(shù)據(jù)項含有圖片的列表
7.9.13 內(nèi)嵌列表
7.9.14 列表的性能問
7.10 本章小結(jié)
第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 調(diào)試環(huán)境
8.2.4 頁面調(diào)整
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 創(chuàng)建一個只有標(biāo)題的工具欄例子
8.5.2 模擬前進(jìn)返回按鈕的工具欄例子
8.5.3 具有圖標(biāo)效果按鈕的工具欄例子
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確認(rèn)提示框類型
8.8.3 Prompt提示輸入類型
8.8.4 ActionSheet選擇器類型
8.8.5 Overlay浮動層顯示框類型
8.9 Picker選擇器
8.9.1 創(chuàng)建單列的選擇器例子
8.9.2 創(chuàng)建允許選擇日期的選擇器例子
8.10 List列表
8.10.1 創(chuàng)建基本的列表例子
8.10.2 改進(jìn)的分組列表例子
8.10.3 使用Ajax異步請求的列表
8.11 對HTML5的支持和封裝
8.11.1 封裝HTML5新表單元素
8.11.2 HTML5表單應(yīng)用例子
8.11.3 封裝GeoLocation地理定位功能
8.11.4 本地存儲的支持
8.11.5 多媒體的支持
8.12 MVC開發(fā)模式
8.12.1 MVC介紹
8.12.2 創(chuàng)建application應(yīng)用程序
8.12.3 Model實體對象
8.12.4 View視圖類
8.12.5 setActiveItem使用方法
8.12.6 Controller業(yè)務(wù)邏輯類
8.13 本章小結(jié)
第9章 Chapter
跨平臺的PhoneGap應(yīng)用介紹
9.1 PhoneGap概述
9.2 搭建PhoneGap開發(fā)環(huán)境
9.2.
序言
數(shù)字出版方興未艾。作為新聞出版業(yè)的重要發(fā)展方向和戰(zhàn)略性新興產(chǎn)業(yè),數(shù)字出版近年來發(fā)展迅速,已經(jīng)成為當(dāng)前我國新聞出版業(yè)轉(zhuǎn)型發(fā)展的助推器和新的經(jīng)濟(jì)增長點;诨ヂ(lián)網(wǎng)、移動通信網(wǎng)、有線電視網(wǎng)、衛(wèi)星直投等傳播渠道,并以PC 機(jī)、平板電腦、智能手機(jī)、電視、iPad等閱讀終端為接收載體的全新數(shù)字出版讀物,已成為人民群眾精神文化生活不可或缺的組成部分。
從畢升的活字印刷到王選的激光照排系統(tǒng)問世,技術(shù)元素始終是出版業(yè)發(fā)展壯大的重要源動力。進(jìn)入21 世紀(jì),信息通信技術(shù)(ICT)的飛速發(fā)展成為新經(jīng)濟(jì)發(fā)展的主要引擎,使得以思想傳播、知識普及、文化傳承、科學(xué)交流和信息發(fā)布為主要功能的出版業(yè)可以持續(xù)、廣泛地提升其影響力,同時大大地縮短了信息交流的時滯,拓展了人類交流的空間。計算機(jī)芯片技術(shù)、XML 及相關(guān)標(biāo)記語言技術(shù)、元數(shù)據(jù)技術(shù)、語義技術(shù)、語音識別和合成技術(shù)、移動互聯(lián)技術(shù)、網(wǎng)絡(luò)通信技術(shù)、云計算技術(shù)、數(shù)字排版及印刷技術(shù)、多媒體技術(shù)、數(shù)字權(quán)利管理技術(shù)等一大批數(shù)字技術(shù)的廣泛應(yīng)用,不但提升了傳統(tǒng)出版產(chǎn)業(yè)的技術(shù)應(yīng)用水平,同時極大地擴(kuò)展了新聞出版的產(chǎn)業(yè)邊界。
如同傳統(tǒng)出版業(yè)促進(jìn)了信息、文化交流和科技發(fā)展一樣,數(shù)字出版的多業(yè)態(tài)發(fā)展也為20 世紀(jì)末期開始的信息爆炸轉(zhuǎn)變?yōu)闈M足個性化需求的知識文化服務(wù)提供了技術(shù)上的可能。1971 年,聯(lián)合國教科文組織(UNESCO)和國際科學(xué)聯(lián)盟理事會(ICSU)便提出了UNISIST 科學(xué)交流模型,將出版業(yè)所代表的正式交流渠道置于現(xiàn)代科學(xué)交流體系的中心位置。進(jìn)入21世紀(jì),理論界又預(yù)見到,網(wǎng)絡(luò)出版等數(shù)字出版新業(yè)態(tài)的出現(xiàn)正在模糊正式交流和非正式交流的界限,更可能導(dǎo)致非正式交流渠道地位的提升。
隨著以讀者(網(wǎng)絡(luò)用戶)為中心的信息交流模式,比如博客、微博、微信和即時通信工具等新型數(shù)字出版形態(tài)的不斷涌現(xiàn),理論構(gòu)想正在逐漸變?yōu)楝F(xiàn)實。
通過不斷應(yīng)用新技術(shù),數(shù)字出版具備了與傳統(tǒng)出版不同的產(chǎn)品形式和組織特征。由于數(shù)字出版載體的不斷豐富、信息的組織形式多樣化以及由于網(wǎng)絡(luò)帶來的不受時空限制的傳播空間的迅速擴(kuò)展,使得數(shù)字出版正在成為出版業(yè)的方向和未來。包括手機(jī)彩鈴、手機(jī)游戲、網(wǎng)絡(luò)游戲、網(wǎng)絡(luò)期刊、電子書、數(shù)字報紙、在線音樂、網(wǎng)絡(luò)動漫、互聯(lián)網(wǎng)廣告等在內(nèi)的數(shù)字出版新業(yè)態(tài)不斷涌現(xiàn),產(chǎn)業(yè)規(guī)模不斷擴(kuò)大。據(jù)統(tǒng)計,在2006年,我國廣義的數(shù)字出版產(chǎn)業(yè)整體收入僅為260 億元,而到了2012 年我國數(shù)字出版產(chǎn)業(yè)總收入已高達(dá)1935.49 億元,其中,位居前三位的互聯(lián)網(wǎng)廣告、網(wǎng)絡(luò)游戲、手機(jī)出版,總產(chǎn)出達(dá)1800 億元。而與傳統(tǒng)出版緊密相關(guān)的其他數(shù)字出版業(yè)務(wù)收入也達(dá)到130 億元,增長速度驚人,發(fā)展勢頭強(qiáng)勁。
黨的十七屆六中全會為建設(shè)新時期的社會主義先進(jìn)文化做出戰(zhàn)略部署,明確要求發(fā)展健康向上的網(wǎng)絡(luò)文化、構(gòu)建現(xiàn)代傳播體系并積極推進(jìn)文化科技創(chuàng)新,將推動數(shù)字出版確定為國家戰(zhàn)略,為數(shù)字出版產(chǎn)業(yè)的大發(fā)展開創(chuàng)了廣闊的前景。作為我國圖書出版產(chǎn)業(yè)的領(lǐng)軍者之一,電子工業(yè)出版社依托近年來實施的一批數(shù)字出版項目及多年從事ICT 領(lǐng)域出版所積累的專家和學(xué)術(shù)資源,策劃出版了這套“數(shù)字出版理論、技術(shù)和實踐”系列圖書。該系列圖書集中關(guān)注和研究了數(shù)字出版的基礎(chǔ)理論、技術(shù)條件、實踐應(yīng)用和政策環(huán)境,認(rèn)真總結(jié)了我國近年發(fā)展數(shù)字出版產(chǎn)業(yè)的成功經(jīng)驗,對數(shù)字出版產(chǎn)業(yè)的未來發(fā)展進(jìn)行了前瞻性研究,為我國加快數(shù)字出版產(chǎn)業(yè)發(fā)展提供了理論支持和技術(shù)支撐。該系列圖書的編輯出版適逢其時,順應(yīng)了產(chǎn)業(yè)的發(fā)展,滿足了行業(yè)的需求。
毋庸諱言,“數(shù)字出版理論、技術(shù)和實踐”系列圖書的編寫,在材料選取,國內(nèi)外研究成果綜合分析等方面肯定會存在不足,出版者在圖書出版過程中的組織工作亦可更加完美。但瑕不掩瑜,“數(shù)字出版理論、技
術(shù)和實踐”系列圖書的出版為進(jìn)一步推動我國數(shù)字出版理論研究,為各界進(jìn)一步關(guān)注和探索數(shù)字出版產(chǎn)業(yè)的發(fā)展,提供了經(jīng)驗借鑒。期望新聞出版全行業(yè)以“數(shù)字出版理論、技術(shù)和實踐”系列圖書的出版為契機(jī),更多地關(guān)注數(shù)字出版理論研究,加強(qiáng)數(shù)字出版技術(shù)推廣,投身數(shù)字出版應(yīng)用實踐。通過全社會的努力,共同推動我國數(shù)字出版產(chǎn)業(yè)邁上新臺階。
前言
在《中共中央關(guān)于深化文化體制改革、推動社會主義文化大發(fā)展大繁榮若干重大問題的決定》、《文化產(chǎn)業(yè)振興規(guī)劃》、《國家“十二五”時期文化改革發(fā)展規(guī)劃綱要》、《新聞出版業(yè)“十二五”時期發(fā)展規(guī)劃》和《數(shù)字出版“十二五”時期發(fā)展規(guī)劃》等黨和國家的一系列重要文件中,頻繁出現(xiàn)“數(shù)字出版”或“數(shù)字出版產(chǎn)業(yè)”這一概念。這表明發(fā)展包括“數(shù)字出版”和“數(shù)字出版產(chǎn)業(yè)”在內(nèi)的文化產(chǎn)業(yè),已上升為我國重要的國家戰(zhàn)略。
HTML5從討論到實踐
現(xiàn)今,HTML5已經(jīng)成為互聯(lián)網(wǎng)的熱門話題之一。2011年的HTML5發(fā)展得非常快,各大瀏覽器開發(fā)公司如Google、蘋果、微軟、Mozilla及Opera的最新版本瀏覽器都紛紛支持HTML5標(biāo)準(zhǔn)規(guī)范。在桌面端Web技術(shù),HTML5標(biāo)準(zhǔn)的強(qiáng)大已經(jīng)開始威脅Adobe公司的Flash在Web上的統(tǒng)治地位。然而,在移動端Web技術(shù),由于歷史的原因,才剛剛起步,HTML5和CSS3逐漸興起,其強(qiáng)大的特性在移動出版應(yīng)用當(dāng)中將得到非常好的發(fā)揮。
隨著HTML5網(wǎng)站、HTML5應(yīng)用軟件、HTML5游戲,以及一些移動出版項目的不斷涌現(xiàn),讓我們更加有理由相信未來HTML5技術(shù)不僅將會成為計算機(jī)行業(yè),而且也會成為出版行業(yè)當(dāng)中必備的專業(yè)知識。因此,我希望能夠借助此書幫助國內(nèi)的從業(yè)者或者即將在此行業(yè)發(fā)展的讀者在學(xué)習(xí)HTML5的同時也能掌握HTML5相關(guān)的移動出版技術(shù)。
為什么寫作本書
2011年是HTML5實踐的一年,無論是國外的開發(fā)者,還是國內(nèi)的開發(fā)者,都熱衷于研究HTML5新標(biāo)準(zhǔn)究竟能給我們帶來什么。由于HTML5技術(shù)非常新,國內(nèi)很多開發(fā)者在實踐過程中經(jīng)常遇到非常多的困難,例如入門、解決BUG等常見的問題,都很難找到解決問題的中文資源。因此,開發(fā)者們亟需一本能夠帶領(lǐng)他們?nèi)腴T的HTML5書籍。
2013年是移動出版高速發(fā)展的一年,隨著iPhone、Android等智能設(shè)備的推出,以及Web技術(shù)跨平臺等優(yōu)點,移動出版技術(shù)逐漸成為大家關(guān)注的熱點之一。目前,國內(nèi)移動出版技術(shù)中文資源相對缺乏,很多開發(fā)者仍處于探索研究階段,同樣也有部分準(zhǔn)備進(jìn)入該移動出版開發(fā)領(lǐng)域的新手,苦于入門困難,而難以上手。因此,一本介紹移動出版技術(shù)的書籍便成為開發(fā)者最渴望的資源之一。
基于上述兩種原因,作者認(rèn)為需要編寫一本能夠利用HTML5新技術(shù)開發(fā)移動出版應(yīng)用的入門教程書籍,令廣大讀者在真正學(xué)習(xí)到HTML5新技術(shù)的同時,也能快速掌握移動出版開發(fā)的基礎(chǔ)知識。
關(guān)于本書
本書主要圍繞HTML5技術(shù),講述如何利用HTML5相關(guān)技術(shù)進(jìn)行移動出版領(lǐng)域開發(fā)。
本書共分為四大部分,第一部分主要講述移動出版產(chǎn)業(yè)現(xiàn)狀、移動出版技術(shù)的發(fā)展及HTML5標(biāo)準(zhǔn)在移動出版技術(shù)中的應(yīng)用;第二部分主要介紹HTML5的新功能和新特性在移動設(shè)備瀏覽器中的使用及相關(guān)展望;第三部分主要介紹目前比較流行的兩套JavaScript移動開發(fā)框架jQuery Mobile和Sencha Touch以及PhoneGap應(yīng)用,并配備豐富的例子作為實踐;第四部分主要講述HTML5技術(shù)在移動出版實踐中的具體應(yīng)用。
不足之處在于,本書并沒有全面地介紹HTML5技術(shù),但這并不代表HTML5的其他知識點不能適用于移動出版。畢竟HTML5是一個新知識,它的標(biāo)準(zhǔn)規(guī)范仍然在制定之中,對于未來移動出版技術(shù)的發(fā)展,仍然有很大的推動作用。
讀者對象
本書是為從未接觸過HTML5新技術(shù)但同時又對移動出版技術(shù)感興趣的讀者而編寫的。如果你有一定的HTML開發(fā)經(jīng)驗,將會更容易掌握HTML5知識。
同時,如果你是如下這類人群之一,那么本書非常適合你閱讀:
有一定基礎(chǔ)或者未來計劃的職業(yè)是移動出版Web前端開發(fā)工程師
具有一定HTML基礎(chǔ)的UI設(shè)計師
移動出版Web項目中的項目經(jīng)理以及策劃人員
對手機(jī)Web開發(fā)技術(shù)感興趣的開發(fā)者
開設(shè)計算機(jī)課程的高等院校及培訓(xùn)機(jī)構(gòu)的師生們
此外,本書也適合熟悉Java、PHP、ASP.NET等后端Web技術(shù)的開發(fā)者閱讀。
編著者
2013年3月