Windows Phone手機(jī)網(wǎng)頁及網(wǎng)站設(shè)計(jì)目錄

時(shí)間：2023-02-21 06:04:01 | 來源：營(yíng)銷百科

時(shí)間：2023-02-21 06:04:01 來源：營(yíng)銷百科

Windows Phone手機(jī)網(wǎng)頁及網(wǎng)站設(shè)計(jì)目錄：第I篇 手機(jī)版專用網(wǎng)站設(shè)計(jì)和開發(fā)入門篇

第1章 準(zhǔn)備創(chuàng)作環(huán)境和測(cè)試環(huán)境 3

1.1 使用Mobile Safari測(cè)試網(wǎng)頁 4

1.1.1 iOS Simulator安裝 5

1.1.2 使用Mobile Safari 6

1.2 使用IEMobile測(cè)試網(wǎng)頁 7

1.2.1 Windows Phone 7 Emulator安裝 8

1.2.2 使用IEMobile 9

1.3 使用Chrome Lite測(cè)試網(wǎng)頁 10

1.3.1 Android Emulator安裝 10

1.3.2 使用Chrome Lite 17

1.4 使用BlackBerry瀏覽器測(cè)試網(wǎng)頁 19

1.4.1 BlackBerry模擬器安裝 19

1.4.2 使用BlackBerry模擬器 20

1.5 安裝和設(shè)置Web服務(wù)器 22

1.5.1 安裝IIS 22

1.5.2 了解Web服務(wù)器根目錄 24

第2章 建立手機(jī)網(wǎng)頁開發(fā)的技術(shù)知識(shí)結(jié)構(gòu) 27

2.1 怎樣學(xué)習(xí)網(wǎng)頁設(shè)計(jì)和開發(fā) 28

2.2 HTML、XHTML和CSS的歷史 29

2.2.1 HTML簡(jiǎn)介 29

2.2.2 HTML的歷史版本 30

2.2.3 CSS的歷史 31

2.2.4 CSS的歷史版本 32

2.2.5 XML的歷史 33

2.2.6 標(biāo)準(zhǔn)、規(guī)范和實(shí)現(xiàn) 34

2.2.7 關(guān)于W3C 34

2.3 ECMAScript和JavaScript 35

2.3.1 關(guān)于ECMA 35

2.3.2 JavaScript版本和ECMAScript版本的關(guān)系 36

2.3.3 關(guān)于ECMAScript精簡(jiǎn)綱要 37

2.4 考慮手機(jī)網(wǎng)頁與桌面網(wǎng)頁的不同 38

2.4.1 屏幕分辨率 38

2.4.2 手機(jī)瀏覽器的可視區(qū)域 39

2.4.3 手機(jī)網(wǎng)站的技術(shù)區(qū)分 40

2.4.4 建立設(shè)計(jì)和技術(shù)的參照點(diǎn) 41

第3章 專用于手機(jī)的HTML——XHTML MP和XHTML Basic 43

3.1 XHTML模塊家族 44

3.1.1 什么是XHTML模塊化 44

3.1.2 為何要進(jìn)行XHTML模塊化 46

3.1.3 XHTML Basic 46

3.1.4 XHTML MP 47

3.1.5 關(guān)于OMA和WAP論壇 48

3.1.6 關(guān)于WAP 2.0 49

3.2 編寫XHTML MP網(wǎng)頁 49

3.2.1 定義XHTML MP網(wǎng)頁MIME類型 50

3.2.2 偵測(cè)XHTML MP客戶端 50

3.3 為手機(jī)網(wǎng)頁定義元數(shù)據(jù) 51

3.3.1 定義緩存 51

3.3.2 定義應(yīng)用程序名 53

3.4 交互方法和導(dǎo)航 54

3.4.1 觸摸屏手機(jī)的交互 54

3.4.2 鍵盤手機(jī)的交互 55

3.4.3 為鍵盤手機(jī)設(shè)計(jì)熱鍵導(dǎo)航 55

3.4.4 特殊的超鏈接——HTML表單控件 56

3.5 設(shè)計(jì)表單 59

3.5.1 特殊的表單控件 60

3.5.2 指定輸入模式 61

3.6 文檔關(guān)系鏈接（link元素） 63

3.7 關(guān)于插件和下載 64

3.7.1 直接鏈接下載 64

3.7.2 使用OMA下載 64

3.7.3 下載注意事項(xiàng) 67

第4章 專用于手機(jī)的CSS——CSS MP和WCSS 69

