《構建移動網站與APP:HTML 5+CSS 3+jQuery Mobile入門與實戰》是2016年清華大學出版社出版的圖書。
基本介紹
- 中文名：構建移動網站與APP:HTML 5+CSS 3+jQuery Mobile入門與實戰
- 作者：劉鑫、陳素清
- 類別：計算機/網路類圖書
- 出版社：清華大學出版社
- 出版時間：2016年8月
- 開本：16 開
- 裝幀：平裝
- ISBN：9787302443360
內容簡介,圖書目錄,
內容簡介
HTML 5帶來了移動網站的突飛猛進，本書幫助傳統Web開發者搭乘HTML 5快車，輕鬆部署移動套用，也使移動開發者得以充分發掘Web潛力，在傳統網頁的基礎上獲得跨平台支持。jQuery Mobile HTML 5 CSS 3結合的形式，讓普通開發人員可以有條不紊地開發出優秀的移動套用，這也是本書的目的，讓一切看似複雜的移動套用看起來更簡單，實現起來也更簡潔。 全書分為4部分：第1部分介紹HTML和HTML 5的網頁開發技術，闡述移動網頁與PC網頁的不同和改進；第2部分介紹CSS和CSS3，從兼容性角度介紹網頁樣式的變化和技巧；第3部分介紹jQuery 和jQuery Mobile，從快速開發和移動開發角度闡述APP開發的流程和技巧；後一部分通過案例詳細介紹當下網站和APP開發的整體設計方案和實現代碼。 本書內容精練、重點突出、實例豐富、講解通俗，是廣大網頁或移動Web設計人員和前端開發人員的參考書，同時也非常適合大中專院校師生學習閱讀，也可作為高等院校計算機及相關培訓機構教材使用。
圖書目錄
第一篇 HTML與HTML 5
第1章 網頁的架構基礎 2
1.1 HTML網頁的基礎構成 2
1.1.1 從一個空白的HTML網頁說起 2
1.1.2 通過網頁中的DOCTYPE標籤識別文檔類型 4
1.1.3 html標籤聲明這是一個網頁 5
1.1.4 head標籤定義網頁的頭部 5
1.1.5 body元素定義網頁的主體 10
1.2 基底網址標記base標籤 12
1.3 定義CSS樣式表為網頁排版 16
1.3.1 CSS樣式表概述 16
1.3.2 定義外鏈式CSS樣式表 17
1.3.3 定義CSS樣式style標籤 20
1.3.4 定義內聯式CSS樣式表 22
1.4 添加網站 logo 23
1.4.1 添加網站圖像 logo 24
1.4.2 添加網站文字 logo 26
1.4.3 添加網站圖形 logo 29
1.5 使用腳本元素script標籤 33
1.5.1 HTML網頁內嵌腳本讓網頁動起來 33
1.5.2 載入外部腳本庫 36
1.5.3 推遲腳本執行 38
1.5.4 異步執行腳本 41
1.6 使用noscript標籤判斷瀏覽器是否支持腳本44
1.7 為標籤添加id、name或class屬性 45
1.7.1 為標籤添加id屬性 45
1.7.2 為標籤添加name屬性 47
1.7.3 為標籤添加class屬性 50
1.8 為標籤添加title屬性 53
1.9 添加網頁注釋 55
1.10 測試瀏覽器對HTML 5屬性的支持 58
1.11 案例實戰：一個完整的HTML 5網頁套用 61
1.12 小 結 64
第2章 HTML網頁的基本標籤 65
2.1 HTML網頁段落排版 65
2.1.1 設定段落樣式的標記 65
2.1.2 設定對齊與縮進的標記 66
2.1.3 添加分隔線 68
2.1.4 設定段落標題 69
2.2 文字效果 70
2.2.1 設定字形樣式的標記 70
2.2.2 設定上標、下標 72
2.3 項目符號與編號 73
2.3.1 符號列表 73
2.3.2 編號列表 75
2.3.3 自定義列表 76
2.4 使用特殊符號 78
2.5 創建超連結 80
2.5.1 什麼是超連結 80
2.5.2 站外網頁連結 80
2.5.3 站區域網路頁連結 81
2.6 小 結 83
第3章 HTML 5表單 84
3.1 各瀏覽器核心一覽 84
3.2 E-mail類型的input標籤 85
3.3 URL類型的input標籤 87
3.4 數值類型的input標籤 89
3.5 使用日期選擇器 91
3.6 用datalist來實現自動提示 93
3.7 各瀏覽器對HTML 5表單新類型的支持 95
3.8 小 結 96
第4章 HTML 5特色 97
4.1 HTML 5之新特性 97
4.1.1 語義化標籤元素 97
4.1.2 CSS 3新特性 99
4.1.3 音頻、視頻與多媒體 99
4.1.4 畫布Canvas 101
4.1.5 本地檔案訪問 104
4.1.6 開放字型格式WOFF 108
4.1.7 地理定位 108
4.1.8 微數據 110
4.1.9 Ajax升級版——XMLHttpRequest Level 2 112
4.1.10 HTML 5 Forms 115
4.2 HTML 5之Web儲存 122
4.2.1 Web存儲概述 122
4.2.2 localStorage存儲方式 123
4.2.3 sessionStorage存儲方式 124
4.3 HTML 5之套用快取 126
4.4 Web索引資料庫：IndexedDB 130
4.4.1 打開一個IndexedDB資料庫 130
4.4.2 向ObjectStore里新增對象 131
4.4.3 從ObjectStore里刪除對象 131
4.4.4 通過key取出對象 131
4.4.5 更新一個對象 132
4.5 小 結 132
第二篇 CSS與CSS 3
第5章 定義CSS網頁樣式 134
5.1 什麼是CSS 134
5.2 CSS樣式表構成 135
5.2.1 CSS樣式表構成 135
5.2.2 CSS樣式表高級語法 135
5.2.3 CSS選擇器 136
5.3 標籤語義化 137
5.4 CSS命名規範 138
5.5 CSS樣式重置 139
5.6 CSS Sprites技術 142
5.7 頁面質量評估標準 146
5.8 CSS Hack 148
5.8.1 什麼是CSS Hack 148
5.8.2 CSS Hack原理 148
5.8.3 CSS Hack實例 148
5.9 小 結 155
第6章 CSS網頁設計基礎 156
6.1 設計文字樣式 156
6.1.1 字型屬性 156
6.1.2 段落屬性 166
6.1.3 文字效果 175
6.2 設計背景樣式 181
6.2.1 設計背景顏色 181
6.2.2 設計背景圖片 183
6.2.3 設計背景漸變 185
6.3 設計邊界樣式 187
6.3.1 框線 187
6.3.2 內邊距 191
6.3.3 外邊距 194
6.4 網頁元素的定位 197
6.4.1 相對定位 197
6.4.2 定位 201
6.5 小 結 205
第7章 CSS選擇器 206
7.1 標籤選擇器 206
7.2 後代與子代選擇器 209
7.3 類別選擇器 211
7.4 id選擇器 213
7.5 屬性選擇器 215
7.6 偽類選擇器 219
7.6.1 動態偽類選擇器 219
7.6.2 狀態偽類選擇器 222
7.6.3 偽元素選擇器 224
7.7 結構性偽類選擇器 226
7.8 nth偽類選擇器 228
7.9 取反偽類選擇器 231
7.10 全局選擇器 233
7.11 小 結 235
第8章 媒體查詢 236
8.1 回響式Web設計介紹 236
8.1.1 流動布局 236
8.1.2 自適應圖片 240
8.1.3 媒體查詢 247
8.2 媒體查詢使用方法 249
8.2.1 媒體查詢基本語法 249
8.2.2 使用媒體查詢 251
8.3 實戰：回響式登錄頁面252
8.4 小 結 258
第9章 案例：HTML 5 CSS3之輕量級內容管理系統 259
9.1 內容管理系統概述 259
9.2 HTML、CSS和JS等資源的離線快取 260
9.3 數據儲存結構 262
9.4 登錄驗證模組 263
9.5 新用戶註冊模組 272
9.6 遊客信息模組 277
9.7 用戶信息模組 282
9.8 管理員信息模組 287
9.9 關於本系統的補充說明299
9.9.1 如何初始化用戶信息 299
9.9.2 如何清除全部用戶信息 300
9.9.3 關於404頁面 301
9.9.4 關於BootStrap框架 301
9.9.5 關於localStorage與sessionStorage 301
9.10 小 結 302
第三篇 jQuery與 jQueryMobile
第10章 jQuery入門 304
10.1 什麼是jQuery 304
10.1.1 jQuery的功能 304
10.1.2 配置jQuery運行環境 307
10.1.3 使用Dreamweaver編寫個包含jQuery庫的網站 309
10.1.4 認識jQuery對象 313
10.1.5 調試jQuery程式 316
10.2 jQuery選擇器 319
10.2.1 基本選擇器 319
10.2.2 層次選擇器 322
10.2.3 過濾選擇器 327
10.2.4 表單選擇器 339
10.3 用jQuery來操作DOM 340
10.3.1 修改元素屬性 341
10.3.2 修改元素內容 342
10.3.3 動態創建內容 344
10.3.4 動態插入節點 345
10.3.5 動態刪除節點 348
10.4 jQuery的事件 349
10.4.1 什麼是事件 350
10.4.2 jQuery所支持的事件和事件類型 350
10.4.3 頁面初始化事件 352
10.4.4 綁定事件 354
10.4.5 移除事件綁定 356
10.4.6 切換事件 357
10.5 小 結 358
第11章 jQuery Mobile移動開發入門 359
11.1 跨平台移動開發框架 359
11.1.1 什麼是跨平台移動開發框架 359
11.1.2 為什麼選擇跨平台移動開發框架 360
11.1.3 常見的跨平台移動開發框架有哪些 361
11.2 認識jQuery Mobile 366
11.2.1 為什麼選擇jQuery Mobile 366
11.2.2 漸進式增強的主題界面 367
11.2.3 簡單但是有調理的標記化語言開發 368
11.2.4 自適應布局 369
11.2.5 jQueryMobile案例 370
11.3 下載並套用jQuery Mobile 373
11.3.1 下載jQuery Mobile 374
11.3.2 使用Dreamweaver編輯jQuery Mobile 375
11.3.3 創建個jQuery Mobile檔案 375
11.3.4 在PC上測試jQuery Mobile 376
11.3.5 套用jQuery Mobile開發的頁面 379
11.4 小 結 379
第12章 jQuery Mobile快速開發 380
12.1 從選擇元素入手 380
12.1.1 選擇頁面中的元素 380
12.1.2 設定頁面中元素的屬性 381
12.2 套用jQuery Mobile中的控制項 381
12.2.1 在界面中固定一個工具列 381
12.2.2 按鈕形式的選單 384
12.2.3 表單做成的手版QQ 387
12.2.4 列表形式的貼吧 392
12.2.5 使用對話框實現一個相冊 395
12.3 小 結 398
第13章 APP的布局 399
13.1 QQ登錄界面 399
13.2 簡潔通訊錄 403
13.3 完美九宮格 406
13.4 可以摺疊的QQ好友列表 408
13.5 展開圖示 413
13.6 Metro效果 415
13.6.1 利用分欄布局 416
13.6.2 利用純CSS調整色塊尺寸 418
13.7 課程表 420
13.8 小 結 422
第14章 套用的發布和推廣 423
14.1 生成Android套用 423
14.1.1 JDK的配置 423
14.1.2 Eclipse 與ADT的配置 427
14.1.3 SDK的更新 428
14.1.4 個程式 430
14.1.5 使用實體機測試個程式 432
14.2 如何生成跨平台的套用 433
14.2.1 生成iOS套用 433
14.2.2 生成WebOS套用 436
14.3 怎樣發布套用 437
14.4 怎樣推廣套用 439
14.5 小 結 440
第四篇 移動網頁與APP實戰
第15章 案例：實現一個實時股票APP442
15.1 項目需求 443
15.2 技術分析 443
15.3 準備jqChart圖表 443
15.3.1 下載jqChart 444
15.3.2 參數說明 446
15.4 開發一個模擬股票指數實時圖套用 456
15.4.1 添加jqChart圖表外掛程式外掛程式庫檔案 456
