《HTML5移動Web開發(fā)技術》主要講述如何利用HTML5的相關技術開發(fā)移動Web網(wǎng)站和Web App!禜TML5移動Web開發(fā)技術》主要分為以下幾部分:一,主要講述Web技術的發(fā)展及HTML5標準在移動Web技術中的應用;第二,主要講述HTML5的基本標簽、新功能及新特性在移動設備瀏覽器中的使用方法;第三,主要介紹JavaScript、CSS3及比較流行的移動開發(fā)框架jQuery Mobile,并配備豐富的實例作為實踐;第四,主要結合HBuilder框架庫和HTML5技術構建進行講解,旨在幫助讀者將HTML5技術運用于實踐之中。
《HTML5移動Web開發(fā)技術》既可作為高等學校計算機軟件技術課程的教材,也可作為管理信息系統(tǒng)開發(fā)人員的技術參考書。
適讀人群 :本科計算機類專業(yè)學生,軟件技術人員、管理信息系統(tǒng)開發(fā)人員
在各個章節(jié)中穿插示例的方法,講解了HTML5移動應用開發(fā)從入門到實際應用所必備的知識。本書每章都配備了課后習題和一個案例,每章還安排了實驗,可供教師實驗教學使用。本書配有電子課件、課后習題答案、每章節(jié)的案例代碼和實驗代碼,以方便教學和自學參考使用。
HTML5作為移動互聯(lián)網(wǎng)前端的主流開發(fā)語言,目前還沒有一個前端的開發(fā)語言能取代其位置,所以說,無論做手機網(wǎng)站還是手機App應用,前端的樣式都是用HTML5開發(fā)的。通過手機與計算機上網(wǎng)的使用率來看,目前通過手機上網(wǎng)的用戶遠遠高于計算機端,這些數(shù)據(jù)都足以證明未來移動互聯(lián)網(wǎng)的發(fā)展前景非常好。使用HTML5進行開發(fā)有很多優(yōu)勢,這些優(yōu)勢正好順應了互聯(lián)網(wǎng)發(fā)展的需求,跨平臺、開發(fā)周期短、投入小、實時更新、擺脫平臺約束,這些都恰好解決了未來發(fā)展中一部分企業(yè)開發(fā)的迫切需求。所以,HTML5開發(fā)一定會在未來扮演一個很重要的角色。
本書圍繞HTML5移動應用開發(fā)基礎和移動App編程技巧進行編寫,在內(nèi)容的編排上力爭體現(xiàn)新的教學思想和方法。本書內(nèi)容遵循“從簡單到復雜”“從抽象到具體”的原則。書中通過在各個章節(jié)中穿插示例的方法,講解了HTML5移動應用開發(fā)從入門到實際應用所必備的知識。HTML、CSS和JavaScript都是計算機專業(yè)的基礎課,也是HTML5移動應用開發(fā)課程的基礎。學生除了要在課堂上學習程序設計的理論方法,掌握編程語言的語法知識和編程技巧外,還要進行大量的課外練習和實踐操作。為此,本書每章都配備了課后習題和一個案例。除此之外,每章還安排了實驗,可供教師實驗教學使用。
本書共10章。第1章是移動互聯(lián)網(wǎng)時代HTML5概述。第2章介紹移動開發(fā)工具和開發(fā)框架,重點介紹了HTML5移動應用開發(fā)的主流開發(fā)工具,只有了解了這些開發(fā)工具才能更高效、快捷地進行移動開發(fā)。第3章介紹移動開發(fā)常用的HTML5標簽,這些標簽都是在HTML移動開發(fā)中常用的。第4章介紹HTML5高級開發(fā)標簽,主要講解HTML5的新增標簽和移動開發(fā)最流行標簽,如Canvas標簽等。第5章介紹HTML5表單設計。第6章介紹CSS3樣式,對常見樣式的標簽屬性、選擇器等重點內(nèi)容進行了介紹。第7章介紹JavaScript基礎,主要講解JavaScript的使用方法。第8章介紹移動框架jQuery Mobile。第9章介紹HBuilder開發(fā)工具,主要介紹一種流行的免費開源移動開發(fā)工具HBuilder。第10章講解了一個綜合案例,通過這個綜合案例可以加深讀者對移動開發(fā)應用的認識。本書利用HBuilder開發(fā)工具,使用jQuery Mobile框架,進行設計應用開發(fā)。
本書內(nèi)容全面,案例新穎,針對性強。書中所介紹的實例都是在Windows 10操作系統(tǒng)下調(diào)試運行通過的。每章都有與本章知識點相關的案例和實驗,以幫助讀者順利完成開發(fā)任務。從應用程序的設計到發(fā)布,讀者都可以按照書中所講述的內(nèi)容來實施。
本書由夏輝整體策劃,夏輝、楊偉吉、王曉丹、于海洋、張麗娜、劉澍和吳鵬負責全書的編寫工作,由吳鵬博士主審;劉杰教授、李航教授為本書的策劃和編寫提供了有益的幫助和支持,對本書初稿在教學過程中存在的問題也提出了寶貴的意見;書中還借鑒了相關參考文獻中的原理知識和資料,在此一并表示感謝。
本書配有電子課件、課后習題答案、每章節(jié)的案例代碼和實驗代碼,以方便教學和自學參考使用,如有需要請到網(wǎng)站http://wwwscsesdueducn中下載。
由于時間倉促,書中難免存在不妥之處,敬請廣大讀者諒解,并提出寶貴意見。
前言
第1章移動互聯(lián)網(wǎng)時代HTML5概述
1.1移動互聯(lián)網(wǎng)Web技術發(fā)展
1.2HTML5概述
1.2.1HTML5的誕生和發(fā)展
1.2.2HTML5新特性
1.2.3跨越瀏覽器的HTML5
1.3HTML5在移動開發(fā)中的應用
1.3.1Web前端開發(fā)技術簡介
1.3.2移動Web應用發(fā)展
1.3.3HTML5移動端開發(fā)前景和優(yōu)勢
本章小結
實踐與練習
實驗指導
實驗1使用瀏覽器下載和查看網(wǎng)頁
源代碼
實驗2快速制作簡單網(wǎng)頁
第2章移動開發(fā)工具和開發(fā)框架
2.1使用HTML5開發(fā)移動端應用
程序
2.2PC瀏覽器中模擬移動開發(fā)與
測試
2.3主流移動開發(fā)工具
2.3.1HBuilder
2.3.2Sublime Text
2.3.3Atom
2.3.4WebStorm
2.3.5Visual Studio Code
2.4HTML5移動Web開發(fā)框架
2.4.1jQuery Mobile
2.4.2Sencha Touch
2.4.3Junior
2.4.4其他HTML5移動Web開發(fā)
框架
2.5案例:使用HBuilder框架設計
精美窗體
本章小結
實踐與練習
實驗指導
實驗1使用HBuilder創(chuàng)建MUI框架
頁面
實驗2用jQuery Mobile框架實現(xiàn)框架
抽屜布局效果
第3章移動開發(fā)常用的HTML5
標簽
3.1HTML5文件基本標記
3.1.1頭部元素
3.1.2標題元素
3.1.3元信息標記
3.1.4頁面主體
3.1.5頁面注釋標記
3.2頁面主體標簽
3.2.1文字格式
3.2.2跨越瀏覽器的HTML5
3.3列表
3.3.1有序列表
3.3.2無序列表
3.3.3定義列表
3.3.4菜單列表
3.3.5目錄列表
3.4層標記
3.4.1div標簽
3.4.2iframe標簽
3.4.3layer和ilayer標簽
3.5表格
3.5.1標題和表頭
3.5.2表格的基本屬性
3.5.3表格樣式的設定
3.6多媒體
3.6.1audio標簽
3.6.2video標簽
3.7圖像效果
3.7.1圖像的基本格式
3.7.2圖像屬性
3.7.3圖像文字和鏈接
3.8文件與拖放
3.8.1file對象選擇文件
3.8.2圖像屬性blob接口獲取文件的
類型與大小
3.8.3FileReader接口
3.8.4拖放API
3.8.5實現(xiàn)拖放的步驟
3.9案例:實現(xiàn)購物車功能
本章小結
實踐與練習
實驗指導
實驗1列表——簡單的ul標簽小
應用
實驗2iframe——使用iframe實現(xiàn)簡單
導航欄切換效果
實驗3將自己的課表顯示在頁面上
第4章HTML5高級開發(fā)標簽
4.1HTML5 canvas概述
4.2canvas標簽
4.2.1繪制矩形
4.2.2使用路徑繪制圖形
4.2.3使用arc繪制弧形
4.2.4填充及填充樣式
4.2.5繪制曲線
4.2.6canvas變換及文本
4.2.7漸變
4.3Geolocation(地理定位)
4.4HTML5主要新增標簽
4.4.1語義化標記
4.4.2input新增屬性
4.4.3button標簽
4.4.4HTML5其他新增標簽
4.4.5HTML5廢除的元素
4.5案例:創(chuàng)建魔方玩具效果
本章小結
實踐與練習
實驗指導
實驗1用canvas繪制一個笑臉圖案
實驗2用canvas實現(xiàn)簡單濾鏡效果
第5章HTML5表單設計
5.1表單屬性標簽
5.2添加類控件
5.2.1文本控件
5.2.2密碼域
5.2.3單選按鈕
5.2.4復選框
5.2.5普通按鈕
5.2.6提交按鈕
5.2.7重置按鈕
5.3表單輸出元素和驗證
5.3.1表單的輸出元素
5.3.2表單驗證
5.4案例:E-M在線注冊應用
本章小結
實踐與練習
實驗指導
實驗1CRM系統(tǒng)注冊頁面實現(xiàn)
實驗2QQ登錄系統(tǒng)實現(xiàn)
第6章CSS3樣式
6.1CSS概述
6.2CSS的屬性和背景
6.2.1CSS屬性
6.2.2CSS3 背景
6.3選擇器
6.4CSS的定位
6.5頁面設計案例
6.6案例:DIV+CSS精美窗口
設計
本章小結
實踐與練習
實驗指導
實驗1創(chuàng)建手風琴效果
實驗2仿九宮格排列的按鈕組
第7章JavaScript基礎
7.1JavaScript概述
7.2JS基礎元素和功能
7.2.1JS注釋
7.2.2JS輸出
7.2.3JS運算符
7.2.4流程控制語句
7.2.5JS循環(huán)語句
7.2.6JS錯誤和驗證
7.3JS函數(shù)與內(nèi)置對象
7.3.1JS函數(shù)
7.3.2JS對象
7.4JS窗口對象
7.4.1window對象
7.4.2document對象
7.4.3timing對象
7.4.4navigator對象
7.4.5history對象
7.4.6location對象
7.5表單交互
7.6Cookie存儲信息
7.7案例:在線書店購物車
本章小結
實踐與練習
實驗指導
實驗1JS編程環(huán)境及代碼調(diào)試方法
實驗2用JS實現(xiàn)在線電子商務購物
第8章移動框架jQuery Mobile
8.1實現(xiàn)一個Hello World
8.2UI頁面設計
8.2.1頁面與視圖
8.2.2基本控件
8.2.3列表
8.2.4工具欄
8.3動態(tài)事件
8.3.1表單實現(xiàn)
8.3.2實現(xiàn)的工具和方法
8.3.3Event事件
8.4案例:唱片購買
本章小結
實踐與練習
實驗指導
實驗1基于jQuery Mobile的簡單的
記事本
實驗2基于jQuery Mobile的全鍵盤
界面
第9章HBuilder開發(fā)工具
9.1移動開發(fā)工具概述
9.2實現(xiàn)一個Hello World程序
9.3MUI框架實現(xiàn)
9.3.1主要的UI組件
9.3.2窗口管理
9.3.3事件管理
9.3.4刷新加載
9.4設計自己的HBuild程序
9.4.1需求分析
9.4.2App設計
9.5案例:使用AJAX實現(xiàn)App與
服務器之間的交互
本章小結
實踐與練習
實驗指導
實驗1掌握MUI框架的實現(xiàn)及其相應
組件的功能
實驗2設計App,完善用戶體驗
第10章綜合實例——C2C交易平臺
前端設計
10.1需求分析
10.2系統(tǒng)功能模塊設計
10.3開發(fā)環(huán)境
10.4前端UI設計
10.4.1材料準備
10.4.2項目準備
10.4.3移動端設計
10.4.4流程設計
10.4.5商品展示模塊
10.4.6購物車設計
10.4.7登錄模塊
10.4.8訂單功能模塊
10.4.9聯(lián)系功能模塊
本章小結