iOS Web應(yīng)用開發(fā)·運用HTML5、CSS3與JavaScript

第1章 移動觸摸設(shè)備的新思路
1.1 為什么要選擇移動互聯(lián)網(wǎng)
1.1.1 從桌面端到移動端
1.1.2 移動市場
1.1.3 為何現(xiàn)在就進軍移動領(lǐng)域
1.1.4 面向移動的做法
1.1.5 面向移動的指南
1.2 Apple的移動設(shè)備硬件
1.3 小結(jié)
第2章 為iOS設(shè)備打造的敏捷項目
2.1 實現(xiàn)移動信息架構(gòu)
2.1.1 信息架構(gòu)及其重要性
2.1.2 遵循移動策略的黃金法則
2.1.3 純內(nèi)容標注法
2.1.4 使用站點導(dǎo)航圖來表現(xiàn)信息架構(gòu)
2.1.5 使用線框圖草擬信息架構(gòu)
2.1.6 通過原型將交互可視化
2.2 移動設(shè)計的系統(tǒng)方法
2.2.1 蘋果設(shè)備的可訪問性
2.2.2 iOS設(shè)備的可用性
2.2.3 iPhone頁面模型
2.2.4 iPhone用戶界面
2.2.5 iPad塊模型
2.2.6 iPad用戶界面
2.2.7 用于蘋果移動設(shè)計的工具
2.3 小結(jié)
第3章 針對iOS設(shè)備的Web開發(fā)
3.1 Web開發(fā)工具
3.1.1 開發(fā)框架
3.1.2 移動網(wǎng)站
3.2 移動應(yīng)用
3.3 Web開發(fā)模型
3.3.1 Web開發(fā)模型的優(yōu)缺點
3.3.2 開發(fā)Web應(yīng)用的四種方法
3.3.3 Web應(yīng)用和原生應(yīng)用在用戶眼中的區(qū)別
3.3.4 Web標準：HTML、CSS及JavaScript
3.3.5 瀏覽器對標準的支持情況：WebKit和Safari
3.4 SDK開發(fā)模型
3.4.1 蘋果的Objective-C、Cocoa Touch以及Xtools模型
3.4.2 我是一臺Mac電腦
3.4.3 用于蘋果移動開發(fā)的工具和框架
3.5 小結(jié)
第4章 針對iOS設(shè)備的用戶界面設(shè)計
4.1 用戶界面設(shè)計
4.1.1 什么是界面
4.1.2 萬物皆界面
4.1.3 負空間
4.1.4 色彩心理學(xué)
4.1.5 界面層次
4.1.6 閱讀模式
4.1.7 用戶界面設(shè)計流程
4.2 兼容iPhone和iPad的用戶界面設(shè)計
4.2.1 調(diào)研
4.2.2 結(jié)構(gòu)
4.2.3 美工
4.2.4 交互
4.2.5 可交付結(jié)果
4.3 iPad類原生用戶界面設(shè)計
4.3.1 調(diào)研
4.3.2 結(jié)構(gòu)
4.3.3 美工
4.3.4 交互
4.3.5 可交付結(jié)果
4.4 iPhone類原生用戶界面設(shè)計
4.4.1 調(diào)研
4.4.2 結(jié)構(gòu)
4.4.3 美工
4.4.4 交互
4.4.5 可交付結(jié)果
4.4.6 用于用戶界面設(shè)計的工具
4.5 小結(jié)
第5章 iPhone用戶界面設(shè)計：簡化思維
5.1 草繪用戶界面
5.2 簡化思維
5.2.1 iPhone是隨身攜帶的設(shè)備
5.2.2 iPhone頁面模型的本質(zhì)
5.2.3 iPhone的局限性
5.2.4 用戶認知資源的本質(zhì)
5.3 草繪剖析
5.4 使用工具來設(shè)計
5.4.1 探索Balsamiq Mockups界面
5.4.2 描繪關(guān)聯(lián)性
5.5 使用Adobe Fireworks來設(shè)計
5.5.1 創(chuàng)建畫布
5.5.2 整理圖層
5.5.3 布局設(shè)計
5.5.4 界面設(shè)計
5.5.5 復(fù)用設(shè)計
5.5.6 用于用戶界面設(shè)計的工具
5.6 小結(jié)
第6章 iPad用戶界面設(shè)計：逆向思維
6.1 草繪用戶界面
6.2 逆向思維
6.2.1 逆向簡化
6.2.2 刪減與優(yōu)選
6.2.3 隱藏與改造
6.2.4 收縮與分組
6.2.5 “簡單-復(fù)雜”悖論的關(guān)鍵點
6.2.6 草繪用戶界面
6.3 使用工具進行設(shè)計
6.4 使用Adobe Fireworks來設(shè)計
6.4.1 iPad兼容版
6.4.2 iPad類原生版
6.4.3 用于用戶界面設(shè)計的工具
6.5 小結(jié)
第7章 WebKit所支持的Web標準：充分發(fā)揮Mobile Safari的能力
7.1 iPhone和iPad的Web表現(xiàn)對比
7.2 HTML5
7.2.1 HTML5標記語法
7.2.2 HTML5重新定義過的標簽
7.2.3 HTML5語義
7.2.4 HTML5媒體
7.3 CSS3
7.3.1 前綴
7.3.2 圓角邊框
7.3.3 邊框圖片
7.3.4 漸變
7.3.5 盒子尺寸標準
7.3.6 盒子陰影
7.3.7 輪廓
7.3.8 背景尺寸
7.3.9 背景起點
7.3.10 多重背景
7.3.11 文字陰影
7.3.12 文本溢出
7.3.13 單詞換行
7.3.14 線上字體
7.3.15 輕觸高亮
7.3.16 多列布局
7.3.17 橫跨多列
7.3.18 過渡
7.3.19 變換
7.3.20 動畫
7.3.21 關(guān)鍵幀
7.3.22 倒影
7.4 JavaScript
7.4.1 在網(wǎng)頁上添加JavaScript
7.4.2 JavaScript結(jié)構(gòu)
7.4.3 數(shù)據(jù)類型分類
7.4.4 保留字
7.4.5 變量
7.4.6 運算符
7.4.7 條件語句
7.4.8 循環(huán)語句
7.4.9 函數(shù)
7.4.10 變量作用域
7.4.11 數(shù)組
7.4.12 字符串
7.4.13 對象
7.4.14 瀏覽器對象模型
7.4.15 文檔對象模型
7.4.16 對比DOM和HTML結(jié)構(gòu)
7.4.17 操作DOM
7.4.18 一些JavaScript的最佳實踐
7.4.19 與Web標準有關(guān)的資源
7.5 小結(jié)
第8章 原生iOS環(huán)境開發(fā)
8.1 配置環(huán)境
8.2 視口的定義
8.3 全屏模式應(yīng)用
8.4 添加主屏幕圖標
8.5 應(yīng)用啟動圖片
8.6 應(yīng)用重定向
8.7 配置Head標簽部分
8.8 原生鏈接模擬
8.9 原生文本模擬
8.10 原生元素模擬
8.11 原生滾動模擬
8.12 原生iOS服務(wù)交互
8.12.1 電話應(yīng)用
8.12.2 郵件應(yīng)用
8.12.3 短信應(yīng)用
8.12.4 地圖應(yīng)用
8.13 觸摸事件和手勢交互
8.13.1 觸摸事件模式：觸摸并不是點擊
8.13.2 原生及自定義的觸摸事件處理
8.13.3 創(chuàng)建可觸摸的設(shè)計元素
8.13.4 設(shè)備朝向變更事件
8.13.5 屏幕朝向變更的媒體查詢
8.14 擴展iOS開發(fā)框架
8.15 用于編寫代碼的資源
8.16 小結(jié)
第9章 原生iOS設(shè)計實現(xiàn)
9.1 iPhone頁面模型的實現(xiàn)
9.2 實現(xiàn)類原生的頁面結(jié)構(gòu)
9.3 iPhone原生界面模擬
9.3.1 頂部欄部分
9.3.2 頁面標題元素
9.3.3 面包屑導(dǎo)航欄
9.3.4 宣傳內(nèi)容區(qū)
9.3.5 菜單區(qū)
9.3.6 頁腳部分
9.4 小結(jié)
第10章 優(yōu)化iOS Web應(yīng)用
10.1 iPad和iPhone兼容性
10.2 性能優(yōu)化
10.2.1 代碼優(yōu)化
10.2.2 圖片優(yōu)化
10.2.3 應(yīng)用壓縮
10.2.4 可用性優(yōu)化
10.3 離線可用的Web應(yīng)用
10.4 移動SEO
10.4.1 搜索引擎的結(jié)構(gòu)
10.4.2 面向搜索引擎的設(shè)計
10.4.3 可用于優(yōu)化和SEO的工具
10.5 小結(jié)
第11章 測試iOS Web應(yīng)用
11.1 Web開發(fā)生命周期
11.2 Web應(yīng)用測試
11.3 敏捷測試
11.4 熱圖測試
11.5 組織一次測試
11.5.1 創(chuàng)建用例
11.5.2 創(chuàng)建物料
11.6 執(zhí)行測試
11.6.1 紙面原型圖
11.6.2 電子原型
11.7 評估測試
11.8 評估的變量和反饋
11.8.1 點觸次數(shù)
11.8.2 錯誤次數(shù)
11.8.3 預(yù)計完成時間
11.8.4 收集反饋
11.8.5 評估技術(shù)
11.9 測試所需資源
11.10 小結(jié)
第12章 深入挖掘iOS Web應(yīng)用市場
12.1 利用你的移動策略
12.2 如何推廣你的Web應(yīng)用
12.2.1 利用Beta測試邀請測試者
12.2.2 利用新聞發(fā)布
12.2.3 創(chuàng)建Web應(yīng)用的宣傳網(wǎng)站
12.2.4 使用郵件營銷
12.2.5 創(chuàng)建YouTube視頻教程
12.2.6 提交到蘋果Web應(yīng)用門戶
12.2.7 提交到其他Web應(yīng)用門戶網(wǎng)站
12.2.8 利用社交網(wǎng)絡(luò)的傳播力
12.3 讓W(xué)eb應(yīng)用創(chuàng)造收益
12.4 Web應(yīng)用市場上的資源
12.5 小結(jié)
第13章 從移動互聯(lián)網(wǎng)展望普適計算
13.1 移動設(shè)備、無線網(wǎng)絡(luò)及蜂窩通信的爆發(fā)
13.2 下一代觸屏和多點觸控技術(shù)的用戶體驗
13.3 新技術(shù)、新用途以及新機遇
13.4 多點觸控屏幕革命會為下一代計算機帶來怎樣的改變
13.4.1 從家用到普適計算與環(huán)境智能
13.4.2 通信與普適計算資源
13.5 小結(jié)
索引