第1章 初識jQuery Mobile
視頻演示:3個 示例:1個
1.1 移動開發(fā)概述
1.1.1 認(rèn)識Web移動應(yīng)用
1.1.2 移動Web設(shè)計概述
1.1.3 了解WebKit
1.2 jQuery Mobile概述
1.2.1 為什么要選擇jQuery Mobile
1.2.2 jQuery Mobile移動平臺兼容性
1.2.3 jQuery Mobile功能
1.2.4 jQuery Mobile特性
1.2.5 jQuery Mobile優(yōu)勢
1.2.6 jQuery Mobile缺陷
1.2.7 其他流行的Web移動開發(fā)框架
1.3 安裝jQuery Mobile
1.3.1 下載插件文件
1.3.2 初始化配置
1.4 案例:設(shè)計第一個移動頁面
第2章 HTML5基礎(chǔ)
視頻演示:11個 示例:23個
2.1 創(chuàng)建HTML5文檔
2.2 HTML5標(biāo)簽
2.3 詳解HTML5結(jié)構(gòu)
2.3.1 標(biāo)識文章
2.3.2 分段內(nèi)容
2.3.3 定義導(dǎo)航
2.3.4 定義輔助信息
2.3.5 定義微格式
2.3.6 定義發(fā)布日期
2.4 定義語義塊
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è)計頁面和對話框
視頻演示:8個 示例:4個
3.1 設(shè)計頁面
3.1.1 定義單頁
3.1.2 定義多頁
3.1.3 定義外部頁
3.2 設(shè)計對話框
3.2.1 定義對話框
3.2.2 定義關(guān)閉對話框
3.3 實(shí)戰(zhàn)案例
3.3.1 設(shè)計彈出框
3.3.2 設(shè)計視圖漸變背景
3.3.3 設(shè)計頁面切換方式
第4章 頁面高級設(shè)計
視頻演示:12個 示例:13個
4.1 頁面初始化
4.2 預(yù)加載和緩存
4.2.1 頁面預(yù)加載
4.2.2 頁面緩存
4.3 使用錨記
4.3.1 在單頁視圖中定義錨記
4.3.2 在多頁視圖中定義錨記
4.4 傳遞參數(shù)
4.4.1 以GET方式傳遞參數(shù)
4.4.2 通過HTML5 Web
Storage傳遞
參數(shù)
4.5 加載消息
4.5.1 自定義加載消息
4.5.2 管理加載消息
4.6 實(shí)戰(zhàn)案例
4.6.1 設(shè)計電子書閱讀器
4.6.2 設(shè)計BBS界面
4.6.3 設(shè)計記事本
第5章 設(shè)計彈出頁面
視頻演示:12個 示例:14個
5.1 定義彈出頁面
5.2 使用彈出頁面
5.2.1 菜單和嵌套菜單
5.2.2 表單
5.2.3 對話框
5.2.4 圖片
5.2.5 視頻
5.3 定制彈出頁面
5.3.1 定義顯示位置
5.3.2 定義切換動畫
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è)計覆蓋面板
5.5.2 設(shè)計單頁相冊
第6章 移動頁面布局
視頻演示:13個 示例:13個
6.1 網(wǎng)格化布局
6.1.1 定義網(wǎng)格
6.1.2 案例:設(shè)計兩欄頁面
6.2 設(shè)計折疊塊
6.2.1 定義折疊塊
6.2.2 定義嵌套折疊塊
6.2.3 設(shè)置屬性
6.2.4 設(shè)置選項(xiàng)
6.2.5 設(shè)置事件
6.3 設(shè)計折疊組
6.4 實(shí)戰(zhàn)案例
6.4.1 設(shè)計課程表
6.4.2 設(shè)計九宮格
6.4.3 設(shè)計通訊錄
6.4.4 設(shè)計QQ好友列表
6.4.5 設(shè)計Metro版式
第7章 使用按鈕
視頻演示:11個 示例:9個
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è)計按鈕
7.8.2 設(shè)計按鈕組
第8章 設(shè)計工具欄
視頻演示:14個 示例:19個
8.1 使用工具欄
8.1.1 定義工具欄
8.1.2 定義顯示模式
8.2 設(shè)計頁眉欄
8.2.1 定義頁眉欄
8.2.2 定義導(dǎo)航按鈕
8.2.3 定義按鈕位置
8.3 設(shè)計導(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è)計頁腳欄
8.4.1 定義頁腳欄
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è)計播放器界面
8.6.2 設(shè)計QWER鍵盤界面
第9章 使用表單
視頻演示:27個 示例:37個
9.1 表單樣式
9.2 輸入框
9.2.1 設(shè)計輸入框
9.2.2 設(shè)置屬性和選項(xiàng)
9.2.3 設(shè)置方法和事件
9.3 單選按鈕
9.3.1 設(shè)計單選按鈕
9.3.2 設(shè)置屬性和選項(xiàng)
9.3.3 設(shè)置方法和事件
9.4 復(fù)選框
9.5 滑塊
9.5.1 設(shè)計滑塊
9.5.2 設(shè)置屬性和選項(xiàng)
9.5.3 設(shè)置方法和事件
9.6 開關(guān)按鈕
9.7 選擇菜單
9.7.1 設(shè)計下拉菜單
9.7.2 設(shè)計列表框
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 禁用表單對象
9.8.2 隱藏標(biāo)簽
9.8.3 設(shè)計迷你表單
9.9 實(shí)戰(zhàn)案例
9.9.1 表單驗(yàn)證
9.9.2 文件上傳
9.9.3 設(shè)計QQ登錄界面
9.9.4 設(shè)計調(diào)查問卷
9.9.5 設(shè)計調(diào)色板
9.9.6 設(shè)計登錄對話框
第10章 設(shè)計列表視圖
視頻演示:18個 示例:25個
10.1 簡單列表
10.1.1 認(rèn)識列表視圖
10.1.2 定義列表視圖
10.1.3 設(shè)計簡單列表視圖
10.2 嵌套列表
10.2.1 定義嵌套列表
10.2.2 設(shè)計嵌套列表視圖
10.3 數(shù)字列表
10.4 分類列表
10.5 擴(kuò)展列表視圖功能
10.5.1 拆分按鈕列表
10.5.2 縮微圖和圖標(biāo)列表
10.5.3 氣泡提示
10.5.4 列表過濾
10.6 優(yōu)化列表視圖外觀
10.6.1 插頁列表
10.6.2 折疊列表
10.6.3 自動分類列表
10.7 設(shè)置列表視圖
10.7.1 屬性
10.7.2 選項(xiàng)
10.7.3 方法和事件
10.8 實(shí)戰(zhàn)案例
10.8.1 設(shè)計表單登錄頁
10.8.2 設(shè)計電商產(chǎn)品頁面
10.8.3 設(shè)計新聞列表頁
10.8.4 設(shè)計播放列表
10.8.5 設(shè)計通訊錄
第11章 高級開發(fā)
視頻演示:20個 示例:17個
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 頁面顯示/隱藏事件
11.3 方法
11.3.1 轉(zhuǎn)換路徑
11.3.2 比較域名
11.3.3 縱向滾動
11.4 設(shè)計UI樣式
11.4.1 關(guān)閉列表項(xiàng)箭頭
11.4.2 固定標(biāo)題欄和頁腳欄
11.4.3 設(shè)計隨機(jī)頁面背景
11.5 定制組件
11.5.1 設(shè)置標(biāo)題/按鈕組件顯示字?jǐn)?shù)
11.5.2 設(shè)置按鈕狀態(tài)
11.5.3 禁用異步打開鏈接
11.6 HTML5應(yīng)用
11.6.1 動態(tài)傳遞參數(shù)
11.6.2 離線訪問
11.6.3 HTML5繪畫
11.7 實(shí)戰(zhàn)案例:使用事件
11.7.1 偵測用戶動作
11.7.2 劃開面板
第12章 響應(yīng)式設(shè)計
視頻演示:9個 示例:8個
12.1 響應(yīng)式設(shè)計概述
12.1.1 響應(yīng)式Web實(shí)現(xiàn)方法
12.1.2 響應(yīng)式Web設(shè)計流程
12.1.3 基于jQuery
Mobile實(shí)現(xiàn)響應(yīng)式
設(shè)計
12.2 設(shè)計響應(yīng)式圖片
12.3 設(shè)計響應(yīng)式結(jié)構(gòu)
12.4 定義自適應(yīng)內(nèi)容
12.5 案例:設(shè)計響應(yīng)式Web
12.6 媒體查詢
12.6.1 使用viewport
12.6.2 使用Media Queries
12.7 實(shí)戰(zhàn)案例
12.7.1 分欄設(shè)計
12.7.2 設(shè)計回流表格
12.7.3 設(shè)計字段切換表格
12.7.4 設(shè)計滑動面板
第13章 設(shè)計主題和樣式
視頻演示:17個 示例:4個
13.1 定義主題
13.1.1 認(rèn)識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 定義頁面主題
13.8 定義內(nèi)容主題
13.9 實(shí)戰(zhàn)案例
13.9.1 定義多頁面主題
13.9.2 設(shè)計計算器界面
13.9.3 設(shè)計鍵盤界面
13.10 使用ThemeRoller
13.10.1 認(rèn)識ThemeRoller
13.10.2 編輯全局設(shè)置與色版
13.10.3 導(dǎo)入、下載和分享自定義
色版
第14章 實(shí)戰(zhàn)開發(fā):企業(yè)移動宣傳項(xiàng)目
視頻演示:6個
14.1 案例分析
14.2 界面設(shè)計
14.3 框架設(shè)計
14.4 制作主頁面
14.5 制作二級欄目
14.6 制作詳細(xì)頁
14.7 小結(jié)
第15章 實(shí)戰(zhàn)開發(fā):移動版記事本項(xiàng)目
視頻演示:11個 示例:1個
15.1 項(xiàng)目分析
15.2 框架設(shè)計
15.3 技術(shù)準(zhǔn)備
15.3.1 兼容性檢查
15.3.2 讀寫數(shù)據(jù)
15.3.3 使用Web Storage
15.3.4 Web
Storage事件監(jiān)測
15.4 制作主頁面
15.5 制作列表頁
15.6 制作詳細(xì)頁
15.7 制作修改頁
15.8 制作添加頁
15.9 小結(jié)
第16章 實(shí)戰(zhàn)開發(fā):移動博客項(xiàng)目
視頻演示:9個
16.1 項(xiàng)目分析
16.2 主頁設(shè)計
16.3 列表頁設(shè)計
16.4 內(nèi)容頁設(shè)計
16.5 后臺開發(fā)
16.5.1 設(shè)計數(shù)據(jù)庫
16.5.2 連接數(shù)據(jù)庫
16.5.3 首頁功能實(shí)現(xiàn)
16.5.4 列表頁功能實(shí)現(xiàn)
16.5.5 內(nèi)容頁功能實(shí)現(xiàn)
16.6 小結(jié)
第17章 實(shí)戰(zhàn)開發(fā):MP3播放器
視頻演示:14個 示例:1個
17.1 項(xiàng)目分析
17.2 主頁設(shè)計41117.3 主題頁設(shè)計
17.4 歌手頁設(shè)計
17.5 專輯頁設(shè)計
17.6 后臺開發(fā)
17.6.1 設(shè)計數(shù)據(jù)庫
17.6.2 連接數(shù)據(jù)庫
17.6.3 首頁功能實(shí)現(xiàn)
17.6.4 主題頁功能實(shí)現(xiàn)
17.6.5 歌手頁功能實(shí)現(xiàn)
17.6.6 專輯頁功能實(shí)現(xiàn)
17.7 多媒體整合
17.7.1 使用
17.7.2 在jQuery Mobile中綁定
17.7.3 MP3功能設(shè)計
17.8 小結(jié)
第18章 實(shí)戰(zhàn)開發(fā):閨蜜說社區(qū)項(xiàng)目
視頻演示:11個
18.1 項(xiàng)目分析
18.2 主頁設(shè)計
18.3 登錄頁設(shè)計
18.4 注冊頁設(shè)計
18.5 發(fā)布頁設(shè)計
18.6 后臺開發(fā)
18.6.1 設(shè)計數(shù)據(jù)庫
18.6.2 連接數(shù)據(jù)庫
18.6.3 首頁功能實(shí)現(xiàn)
18.6.4 注冊頁功能實(shí)現(xiàn)
18.6.5 發(fā)布頁功能實(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打包