4.1 CSS MP和WCSS 70

4.1.1 CSS MP可用的樣式屬性 70

4.1.2 不推薦使用的樣式屬性 73

4.1.3 WCSS可用的樣式屬性 73

4.1.4 使用Marquee定義溢出滾動(dòng)方式和跑馬燈效果 76

4.1.5 CSS MP和WCSS的語法 79

4.1.6 在XHTML文檔中應(yīng)用CSS 79

4.2 使用CSS介質(zhì)為手機(jī)單獨(dú)設(shè)計(jì)樣式表 81

4.2.1 了解介質(zhì)類型描述符 81

4.2.2 將樣式表應(yīng)用于不同的介質(zhì) 82

4.2.3 專用于手持設(shè)備的介質(zhì) 84

4.3 使用CSS介質(zhì)查詢?yōu)槭謾C(jī)單獨(dú)設(shè)計(jì)樣式表 84

4.3.1 使用介質(zhì)查詢 85

4.3.2 CSS 3介質(zhì)查詢支持的介質(zhì)屬性 86

4.3.3 常用的介質(zhì)查詢 87

第5章 CSS手機(jī)版專用網(wǎng)頁布局第一步——視點(diǎn)和設(shè)備方向 89

5.1 可視區(qū)域和視點(diǎn) 90

5.1.1 了解視點(diǎn) 92

5.1.2 手機(jī)上的視點(diǎn) 93

5.1.3 改變視點(diǎn) 94

5.1.4 分別對(duì)橫屏和豎屏布局 95

5.2 關(guān)于@viewport規(guī)則 97

5.2.1 使用HTML元數(shù)據(jù) 98

5.2.2 常用的聲明 100

5.2.3 其他HTML元數(shù)據(jù) 100

第6章 CSS手機(jī)版專用網(wǎng)頁布局實(shí)戰(zhàn) 101

6.1 單列布局 102

6.1.1 液態(tài)寬度 102

6.1.2 屬性值的計(jì)算步驟 103

6.2 導(dǎo)航條設(shè)計(jì) 104

6.2.1 tab導(dǎo)航菜單1 104

6.2.2 tab導(dǎo)航菜單2 107

6.2.3 單列菜單導(dǎo)航條 109

6.2.4 圖標(biāo)按鈕排列導(dǎo)航 114

6.3 圖文版式 119

6.3.1 限制替換元素的幅面大小 119

6.3.2 圖片替換 119

6.3.3 字體問題 121

第7章 專用于手機(jī)的JavaScript——ESMP 123

7.1 使用ESMP 124

7.1.1 ESMP與ECMAScript的不同 124

7.1.2 ESMP BOM 125

7.1.3 ESMP CoreDOM 127

7.1.4 ESMP HTMLDOM 129

7.2 使用JavaScript的注意事項(xiàng) 133

7.2.1 檢測(cè)瀏覽器支持 133

7.2.2 關(guān)于打開新窗口 135

7.2.3 關(guān)于間隔調(diào)用 135

7.2.4 隱藏瀏覽器工具條 135

7.3 定義和觸發(fā)事件 136

7.3.1 基本交互事件 137

7.3.2 關(guān)于軟鍵盤事件 138

7.3.3 感知手機(jī)握持的方向和orientationchange事件 139

7.4 觸摸和手勢(shì) 140

7.4.1 觸摸事件 140

7.4.2 多點(diǎn)觸控事件——手勢(shì) 141

7.4.3 事件對(duì)象和Touch對(duì)象 142

7.4.4 觸摸點(diǎn)ID 143

7.4.5 觸摸和拖動(dòng) 144

第II篇 HTML 5在 iPhone、Android、Windows Phone的實(shí)戰(zhàn)篇

第8章 HTML 5簡(jiǎn)介和編寫規(guī)范 147

8.1 HTML 5的新特性 148

8.1.1 實(shí)現(xiàn)Web應(yīng)用程序 148

8.1.2 用于更好地呈現(xiàn)內(nèi)容 149

8.2 HTML 5輕松入門 149

8.2.1 使用XML語法編寫HTML 5文檔 149

8.2.2 使用HTML語法編寫HTML 5文檔 154

8.2.3 HTML 5文檔的構(gòu)成 156

8.3 手機(jī)瀏覽器對(duì)HTML 5的支持 157

第9章 HTML 5視頻和音頻 159

9.1 元素 160

9.1.1 視頻格式 160

