第1章 初識(shí)jQuery Mobile

視頻演示：3個(gè) 示例：1個(gè)

1.1 移動(dòng)開(kāi)發(fā)概述

1.1.1 認(rèn)識(shí)Web移動(dòng)應(yīng)用

1.1.2 移動(dòng)Web設(shè)計(jì)概述

1.1.3 了解WebKit

1.2 jQuery Mobile概述

1.2.1 為什么要選擇jQuery Mobile

1.2.2 jQuery Mobile移動(dòng)平臺(tái)兼容性

1.2.3 jQuery Mobile功能

1.2.4 jQuery Mobile特性

1.2.5 jQuery Mobile優(yōu)勢(shì)

1.2.6 jQuery Mobile缺陷

1.2.7 其他流行的Web移動(dòng)開(kāi)發(fā)框架

1.3 安裝jQuery Mobile

1.3.1 下載插件文件

1.3.2 初始化配置

1.4 案例：設(shè)計(jì)第一個(gè)移動(dòng)頁(yè)面

第2章 HTML5基礎(chǔ)

視頻演示：11個(gè) 示例：23個(gè)

2.1 創(chuàng)建HTML5文檔

2.2 HTML5標(biāo)簽

2.3 詳解HTML5結(jié)構(gòu)

2.3.1 標(biāo)識(shí)文章

2.3.2 分段內(nèi)容

2.3.3 定義導(dǎo)航

2.3.4 定義輔助信息

2.3.5 定義微格式

2.3.6 定義發(fā)布日期

2.4 定義語(yǔ)義塊

2.4.1 添加標(biāo)題塊

2.4.2 標(biāo)題分組

2.4.3 添加腳注塊

2.4.4 添加聯(lián)系信息

2.5 HTML5新功能

2.6 jQuery Mobile中應(yīng)用HTML5新功能

第3章 設(shè)計(jì)頁(yè)面和對(duì)話(huà)框

視頻演示：8個(gè) 示例：4個(gè)

3.1 設(shè)計(jì)頁(yè)面

3.1.1 定義單頁(yè)

3.1.2 定義多頁(yè)

3.1.3 定義外部頁(yè)

3.2 設(shè)計(jì)對(duì)話(huà)框

3.2.1 定義對(duì)話(huà)框

3.2.2 定義關(guān)閉對(duì)話(huà)框

3.3 實(shí)戰(zhàn)案例

3.3.1 設(shè)計(jì)彈出框

3.3.2 設(shè)計(jì)視圖漸變背景

3.3.3 設(shè)計(jì)頁(yè)面切換方式

第4章 頁(yè)面高級(jí)設(shè)計(jì)

視頻演示：12個(gè) 示例：13個(gè)

4.1 頁(yè)面初始化

4.2 預(yù)加載和緩存

4.2.1 頁(yè)面預(yù)加載

4.2.2 頁(yè)面緩存

4.3 使用錨記

4.3.1 在單頁(yè)視圖中定義錨記

4.3.2 在多頁(yè)視圖中定義錨記

4.4 傳遞參數(shù)

4.4.1 以GET方式傳遞參數(shù)

4.4.2 通過(guò)HTML5 Web Storage傳遞
參數(shù)

4.5 加載消息

4.5.1 自定義加載消息

4.5.2 管理加載消息

4.6 實(shí)戰(zhàn)案例

4.6.1 設(shè)計(jì)電子書(shū)閱讀器

4.6.2 設(shè)計(jì)BBS界面

4.6.3 設(shè)計(jì)記事本

第5章 設(shè)計(jì)彈出頁(yè)面

視頻演示：12個(gè) 示例：14個(gè)

5.1 定義彈出頁(yè)面

5.2 使用彈出頁(yè)面

5.2.1 菜單和嵌套菜單

5.2.2 表單

5.2.3 對(duì)話(huà)框

5.2.4 圖片

5.2.5 視頻

5.3 定制彈出頁(yè)面

5.3.1 定義顯示位置

5.3.2 定義切換動(dòng)畫(huà)

5.3.3 定義主題樣式

5.3.4 定義關(guān)閉按鈕

5.4 設(shè)置屬性、選項(xiàng)、方法和事件

5.4.1 屬性

5.4.2 選項(xiàng)

5.4.3 方法

5.4.4 事件

5.5 實(shí)戰(zhàn)案例

5.5.1 設(shè)計(jì)覆蓋面板

5.5.2 設(shè)計(jì)單頁(yè)相冊(cè)

第6章 移動(dòng)頁(yè)面布局

視頻演示：13個(gè) 示例：13個(gè)

6.1 網(wǎng)格化布局

