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

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