9.1.2 建議的設(shè)置 162

9.1.3 屬性 162

9.1.4 配置服務(wù)器添加MIME類型 162

9.1.5 全兼容設(shè)置 163

9.2 元素 163

9.3 元素 164

9.4 自定義視頻和音頻控制 166

9.5 使用HTML 5 DOM動(dòng)態(tài)控制 167

9.5.1 關(guān)于Media元素 168

9.5.2 出錯(cuò)處理 170

9.5.3 關(guān)于狀態(tài) 171

9.5.4 其他屬性 172

9.5.5 使用方法控制媒體 173

9.5.6 檢測(cè)媒體支持 173

9.5.7 媒體事件 174

9.6 安全和隱私 175

9.7 瀏覽器支持 175

第10章 使用HTML 5結(jié)構(gòu)元素構(gòu)建網(wǎng)頁 177

10.1 文檔結(jié)構(gòu)元素 178

10.1.1 元素 179

10.1.2 元素 182

10.1.3 元素 183

10.1.4 元素 185

10.1.5 元素 187

10.1.6 元素 188

10.2 標(biāo)題和標(biāo)題組合 189

10.3 元素 190

10.4 瀏覽器兼容 191

第11章 使用畫布在網(wǎng)頁上繪制圖——Canvas 193

11.1 使用Canvas繪圖的基本步驟 194

11.1.1 繪制第一幅圖 194

11.1.2 理解坐標(biāo) 195

11.2 關(guān)于HTML 5 DOM Canvas API 196

11.3 使用CanvasRendering

Context2D 198

11.3.1 顏色、漸變和模式 202

11.3.2 線條粗細(xì)、線帽和線條結(jié)合 206

11.3.3 陰影 207

11.3.4 繪制矩形 208

11.3.5 全局設(shè)置——混合模式 209

11.3.6 全局設(shè)置——透明度 210

11.4 創(chuàng)建和渲染路徑 210

11.4.1 了解圖形和路徑 211

11.4.2 繪制直線線條 211

11.4.3 線條和填充 212

11.4.4 繪制弧線 213

11.4.5 繪制曲線 214

11.4.6 繪制矩形路徑 214

11.4.7 繪制剪切路徑 215

11.4.8 重置路徑和關(guān)閉子路徑 216

11.4.9 檢測(cè)路徑點(diǎn) 217

11.4.10 焦點(diǎn)外廓 218

11.5 插入圖片 219

11.6 轉(zhuǎn)換、旋轉(zhuǎn)、平移和縮放 220

11.7 繪制文本 222

11.8 像素級(jí)繪制 223

11.8.1 基本使用方法 224

11.8.2 創(chuàng)建反相 225

11.8.3 分解通道 226

11.8.4 通道混合器 228

11.9 保存和恢復(fù)繪畫狀態(tài) 233

11.10 使用Canvas實(shí)現(xiàn)動(dòng)畫 234

11.10.1 太極旋轉(zhuǎn) 234

11.10.2 繪制動(dòng)態(tài)時(shí)鐘 237

第12章 Web存儲(chǔ) 241

12.1 Web存儲(chǔ)概述 242

12.2 Web存儲(chǔ)與Cookie 242

12.3 本地存儲(chǔ)和會(huì)話存儲(chǔ) 242

12.3.1 在客戶端持久存儲(chǔ)數(shù)據(jù) 242

12.3.2 關(guān)于瀏覽器兼容 243

12.3.3 在會(huì)話期存儲(chǔ)數(shù)據(jù) 244

12.4 Storage接口 246

12.4.1 獲取和更新存儲(chǔ) 248

12.4.2 清除存儲(chǔ) 249

12.4.3 清除指定的鍵 250

12.4.4 添加新鍵和更新鍵值 250

12.5 Storage事件 251

第13章 Web SQL數(shù)據(jù)庫 253

13.1 第一個(gè)Web SQL Database應(yīng)用 254

13.1.1 使用iPhone查看和管理Web SQL Database 256

13.1.2 使用Web SQL Database的基本步驟 257

13.2 異步數(shù)據(jù)庫 259

13.2.1 執(zhí)行數(shù)據(jù)庫事務(wù) 260

13.2.2 數(shù)據(jù)庫版本管理 262

13.2.3 執(zhí)行SQL語句 263

13.3 同步數(shù)據(jù)庫 265

13.3.1 執(zhí)行數(shù)據(jù)庫事務(wù) 266