6.1.1 定義網(wǎng)格

6.1.2 案例：設(shè)計(jì)兩欄頁(yè)面

6.2 設(shè)計(jì)折疊塊

6.2.1 定義折疊塊

6.2.2 定義嵌套折疊塊

6.2.3 設(shè)置屬性

6.2.4 設(shè)置選項(xiàng)

6.2.5 設(shè)置事件

6.3 設(shè)計(jì)折疊組

6.4 實(shí)戰(zhàn)案例

6.4.1 設(shè)計(jì)課程表

6.4.2 設(shè)計(jì)九宮格

6.4.3 設(shè)計(jì)通訊錄

6.4.4 設(shè)計(jì)QQ好友列表

6.4.5 設(shè)計(jì)Metro版式

第7章 使用按鈕

視頻演示：11個(gè) 示例：9個(gè)

7.1 定義按鈕

7.2 定義內(nèi)聯(lián)按鈕

7.3 定義按鈕圖標(biāo)

7.3.1 圖標(biāo)樣式

7.3.2 圖標(biāo)位置

7.4 定義迷你按鈕

7.5 定義按鈕組

7.6 設(shè)置按鈕

7.6.1 定義屬性

7.6.2 定義選項(xiàng)

7.6.3 定義方法和事件

7.7 自定義按鈕

7.7.1 自定義按鈕圖標(biāo)

7.7.2 文本換行顯示

7.8 實(shí)戰(zhàn)案例

7.8.1 設(shè)計(jì)按鈕

7.8.2 設(shè)計(jì)按鈕組

第8章 設(shè)計(jì)工具欄

視頻演示：14個(gè) 示例：19個(gè)

8.1 使用工具欄

8.1.1 定義工具欄

8.1.2 定義顯示模式

8.2 設(shè)計(jì)頁(yè)眉欄

8.2.1 定義頁(yè)眉欄

8.2.2 定義導(dǎo)航按鈕

8.2.3 定義按鈕位置

8.3 設(shè)計(jì)導(dǎo)航欄

8.3.1 定義導(dǎo)航欄

8.3.2 定義導(dǎo)航圖標(biāo)

8.3.3 定義圖標(biāo)位置

8.3.4 自定義導(dǎo)航圖標(biāo)

8.4 設(shè)計(jì)頁(yè)腳欄

8.4.1 定義頁(yè)腳欄

8.4.2 嵌入表單

8.5 設(shè)置工具欄

8.5.1 設(shè)置屬性

8.5.2 設(shè)置選項(xiàng)

8.5.3 設(shè)置方法和事件

8.6 實(shí)戰(zhàn)案例

8.6.1 設(shè)計(jì)播放器界面

8.6.2 設(shè)計(jì)QWER鍵盤(pán)界面

第9章 使用表單

視頻演示：27個(gè) 示例：37個(gè)

9.1 表單樣式

9.2 輸入框

9.2.1 設(shè)計(jì)輸入框

9.2.2 設(shè)置屬性和選項(xiàng)

9.2.3 設(shè)置方法和事件

9.3 單選按鈕

9.3.1 設(shè)計(jì)單選按鈕

9.3.2 設(shè)置屬性和選項(xiàng)

9.3.3 設(shè)置方法和事件

9.4 復(fù)選框

9.5 滑塊

9.5.1 設(shè)計(jì)滑塊

9.5.2 設(shè)置屬性和選項(xiàng)

9.5.3 設(shè)置方法和事件

9.6 開(kāi)關(guān)按鈕

9.7 選擇菜單

9.7.1 設(shè)計(jì)下拉菜單

9.7.2 設(shè)計(jì)列表框

9.7.3 選擇項(xiàng)目分組

9.7.4 禁用選擇項(xiàng)目

9.7.5 設(shè)置屬性和選項(xiàng)

9.7.6 設(shè)置方法和事件

9.8 使用表單

9.8.1 禁用表單對(duì)象

9.8.2 隱藏標(biāo)簽

9.8.3 設(shè)計(jì)迷你表單

9.9 實(shí)戰(zhàn)案例

9.9.1 表單驗(yàn)證

9.9.2 文件上傳

9.9.3 設(shè)計(jì)QQ登錄界面

9.9.4 設(shè)計(jì)調(diào)查問(wèn)卷

9.9.5 設(shè)計(jì)調(diào)色板

9.9.6 設(shè)計(jì)登錄對(duì)話(huà)框

第10章 設(shè)計(jì)列表視圖

視頻演示：18個(gè) 示例：25個(gè)

10.1 簡(jiǎn)單列表

10.1.1 認(rèn)識(shí)列表視圖

