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