13.3.2 數(shù)據(jù)庫版本管理 268

13.3.3 執(zhí)行SQL語句 269

13.4 處理數(shù)據(jù)庫操作結(jié)果 270

13.5 錯(cuò)誤和異常 271

13.6 在開發(fā)人員工具中使用SQL語句 272

13.7 SQLite SQL語法和數(shù)據(jù)庫的數(shù)據(jù)類型 273

13.8 SQL注入缺陷和參數(shù)化查詢 275

第14章 離線網(wǎng)絡(luò)應(yīng)用程序——文件緩存 277

14.1 使用離線應(yīng)用 278

14.1.1 配置MIME類型 278

14.1.2 創(chuàng)建離線應(yīng)用網(wǎng)頁及網(wǎng)頁中要引用的資源 280

14.1.3 創(chuàng)建清單文件 280

14.1.4 測(cè)試離線應(yīng)用 281

14.1.5 更新離線存儲(chǔ) 281

14.2 緩存清單文件格式 282

14.2.1 定義要緩存的文件 282

14.2.2 備抵機(jī)制 283

14.2.3 在線白名單 284

14.2.4 注釋 284

14.3 使用DOM方法處理離線應(yīng)用 285

14.3.1 獲取緩存 286

14.3.2 檢查狀態(tài) 286

14.3.3 更新緩存 287

14.3.4 監(jiān)聽事件 288

14.3.5 檢測(cè)脫機(jī)模式 290

14.4 將網(wǎng)頁添加為桌面快捷方式 292

14.4.1 為網(wǎng)站設(shè)計(jì)圖標(biāo) 292

14.4.2 為Android添加桌面快捷方式 294

14.4.3 指定一個(gè)啟動(dòng)圖片 296

14.4.4 隱藏Safari界面 296

14.4.5 改變狀態(tài)欄 296

第15章 地理位置定位 297

15.1 了解位置定位 299

15.1.1 位置定位是怎么工作的 299

15.1.2 位置定位的精確度 299

15.2 使用Geolocation 299

15.2.1 獲取Geolocation對(duì)象 299

15.2.2 獲取當(dāng)前地理位置 300

15.2.3 處理位置信息 301

15.2.4 出錯(cuò)處理 302

15.2.5 配置項(xiàng) 303

15.2.6 持續(xù)追蹤位置 303

15.3 地理位置定位和在線地圖結(jié)合使用 303

15.3.1 反向Geolocation——將經(jīng)度/緯度轉(zhuǎn)換為地名 304

15.3.2 與Google Map結(jié)合使用 305

15.3.3 使用Google Maps JavaScript API 310

第III篇 基于HTML、CSS和JavaScript設(shè)計(jì)網(wǎng)站和開發(fā)移動(dòng)Web應(yīng)用

第16章 使用jQuery Mobile開發(fā)Web應(yīng)用程序 315

16.1 使用jQuery核心庫 316

16.1.1 第一個(gè)jQuery范例 317

16.1.2 基本語法 318

16.1.3 為什么要使用jQuery 320

16.1.4 解決jQuery沖突 322

16.2 使用jQuery Mobile 323

16.2.1 第一個(gè)jQuery Mobile范例 324

16.2.2 怎樣在'內(nèi)容頁'間導(dǎo)航 326

16.2.3 使用超鏈接 327

16.2.4 定義頁面過渡效果 327

16.2.5 定義樣式主題 327

16.2.6 創(chuàng)建對(duì)話框 329

16.2.7 固定頁眉和頁腳 329

16.2.8 全屏效果 330

16.3 導(dǎo)航模型——jQuery Mobile的核心機(jī)制 330

16.3.1 頁面導(dǎo)航的基本規(guī)則 331

16.3.2 自動(dòng)生成的內(nèi)容頁和子書簽地址 332

16.3.3 注意事項(xiàng) 333

第17章 使用jQuery Mobile UI插件——Widget 335

17.1 定義工具按鈕 336

17.1.1 定義按鈕 336

17.1.2 指定按鈕圖標(biāo) 337

17.1.3 自定義按鈕圖標(biāo) 337

17.1.4 行內(nèi)級(jí)按鈕和塊級(jí)按鈕 338

17.1.5 按鈕分組 338

17.1.6 導(dǎo)航條 339

17.1.7 添加返回按鈕 342

17.2 定義列表視圖 342

17.2.1 有序列表 343

17.2.2 嵌套列表 343

17.2.3 分割按鈕列表 344