10.1.2 定義列表視圖

10.1.3 設(shè)計(jì)簡(jiǎn)單列表視圖

10.2 嵌套列表

10.2.1 定義嵌套列表

10.2.2 設(shè)計(jì)嵌套列表視圖

10.3 數(shù)字列表

10.4 分類(lèi)列表

10.5 擴(kuò)展列表視圖功能

10.5.1 拆分按鈕列表

10.5.2 縮微圖和圖標(biāo)列表

10.5.3 氣泡提示

10.5.4 列表過(guò)濾

10.6 優(yōu)化列表視圖外觀

10.6.1 插頁(yè)列表

10.6.2 折疊列表

10.6.3 自動(dòng)分類(lèi)列表

10.7 設(shè)置列表視圖

10.7.1 屬性

10.7.2 選項(xiàng)

10.7.3 方法和事件

10.8 實(shí)戰(zhàn)案例

10.8.1 設(shè)計(jì)表單登錄頁(yè)

10.8.2 設(shè)計(jì)電商產(chǎn)品頁(yè)面

10.8.3 設(shè)計(jì)新聞列表頁(yè)

10.8.4 設(shè)計(jì)播放列表

10.8.5 設(shè)計(jì)通訊錄

第11章 高級(jí)開(kāi)發(fā)

視頻演示：20個(gè) 示例：17個(gè)

11.1 配置jQuery Mobile

11.1.1 修改gradeA配置值

11.1.2 jQuery Mobile配置項(xiàng)

11.2 事件

11.2.1 觸摸事件

11.2.2 翻轉(zhuǎn)事件

11.2.3 滾屏事件

11.2.4 頁(yè)面顯示/隱藏事件

11.3 方法

11.3.1 轉(zhuǎn)換路徑

11.3.2 比較域名

11.3.3 縱向滾動(dòng)

11.4 設(shè)計(jì)UI樣式

11.4.1 關(guān)閉列表項(xiàng)箭頭

11.4.2 固定標(biāo)題欄和頁(yè)腳欄

11.4.3 設(shè)計(jì)隨機(jī)頁(yè)面背景

11.5 定制組件

11.5.1 設(shè)置標(biāo)題/按鈕組件顯示字?jǐn)?shù)

11.5.2 設(shè)置按鈕狀態(tài)

11.5.3 禁用異步打開(kāi)鏈接

11.6 HTML5應(yīng)用

11.6.1 動(dòng)態(tài)傳遞參數(shù)

11.6.2 離線(xiàn)訪(fǎng)問(wèn)

11.6.3 HTML5繪畫(huà)

11.7 實(shí)戰(zhàn)案例：使用事件

11.7.1 偵測(cè)用戶(hù)動(dòng)作

11.7.2 劃開(kāi)面板

第12章 響應(yīng)式設(shè)計(jì)

視頻演示：9個(gè) 示例：8個(gè)

12.1 響應(yīng)式設(shè)計(jì)概述

12.1.1 響應(yīng)式Web實(shí)現(xiàn)方法

12.1.2 響應(yīng)式Web設(shè)計(jì)流程

12.1.3 基于jQuery Mobile實(shí)現(xiàn)響應(yīng)式
設(shè)計(jì)

12.2 設(shè)計(jì)響應(yīng)式圖片

12.3 設(shè)計(jì)響應(yīng)式結(jié)構(gòu)

12.4 定義自適應(yīng)內(nèi)容

12.5 案例：設(shè)計(jì)響應(yīng)式Web

12.6 媒體查詢(xún)

12.6.1 使用viewport

12.6.2 使用Media Queries

12.7 實(shí)戰(zhàn)案例

12.7.1 分欄設(shè)計(jì)

12.7.2 設(shè)計(jì)回流表格

12.7.3 設(shè)計(jì)字段切換表格

12.7.4 設(shè)計(jì)滑動(dòng)面板

第13章 設(shè)計(jì)主題和樣式

視頻演示：17個(gè) 示例：4個(gè)

13.1 定義主題

13.1.1 認(rèn)識(shí)jQuery Mobile主題

13.1.2 默認(rèn)主題

13.1.3 使用主題

13.1.4 編輯主題

13.1.5 自定義主題

13.2 定義列表主題

13.3 定義表單主題

13.4 定義按鈕主題

13.5 激活主題

13.6 定義工具欄主題

13.7 定義頁(yè)面主題

13.8 定義內(nèi)容主題

13.9 實(shí)戰(zhàn)案例

13.9.1 定義多頁(yè)面主題

13.9.2 設(shè)計(jì)計(jì)算器界面

13.9.3 設(shè)計(jì)鍵盤(pán)界面

