第1章 初識jQuery Mobile
視頻演示:3個(gè) 示例:1個(gè)
1.1 移動開發(fā)概述
1.1.1 認(rèn)識Web移動應(yīng)用
1.1.2 移動Web設(shè)計(jì)概述
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è)計(jì)第一個(gè)移動頁面
第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)識文章
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è)計(jì)頁面和對話框
視頻演示:8個(gè) 示例:4個(gè)
3.1 設(shè)計(jì)頁面
3.1.1 定義單頁
3.1.2 定義多頁
3.1.3 定義外部頁
3.2 設(shè)計(jì)對話框
3.2.1 定義對話框
3.2.2 定義關(guān)閉對話框
3.3 實(shí)戰(zhàn)案例
3.3.1 設(shè)計(jì)彈出框
3.3.2 設(shè)計(jì)視圖漸變背景
3.3.3 設(shè)計(jì)頁面切換方式
第4章 頁面高級設(shè)計(jì)
視頻演示:12個(gè) 示例:13個(gè)
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è)計(jì)電子書閱讀器
4.6.2 設(shè)計(jì)BBS界面
4.6.3 設(shè)計(jì)記事本
第5章 設(shè)計(jì)彈出頁面
視頻演示:12個(gè) 示例:14個(gè)
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è)計(jì)覆蓋面板
5.5.2 設(shè)計(jì)單頁相冊
第6章 移動頁面布局
視頻演示:13個(gè) 示例:13個(gè)
6.1 網(wǎng)格化布局
6.1.1 定義網(wǎng)格
6.1.2 案例:設(shè)計(jì)兩欄頁面
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ì)頁眉欄
8.2.1 定義頁眉欄
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ì)頁腳欄
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è)計(jì)播放器界面
8.6.2 設(shè)計(jì)QWER鍵盤界面
第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 開關(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 禁用表單對象
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)查問卷
9.9.5 設(shè)計(jì)調(diào)色板
9.9.6 設(shè)計(jì)登錄對話框
第10章 設(shè)計(jì)列表視圖
視頻演示:18個(gè) 示例:25個(gè)
10.1 簡單列表
10.1.1 認(rèn)識列表視圖
10.1.2 定義列表視圖
10.1.3 設(shè)計(jì)簡單列表視圖
10.2 嵌套列表
10.2.1 定義嵌套列表
10.2.2 設(shè)計(jì)嵌套列表視圖
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è)計(jì)表單登錄頁
10.8.2 設(shè)計(jì)電商產(chǎn)品頁面
10.8.3 設(shè)計(jì)新聞列表頁
10.8.4 設(shè)計(jì)播放列表
10.8.5 設(shè)計(jì)通訊錄
第11章 高級開發(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 頁面顯示/隱藏事件
11.3 方法
11.3.1 轉(zhuǎn)換路徑
11.3.2 比較域名
11.3.3 縱向滾動
11.4 設(shè)計(jì)UI樣式
11.4.1 關(guān)閉列表項(xiàng)箭頭
11.4.2 固定標(biāo)題欄和頁腳欄
11.4.3 設(shè)計(jì)隨機(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è)計(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 媒體查詢
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ì)滑動面板
第13章 設(shè)計(jì)主題和樣式
視頻演示:17個(gè) 示例:4個(gè)
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è)計(jì)計(jì)算器界面
13.9.3 設(shè)計(jì)鍵盤界面
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個(gè)
14.1 案例分析
14.2 界面設(shè)計(jì)
14.3 框架設(shè)計(jì)
14.4 制作主頁面
14.5 制作二級欄目
14.6 制作詳細(xì)頁
14.7 小結(jié)
第15章 實(shí)戰(zhàn)開發(fā):移動版記事本項(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 讀寫數(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個(gè)
16.1 項(xiàng)目分析
16.2 主頁設(shè)計(jì)
16.3 列表頁設(shè)計(jì)
16.4 內(nèi)容頁設(shè)計(jì)
16.5 后臺開發(fā)
16.5.1 設(shè)計(jì)數(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個(gè) 示例:1個(gè)
17.1 項(xiàng)目分析
17.2 主頁設(shè)計(jì)41117.3 主題頁設(shè)計(jì)
17.4 歌手頁設(shè)計(jì)
17.5 專輯頁設(shè)計(jì)
17.6 后臺開發(fā)
17.6.1 設(shè)計(jì)數(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è)計(jì)
17.8 小結(jié)
第18章 實(shí)戰(zhàn)開發(fā):閨蜜說社區(qū)項(xiàng)目
視頻演示:11個(gè)
18.1 項(xiàng)目分析
18.2 主頁設(shè)計(jì)
18.3 登錄頁設(shè)計(jì)
18.4 注冊頁設(shè)計(jì)
18.5 發(fā)布頁設(shè)計(jì)
18.6 后臺開發(fā)
18.6.1 設(shè)計(jì)數(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打包