17.2.4 列表項(xiàng)分組 346

17.2.5 縮略圖和圖標(biāo) 346

17.2.6 對(duì)列表進(jìn)行邊緣修飾 348

17.2.7 只讀列表 349

17.2.8 文字格式和計(jì)數(shù)泡 350

17.2.9 過濾列表項(xiàng) 351

17.3 內(nèi)容布局 352

17.3.1 網(wǎng)格布局 352

17.3.2 可折疊內(nèi)容 355

17.4 定義jQuery Mobile表單 358

17.4.1 表單控件的布局容器 359

17.4.2 切換開關(guān)控件 360

17.4.3 滑動(dòng)條控件 361

17.4.4 單選按鈕和復(fù)選框控件 361

17.4.5 水平開關(guān)鍵控件 363

17.4.6 選項(xiàng)菜單控件 363

17.4.7 表單提交 368

第18章 使用Ajax和程序動(dòng)態(tài)控制jQuery Mobile 369

18.1 jQuery Mobile的自定義事件 370

18.2 使用工具方法 372

18.3 jQuery Mobile初始化配置 376

18.3.1 關(guān)于mobileinit事件 377

18.3.2 配置選項(xiàng) 377

18.3.3 其他全局配置項(xiàng) 379

第19章 手機(jī)專用網(wǎng)頁JavaScript的調(diào)試 381

第20章 偵測(cè)手機(jī)和瀏覽器 385

20.1 使用客戶端代碼偵測(cè)瀏覽器 386

20.2 使用HTTP請(qǐng)求報(bào)頭 389

20.2.1 使用服務(wù)端技術(shù)偵測(cè)瀏覽器 389

20.2.2 使用.htaccess 393

20.3 使用WURFL、DeviceAtlas和MDBF 393

20.3.1 使用WURFL 394

20.3.2 使用MDBF 397

20.3.3 不足之處 403

第IV篇 基于HTML、CSS和JavaScript開發(fā)手機(jī)應(yīng)用程序

第21章 結(jié)合PhoneGap為Android和 iPhone開發(fā)本機(jī)應(yīng)用程序 407

21.1 預(yù)要求 408

21.2 基于HTML、CSS和JavaScript創(chuàng)建Android本機(jī)應(yīng)用 408

21.2.1 搭建創(chuàng)作環(huán)境 409

21.2.2 開發(fā)和測(cè)試Android應(yīng)用程序 409

21.2.3 編譯、提交和安裝 412

21.3 基于HTML、CSS和JavaScript創(chuàng)建iPhone本機(jī)應(yīng)用 412

21.3.1 搭建創(chuàng)作環(huán)境 412

21.3.2 開發(fā)和測(cè)試iPhone應(yīng)用程序 412

21.3.3 編譯、提交和安裝 414

21.4 結(jié)合jQuery Mobile開發(fā) 414

第22章 與設(shè)備特定功能結(jié)合 415

22.1 運(yùn)動(dòng)傳感器 416

22.1.1 獲取當(dāng)前的加速度偏移量 416

22.1.2 以特定時(shí)間間隔獲取加速度偏移量 417

22.2 獲取設(shè)備手持方向——羅盤 418

22.3 多媒體控制 419

22.3.1 使用camera從照相機(jī)捕捉畫面 420

22.3.2 使用capture對(duì)象錄制語音、錄制視頻和捕捉圖片 422

22.3.3 使用Media錄制音頻和控制音頻播放 427

22.4 獲取連接信息 431

22.4.1 判定連接類型 431

22.4.2 判定連接能否建立 432

22.5 獲取設(shè)備相關(guān)信息 433

22.6 處理事件 434

22.7 地理位置定位Geolocation 435

22.8 Web SQL Database和Web存儲(chǔ) 435

22.9 系統(tǒng)消息提示 435

22.10 管理手機(jī)通訊錄數(shù)據(jù)庫 438

22.10.1 創(chuàng)建一個(gè)新的聯(lián)系人 438

22.10.2 查詢聯(lián)系人 439

22.10.3 處理聯(lián)系人信息 441

22.11 文件系統(tǒng)處理 449

22.11.1 獲取文件系統(tǒng) 449

22.11.2 目錄處理 450

22.11.3 遍歷目錄 456

22.11.4 文件處理 456

22.11.5 修改文件內(nèi)容 459

22.11.6 讀取文件內(nèi)容 460

22.11.7 出錯(cuò)處理 462

22.11.8 文件上傳 463