iOS Web應用開發：運用HTML五、CSS3與JavaScript

《iOS Web應用開發：運用HTML五、CSS3與JavaScript》

基本信息

原書名：Pro iOS web design and development:HTML5, CSS3, and javaScript with safari

做者： (美)Andrea Picchi

譯者： 羅晴明

叢書名： 圖靈程序設計叢書

出版社：人民郵電出版社

ISBN：9787115323217

上架時間：2013-7-15

出版日期：2013 年8月

開本：16開

頁碼：1

版次：1-1

所屬分類：計算機 > 軟件與程序設計 > 網絡編程 > HTML

計算機 > 數碼/設計 > CSS

計算機 > 軟件與程序設計 > 網絡編程 > javascript

更多關於 》》》《 iOS Web應用開發：運用HTML五、CSS3與JavaScript》

內容簡介

計算機書籍

　　《ios web應用開發：運用html五、css3與javascript》的重點是使用html五、css3 及javascript 等web 標準來爲ios 作設計與開發，主題圍繞爲apple 移動設備設計界面和開發應用的完整流程而展開，並實現了一個名爲「the store」的真實用例。讀者除了能從中學習相關web 標準、專有技術、工具以及一切有助於設計和開發的東西，還能親身體驗適用於全部面向移動項目的真實工做流程。

　　 《ios web應用開發：運用html五、css3與javascript》適合那些準備設計或開發ios 用戶界面或ios web 應用（面向iphone、ipod touch 及ipad）的讀者閱讀。

　　 《ios web應用開發：運用html五、css3與javascript》介紹瞭如何使用web標準技術來爲iphone和ipad製做web應用。書中利用最前沿的web和移動技術，演示瞭如何使用html5來完成繁重的基礎工做，如何使用css3來製做外觀，以及如何使用javascript來爲移動網站或web應用添加程序邏輯。

　　 經過閱讀本書，讀者能夠掌握面向移動的項目的開發流程。做者逐章遞進，引導讀者瞭解ios設計與開發的各個步驟。讀者能夠學習到以下知識：

　　 設計針對iphone、ipad和ipod touch而優化的網站；

　　 在蘋果的主要平臺上使用web標準技術開發專業的網站，並瞭解這對網頁開發者及設計師的重要性；

　　 充分利用蘋果的多點觸控屏幕技術，爲web應用實現最佳的用戶體驗及可訪問性；

　　 爲移動網站和web應用執行可用性測試；

　　 定義爲移動開發而優化的敏捷項目流程；

　　 ui設計中認知方法的運用，如感知規律、色彩心理學以及正負空間所蘊含的理念等。

　　 《ios web應用開發：運用html五、css3與javascript》將幫助讀者交付豐富的、面向觸摸的移動用戶體驗。掌握了本書所介紹的概念和技術後，讀者就能夠在設計師或工程師的道路上更進一步，創造出精彩的ios移動項目！

目錄

《ios web應用開發：運用html五、css3與javascript》

第1章 移動觸摸設備的新思路　　1

1.1 爲何要選擇移動互聯網　　1

1.1.1 從桌面端到移動端　　1

1.1.2 移動市場　　3

1.1.3 爲什麼如今就進軍移動領域　　4

1.1.4 面向移動的作法　　4

1.1.5 面向移動的指南　　5

1.2 apple的移動設備硬件　　6

1.3 小結　　6

第2章 爲ios設備打造的敏捷項目　　7

2.1 實現移動信息架構　　7

2.1.1 信息架構及其重要性　　8

2.1.2 遵循移動策略的黃金法則　　16

2.1.3 純內容標註法　　17

2.1.4 使用站點導航圖來表現信息

架構　　18

2.1.5 使用線框圖草擬信息架構　　21

2.1.6 經過原型將交互可視化　　22

2.2 移動設計的系統方法　　24

.2.2.1 蘋果設備的可訪問性　　25

2.2.2 ios設備的可用性　　28

2.2.3 iphone頁面模型　　32

2.2.4 iphone用戶界面　　33

2.2.5 ipad塊模型　　35

2.2.6 ipad用戶界面　　37

2.2.7 用於蘋果移動設計的工具　　39

2.3 小結　　39

第3章 針對ios設備的web開發　　41

3.1 web開發工具　　41

3.1.1 開發框架　　42

3.1.2 移動網站　　48

3.2 移動應用　　49

3.3 web開發模型　　50

3.3.1 web開發模型的優缺點　　50

3.3.2 開發web應用的四種方法　　54

