跨平臺移動APP設(shè)計及應(yīng)用

第1章跨平臺移動Web基礎(chǔ)知識

11 移動Web開發(fā)概述
111 移動APP的分類和移動Web
112 移動Web與桌面Web的設(shè)計差異及設(shè)計要點

12 手機屏幕分辨率

習題

第2章移動Web設(shè)計基礎(chǔ)

21 HTML——超文本置標語言
211 HTML概述
212 HTML的應(yīng)用示例

22 CSS技術(shù)簡介
221 CSS的基本語法和用法
222 CSS的選擇器

23 JavaScript語言基礎(chǔ)
231 JavaScript語法簡介
232 JavaScript系統(tǒng)內(nèi)置函數(shù)
233 JavaScript自定義函數(shù)
234 JavaScript事件
235 JavaScript操作HTML DOM對象

習題

第3章jQuery設(shè)計基礎(chǔ)

31 jQuery概述
311 jQuery簡介
312 jQuery代碼的編寫

32 jQuery方法

33 jQuery選擇器



331 jQuery的基本選擇器
332 jQuery的層次選擇器
333 jQuery的過濾選擇器
334 jQuery的表單選擇器

34 jQuery事件處理
341 事件與事件處理
342 jQuery的鼠標事件
343 $each()方法的循環(huán)遍歷算法

35 jQuery自定義插件
351 jQuery自定義插件規(guī)范
352 封裝jQuery對象級的插件
353 定義類級別插件
354 使用jQuery UI插件

36 jQuery動畫與特效
361 jQuery的特效方法
362 jQuery實現(xiàn)加入購物車飛入動畫效果

習題

第4章jQuery Mobile基礎(chǔ)

41 jQuery Mobile及程序結(jié)構(gòu)
411 jQuery Mobile簡介及下載
412 jQuery Mobile程序基本結(jié)構(gòu)

42 按鈕與多頁面結(jié)構(gòu)
421 頁面中的按鈕
422 按鈕的圖標
423 多頁面結(jié)構(gòu)

43 對話框
431 頁面對話框
432 彈窗對話框




44 jQuery Mobile的表單元素
441 用戶登錄界面設(shè)計
442 表單的輸入元素
443 表單中滑塊的控制設(shè)計
444 表單的切換開關(guān)設(shè)計

45 jQuery Mobile的列表和可折疊內(nèi)容塊
451 jQuery Mobile的列表
452 可折疊內(nèi)容塊

習題

第5章Ajax及遠程服務(wù)器數(shù)據(jù)處理技術(shù)

51 Ajax技術(shù)概述
511 Ajax技術(shù)簡介
512 Ajax技術(shù)的應(yīng)用

52 JSON數(shù)據(jù)
521 JSON數(shù)據(jù)格式
522 應(yīng)用Ajax解析JSON數(shù)據(jù)

53 Ajax與PHP基礎(chǔ)
531 PHP基礎(chǔ)
532 jQuery的Ajax方法

習題

第6章訪問遠程數(shù)據(jù)庫

61 對后臺MySQL數(shù)據(jù)庫進行讀/寫數(shù)據(jù)操作
611 創(chuàng)建MySQL數(shù)據(jù)庫
612 在PHP服務(wù)器端生成JSON數(shù)據(jù)
613 讀取數(shù)據(jù)庫數(shù)據(jù)
614 把客戶端提交的數(shù)據(jù)寫入數(shù)據(jù)庫




62 網(wǎng)絡(luò)在線記事本設(shè)計
621 首頁界面設(shè)計
622 記事列表的界面設(shè)計
623 記事內(nèi)容顯示頁的界面設(shè)計
624 數(shù)據(jù)庫設(shè)計與連接
625 從數(shù)據(jù)庫中讀取記事內(nèi)容
626 從數(shù)據(jù)庫中讀取記事標題列表
627 新建記事內(nèi)容寫入數(shù)據(jù)庫

習題

第7章PhoneGap構(gòu)建跨平臺手機APP

71 PhoneGap跨平臺應(yīng)用框架簡介

72 PhoneGap的開發(fā)和測試環(huán)境的搭建

73 生成PhoneGap應(yīng)用項目框架
731 開發(fā)PhoneGap應(yīng)用項目的一般過程
732 生成PhoneGap應(yīng)用項目框架結(jié)構(gòu)

74 編寫PhoneGap應(yīng)用程序

75 手機APP應(yīng)用實例：今早新聞
751 項目框架設(shè)計
752 主界面設(shè)計
753 “今早頭條”新聞欄頁面設(shè)計
754 用PhoneGap封裝成手機APP

習題

第8章移動Web網(wǎng)站應(yīng)用實例：在線試衣間

81 試衣間系統(tǒng)的核心功能
811 頁面布局
812 添加選擇試衣功能
813 數(shù)據(jù)來源于遠程數(shù)據(jù)庫




82 在線試衣系統(tǒng)的模塊設(shè)計
821 在線試衣系統(tǒng)的模塊結(jié)構(gòu)
822 注冊模塊
823 登錄模塊
824 試衣間主程序模塊
825 支付模塊

習題

第9章移動Web網(wǎng)站應(yīng)用實例：百度地圖服務(wù)

91 百度地圖JavaScript API
911 百度地圖JavaScript API概述
912 百度地圖API重要的類

92 創(chuàng)建地圖視圖

93 百度地圖應(yīng)用
931 測距
932 地圖事件
933 駕車導航路線規(guī)劃
934 步行路線規(guī)劃
935 用戶所在位置定位

習題

第10章移動Web網(wǎng)站應(yīng)用實例：瀑布流設(shè)計

101 瀑布流設(shè)計
1011 瀑布流設(shè)計思路
1012 根據(jù)頁面寬度計算排列圖片
1013 確定排列圖片的最短列
1014 自動追加新圖片功能

102 手機APP瀑布流程序示例