13.10 使用ThemeRoller

13.10.1 認(rèn)識(shí)ThemeRoller

13.10.2 編輯全局設(shè)置與色版

13.10.3 導(dǎo)入、下載和分享自定義
色版

第14章 實(shí)戰(zhàn)開(kāi)發(fā)：企業(yè)移動(dòng)宣傳項(xiàng)目

視頻演示：6個(gè)

14.1 案例分析

14.2 界面設(shè)計(jì)

14.3 框架設(shè)計(jì)

14.4 制作主頁(yè)面

14.5 制作二級(jí)欄目

14.6 制作詳細(xì)頁(yè)

14.7 小結(jié)

第15章 實(shí)戰(zhàn)開(kāi)發(fā)：移動(dòng)版記事本項(xiàng)目

視頻演示：11個(gè) 示例：1個(gè)

15.1 項(xiàng)目分析

15.2 框架設(shè)計(jì)

15.3 技術(shù)準(zhǔn)備

15.3.1 兼容性檢查

15.3.2 讀寫(xiě)數(shù)據(jù)

15.3.3 使用Web Storage

15.3.4 Web Storage事件監(jiān)測(cè)

15.4 制作主頁(yè)面

15.5 制作列表頁(yè)

15.6 制作詳細(xì)頁(yè)

15.7 制作修改頁(yè)

15.8 制作添加頁(yè)

15.9 小結(jié)

第16章 實(shí)戰(zhàn)開(kāi)發(fā)：移動(dòng)博客項(xiàng)目

視頻演示：9個(gè)

16.1 項(xiàng)目分析

16.2 主頁(yè)設(shè)計(jì)

16.3 列表頁(yè)設(shè)計(jì)

16.4 內(nèi)容頁(yè)設(shè)計(jì)

16.5 后臺(tái)開(kāi)發(fā)

16.5.1 設(shè)計(jì)數(shù)據(jù)庫(kù)

16.5.2 連接數(shù)據(jù)庫(kù)

16.5.3 首頁(yè)功能實(shí)現(xiàn)

16.5.4 列表頁(yè)功能實(shí)現(xiàn)

16.5.5 內(nèi)容頁(yè)功能實(shí)現(xiàn)

16.6 小結(jié)

第17章 實(shí)戰(zhàn)開(kāi)發(fā)：MP3播放器

視頻演示：14個(gè) 示例：1個(gè)

17.1 項(xiàng)目分析

17.2 主頁(yè)設(shè)計(jì)41117.3 主題頁(yè)設(shè)計(jì)

17.4 歌手頁(yè)設(shè)計(jì)

17.5 專(zhuān)輯頁(yè)設(shè)計(jì)

17.6 后臺(tái)開(kāi)發(fā)

17.6.1 設(shè)計(jì)數(shù)據(jù)庫(kù)

17.6.2 連接數(shù)據(jù)庫(kù)

17.6.3 首頁(yè)功能實(shí)現(xiàn)

17.6.4 主題頁(yè)功能實(shí)現(xiàn)

17.6.5 歌手頁(yè)功能實(shí)現(xiàn)

17.6.6 專(zhuān)輯頁(yè)功能實(shí)現(xiàn)

17.7 多媒體整合

17.7.1 使用

17.7.2 在jQuery Mobile中綁定

17.7.3 MP3功能設(shè)計(jì)

17.8 小結(jié)

第18章 實(shí)戰(zhàn)開(kāi)發(fā)：閨蜜說(shuō)社區(qū)項(xiàng)目

視頻演示：11個(gè)

18.1 項(xiàng)目分析

18.2 主頁(yè)設(shè)計(jì)

18.3 登錄頁(yè)設(shè)計(jì)

18.4 注冊(cè)頁(yè)設(shè)計(jì)

18.5 發(fā)布頁(yè)設(shè)計(jì)

18.6 后臺(tái)開(kāi)發(fā)

18.6.1 設(shè)計(jì)數(shù)據(jù)庫(kù)

18.6.2 連接數(shù)據(jù)庫(kù)

18.6.3 首頁(yè)功能實(shí)現(xiàn)

18.6.4 注冊(cè)頁(yè)功能實(shí)現(xiàn)

18.6.5 發(fā)布頁(yè)功能實(shí)現(xiàn)

18.6.6 回復(fù)功能實(shí)現(xiàn)

18.7 小結(jié)

第19章 發(fā)布應(yīng)用項(xiàng)目

19.1 Web應(yīng)用發(fā)布基礎(chǔ)

19.2 自定義發(fā)布

19.3 準(zhǔn)備打包

19.4 使用PhoneGap打包