3.3.3 web應用和原生應用在用戶眼中的區別　　56

3.3.4 web標準：html、css及javascript　　59

3.3.5 瀏覽器對標準的支持狀況：webkit和safari　　86

3.4 sdk開發模型　　92

3.4.1 蘋果的objective-c、cocoa touch以及xtools模型　　93

3.4.2 我是一臺mac電腦　　95

3.4.3 用於蘋果移動開發的工具和框架　　96

3.5 小結　　96

第4章 針對ios設備的用戶界面設計　　97

4.1 用戶界面設計　　97

4.1.1 什麼是界面　　98

4.1.2 萬物皆界面　　100

4.1.3 負空間　　105

4.1.4 色彩心理學　　110

4.1.5 界面層次　　117

4.1.6 閱讀模式　　118

4.1.7 用戶界面設計流程　　125

4.2 兼容iphone和ipad的用戶界面設計　　127

4.2.1 調研　　128

4.2.2 結構　　130

4.2.3 美工　　133

4.2.4 交互　　133

4.2.5 可交付結果　　134

4.3 ipad類原生用戶界面設計　　135

4.3.1 調研　　135

4.3.2 結構　　135

4.3.3 美工　　136

4.3.4 交互　　137

4.3.5 可交付結果　　138

4.4 iphone類原生用戶界面設計　　138

4.4.1 調研　　138

4.4.2 結構　　138

4.4.3 美工　　139

4.4.4 交互　　140

4.4.5 可交付結果　　141

4.4.6 用於用戶界面設計的工具　　141

4.5 小結　　142

第5章 iphone用戶界面設計：簡化思惟　　143

5.1 草繪用戶界面　　143

5.2 簡化思惟　　143

5.2.1 iphone是隨身攜帶的設備　　144

5.2.2 iphone頁面模型的本質　　144

5.2.3 iphone的侷限性　　144

5.2.4 用戶認知資源的本質　　144

5.3 草繪剖析　　145

5.4 使用工具來設計　　147

5.4.1 探索balsamiq mockups界面　　148

5.4.2 描繪關聯性　　149

5.5 使用adobe fireworks來設計　　150

5.5.1 建立畫布　　151

5.5.2 整理圖層　　152

5.5.3 佈局設計　　152

5.5.4 界面設計　　153

5.5.5 複用設計　　158

5.5.6 用於用戶界面設計的工具　　160

5.6 小結　　160

第6章 ipad用戶界面設計：逆向思惟　　161

6.1 草繪用戶界面　　161

6.2 逆向思惟　　161

6.2.1 逆向簡化　　162

6.2.2 刪減與優選　　163

6.2.3 隱藏與改造　　164

6.2.4 收縮與分組　　165

6.2.5 「簡單?複雜」悖論的關鍵點　　166

6.2.6 草繪用戶界面　　166

6.3 使用工具進行設計　　168

6.4 使用adobe fireworks來設計　　174

6.4.1 ipad兼容版　　174

6.4.2 ipad類原生版　　183

6.4.3 用於用戶界面設計的工具　　190

6.5 小結　　191

第7章 webkit所支持的web標準：充分發揮mobile safari的能力　　192

7.1 iphone和ipad的web表現對比　　192

7.2 html5　　192

7.2.1 html5標記語法　　193

7.2.2 html5從新定義過的標籤　　194

7.2.3 html5語義　　195

7.2.4 html5媒體　　197

7.3 css3　　217

7.3.1 前綴　　217

7.3.2 圓角邊框　　218

7.3.3 邊框圖片　　218

7.3.4 漸變　　219

7.3.5 盒子尺寸標準　　219

7.3.6 盒子陰影　　220

7.3.7 輪廓　　220

7.3.8 背景尺寸　　221

7.3.9 背景起點　　221

7.3.10 多重背景　　222

7.3.11 文字陰影　　222

7.3.12 文本溢出　　223

7.3.13 單詞換行　　223

7.3.14 線上字體　　224

7.3.15 輕觸高亮　　224

7.3.16 多列布局　　225

7.3.17 橫跨多列　　225

7.3.18 過渡　　226

7.3.19 變換　　226

7.3.20 動畫　　228

7.3.21 關鍵幀　　230

7.3.22 倒影　　230

7.4 javascript　　231

7.4.1 在網頁上添加javascript　　232

7.4.2 javascript結構　　233

7.4.3 數據類型分類　　234

7.4.4 保留字　　235

7.4.5 變量　　236

7.4.6 運算符　　238

7.4.7 條件語句　　239

