HTML 5 CSS 3 jQuery Mobile移動網站與APP開發實戰

HTML 5 CSS 3 jQuery Mobile移動網站與APP開發實戰

《HTML 5 CSS 3 jQuery Mobile移動網站與APP開發實戰》是2020年清華大學出版社出版的圖書,作者是時合生 劉華貞。

基本介紹

  • 中文名:HTML 5+CSS 3+jQuery Mobile移動網站與APP開發實戰
  • 作者:時合生、劉華貞
  • 出版社:清華大學出版社
  • 出版時間:2020年2月22日
  • 定價:89 元
  • ISBN:9787302545262 
  • 印次:1-1
內容簡介,圖書目錄,

內容簡介

HTML 5+CSS 3+ jQuery Mobile結合的形式讓前端開發人員可以有條不紊地開發出優秀的移動套用,這是本書的目的,讓一切看似複雜的移動套用看起來更簡單,實現起來更簡潔。 全書分為4篇共16章,第1篇(第1~4章)介紹HTML和HTML 5網頁開發技術,闡述移動網頁與PC網頁的不同和改進;第2篇(第5~9章)介紹CSS和CSS 3,從兼容性角度介紹網頁樣式的變化和技巧;第3篇(第10~14章)介紹jQuery Mobile,從快速開發和移動開發角度闡述APP開發的流程和技巧;第4篇(第15、16章)通過案例詳細介紹當下網站和APP開發的整體設計方案和實現代碼。

圖書目錄

第一篇 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 異步執行腳本 40
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 畫布 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 更新一個對象 131
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 147
5.8.1 什麼是CSS Hack 147
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 設計背景漸變 184
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.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+CSS 3之輕量級內容管理系統 259
9.1 內容管理系統概述 259
9.2 HTML、CSS和JS等資源的離線快取 260
9.3 數據存儲結構 262
9.4 登錄驗證模組 263
9.5 新用戶註冊模組 272
9.6 遊客信息模組 275
9.7 用戶信息模組 278
9.8 管理員信息模組 282
9.9 關於本系統的補充說明 288
9.9.1 如何初始化用戶信息 288
9.9.2 如何清除全部用戶信息 289
9.9.3 關於404頁面 289
9.9.4 關於Bootstrap框架 289
9.9.5 關於localStorage與sessionStorage 290
9.10 小結 290
第三篇 jQuery Mobile
第10章 跨平台移動開發 292
10.1 跨平台移動開發框架 292
10.1.1 什麼是跨平台移動開發框架 292
10.1.2 為什麼選擇跨平台移動開發框架 293
10.1.3 常見的跨平台移動開發框架有哪些 294
10.2 認識jQuery Mobile 299
10.2.1 為什麼選擇jQuery Mobile 299
10.2.2 漸進式增強的主題界面 300
10.2.3 簡單但是有調理的標記化語言開發 302
10.2.4 自適應布局 303
10.2.5 jQuery Mobile案例 304
10.3 小結 305
第11章 安裝jQuery Mobile 306
11.1 下載並套用jQuery Mobile 306
11.1.1 下載jQuery Mobile 306
11.1.2 使用Dreamweaver編輯jQuery Mobile 308
11.1.3 創建第一個jQuery Mobile檔案 308
11.1.4 在PC上測試jQuery Mobile 309
11.1.5 套用jQuery Mobile開發的頁面 312
11.2 小結 313
第12章 jQuery Mobile快速開發 314
12.1 從選擇元素入手 314
12.1.1 選擇頁面中的元素 314
12.1.2 設定頁面中元素的屬性 315
12.2 套用jQuery Mobile中的控制項 315
12.2.1 在界面中固定一個工具列 315
12.2.2 按鈕形式的選單 318
12.2.3 表單做成的手機QQ 321
12.2.4 列表形式的貼吧 326
12.2.5 使用對話框實現一個相冊 329
12.3 小結 332
第13章 APP的布局 333
13.1 QQ登錄界面 333
13.2 簡潔通訊錄 337
13.3 完美九宮格 340
13.4 可以摺疊的QQ好友列表 342
13.5 展開圖示 347
13.6 Metro效果 349
13.6.1 利用分欄布局 350
13.6.2 利用純CSS調整色塊尺寸 352
13.7 課程表 354
13.8 小結 356

熱門詞條

聯絡我們