HTML5移動Web開發技術

《HTML5移動Web開發技術》主要講述如何利用HTML5的相關技術開發移動Web網站和Web App。 要分為以下幾部分：一，主要講述Web技術的發展及HTML5標準在移動Web技術中的套用；第二，主要講述HTML5的基本標籤、新功能及新特性在移動設備瀏覽器中的使用方法；第三，主要介紹JavaScript、CSS3及比較流行的移動開發框架jQuery Mobile，並配備豐富的實例作為實踐；第四，主要結合HBuilder框架庫和HTML5技術構建進行講解，旨在幫助讀者將HTML5技術運用於實踐之中。 《HTML5移動Web開發技術》既可作為高等學校計算機軟體技術課程的教材，也可作為管理信息系統開發人員的技術參考書。

圖書目錄

前言

第1章移動網際網路時代HTML5概述

1.1移動網際網路Web技術發展

1.2HTML5概述

1.2.1HTML5的誕生和發展

1.2.2HTML5新特性

1.2.3跨越瀏覽器的HTML5

1.3HTML5在移動開發中的套用

1.3.1Web前端開發技術簡介

1.3.2移動Web套用發展

1.3.3HTML5移動端開發前景和優勢

本章小結

實踐與練習

實驗指導

實驗1使用瀏覽器下載和查看網頁

原始碼

實驗2快速製作簡單網頁

第2章移動開發工具和開發框架

2.1使用HTML5開發移動端套用

程式

2.2PC瀏覽器中模擬移動開發與

測試

2.3主流移動開發工具

2.3.1HBuilder

2.3.2Sublime Text

2.3.3Atom

2.3.4WebStorm

2.3.5Visual Studio Code

2.4HTML5移動Web開發框架

2.4.1jQuery Mobile

2.4.2Sencha Touch

2.4.3Junior

2.4.4其他HTML5移動Web開發

框架

2.5案例：使用HBuilder框架設計

精美窗體

本章小結

實踐與練習

實驗指導

實驗1使用HBuilder創建MUI框架

頁面

實驗2用jQuery Mobile框架實現框架

抽屜布局效果

第3章移動開發常用的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實現拖放的步驟

3.9案例：實現購物車功能

本章小結

實踐與練習

實驗指導

實驗1列表——簡單的ul標籤小

套用

實驗2iframe——使用iframe實現簡單

導航欄切換效果

實驗3將自己的課表顯示在頁面上

第4章HTML5高級開發標籤

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案例：創建魔方玩具效果

本章小結

實踐與練習

實驗指導

實驗1用canvas繪製一個笑臉圖案

實驗2用canvas實現簡單濾鏡效果

第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系統註冊頁面實現

實驗2QQ登錄系統實現

第6章CSS3樣式

6.1CSS概述

6.2CSS的屬性和背景

6.2.1CSS屬性

6.2.2CSS3 背景

6.3選擇器

6.4CSS的定位

6.5頁面設計案例

6.6案例：DIV+CSS精美視窗

設計

本章小結

實踐與練習

實驗指導

實驗1創建手風琴效果

實驗2仿九宮格排列的按鈕組

第7章JavaScript基礎

7.1JavaScript概述

7.2JS基礎元素和功能

7.2.1JS注釋

7.2.2JS輸出

7.2.3JS運算符

7.2.4流程控制語句

7.2.5JS循環語句

7.2.6JS錯誤和驗證

7.3JS函式與內置對象

7.3.1JS函式

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編程環境及代碼調試方法

實驗2用JS實現線上電子商務購物

第8章移動框架jQuery Mobile

實驗2iframe——使用iframe實現簡單

導航欄切換效果

實驗3將自己的課表顯示在頁面上

第4章HTML5高級開發標籤

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案例：創建魔方玩具效果

本章小結

實踐與練習

實驗指導

實驗1用canvas繪製一個笑臉圖案

實驗2用canvas實現簡單濾鏡效果

第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系統註冊頁面實現

實驗2QQ登錄系統實現

第6章CSS3樣式

6.1CSS概述

6.2CSS的屬性和背景

6.2.1CSS屬性

6.2.2CSS3 背景

6.3選擇器

6.4CSS的定位

6.5頁面設計案例

6.6案例：DIV+CSS精美視窗

設計

本章小結

實踐與練習

實驗指導

實驗1創建手風琴效果

實驗2仿九宮格排列的按鈕組

第7章JavaScript基礎

7.1JavaScript概述

7.2JS基礎元素和功能

7.2.1JS注釋

7.2.2JS輸出

7.2.3JS運算符

7.2.4流程控制語句

7.2.5JS循環語句

7.2.6JS錯誤和驗證

7.3JS函式與內置對象

7.3.1JS函式

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編程環境及代碼調試方法

實驗2用JS實現線上電子商務購物

第8章移動框架jQuery Mobile