7.4.8 循環語句　　241

7.4.9 函數　　242

7.4.10 變量做用域　　243

7.4.11 數組　　244

7.4.12 字符串　　245

7.4.13 對象　　246

7.4.14 瀏覽器對象模型　　247

7.4.15 文檔對象模型　　248

7.4.16 對比dom和html結構　　249

7.4.17 操做dom　　250

7.4.18 一些javascript的最佳實踐　　253

7.4.19 與web標準有關的資源　　253

7.5 小結　　254

第8章 原生ios環境開發　　255

8.1 配置環境　　255

8.2 視口的定義　　256

8.3 全屏模式應用　　258

8.4 添加主屏幕圖標　　259

8.5 應用啓動圖片　　260

8.6 應用重定向　　261

8.7 配置head標籤部分　　262

8.8 原生連接模擬　　263

8.9 原生文本模擬　　263

8.10 原生元素模擬　　264

8.11 原生滾動模擬　　265

8.12 原生ios服務交互　　265

8.12.1 電話應用　　265

8.12.2 郵件應用　　266

8.12.3 短信應用　　267

8.12.4 地圖應用　　267

8.13 觸摸事件和手勢交互　　268

8.13.1 觸摸事件模式：觸摸並非點擊　　269

8.13.2 原生及自定義的觸摸事件處理　　272

8.13.3 建立可觸摸的設計元素　　273

8.13.4 設備朝向變動事件　　274

8.13.5 屏幕朝向變動的媒體查詢　　275

8.14 擴展ios開發框架　　276

8.15 用於編寫代碼的資源　　278

8.16 小結　　278

第9章 原生ios設計實現　　279

9.1 iphone頁面模型的實現　　279

9.2 實現類原生的頁面結構　　279

9.3 iphone原生界面模擬　　280

9.3.1 頂部欄部分　　280

9.3.2 頁面標題元素　　282

9.3.3 麪包屑導航欄　　284

9.3.4 宣傳內容區　　285

9.3.5 菜單區　　288

9.3.6 頁腳部分　　290

9.4 小結　　292

第10章 優化ios web應用　　293

10.1 ipad和iphone兼容性　　293

10.2 性能優化　　293

10.2.1 代碼優化　　294

10.2.2 圖片優化　　297

10.2.3 應用壓縮　　300

10.2.4 可用性優化　　301

10.3 離線可用的web應用　　305

10.4 移動seo　　308

10.4.1 搜索引擎的結構　　309

10.4.2 面向搜索引擎的設計　　309

10.4.3 可用於優化和seo的工具　　315

10.5 小結　　316

第11章 測試ios web應用　　317

11.1 web開發生命週期　　317

11.2 web應用測試　　318

11.3 敏捷測試　　318

11.4 熱圖測試　　320

11.5 組織一次測試　　321

11.5.1 建立用例　　321

11.5.2 建立物料　　324

11.6 執行測試　　325

11.6.1 紙面原型圖　　326

11.6.2 電子原型　　328

11.7 評估測試　　328

11.8 評估的變量和反饋　　329

11.8.1 點觸次數　　330

11.8.2 錯誤次數　　330

11.8.3 預計完成時間　　331

11.8.4 收集反饋　　332

11.8.5 評估技術　　333

11.9 測試所需資源　　335

11.10 小結　　335

第12章 深刻挖掘ios web應用市場　　337

12.1 利用你的移動策略　　337

12.2 如何推廣你的web應用　　337

12.2.1 利用beta測試邀請測試者　　338

12.2.2 利用新聞發佈　　339

12.2.3 建立web應用的宣傳網站　　339

12.2.4 使用郵件營銷　　340

12.2.5 建立youtube視頻教程　　341

12.2.6 提交到蘋果web應用門戶　　341

12.2.7 提交到其餘web應用門戶網站　　342

12.2.8 利用社交網絡的傳播力　　344

12.3 讓web應用創造收益　　345

12.4 web應用市場上的資源　　346

12.5 小結　　347

第13章 從移動互聯網展望普適計算　　348

13.1 移動設備、無線網絡及蜂窩通訊的爆發　　348

13.2 下一代觸屏和多點觸控技術的用戶體驗　　349

13.3 新技術、新用途以及新機遇　　349

13.4 多點觸控屏幕革命會爲下一代計算機帶來怎樣的改變　　350

13.4.1 從家用到普適計算與環境智能　　351

13.4.2 通訊與普適計算資源　　353

13.5 小結　　354

索引　　355

本 圖書信息來源： 互動出版網