中圖網小程序
一鍵登錄
更方便
本類五星書更多>
-
>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用
-
>
決戰行測5000題(言語理解與表達)
-
>
軟件性能測試.分析與調優實踐之路
-
>
第一行代碼Android
-
>
JAVA持續交付
-
>
EXCEL最強教科書(完全版)(全彩印刷)
-
>
深度學習
移動互聯網之路-HTML5+CSS3+jQuery Mobile APP與移動網站設計從入門到精通-DVD-ROM 版權信息
- ISBN：9787302435143
- 條形碼：9787302435143 ; 978-7-302-43514-3
- 裝幀：一般膠版紙
- 冊數：暫無
- 重量：暫無
- 所屬分類：>>
移動互聯網之路-HTML5+CSS3+jQuery Mobile APP與移動網站設計從入門到精通-DVD-ROM 本書特色
本書全面、系統地講解了 HTML 5、CSS 3 和 jQuery Mobile 從 Web 界面設計到移動應用開發的各種技術和 知識點。本書難度適中，知識結構嚴謹，內容由淺入深、從易到難，講解通俗易懂，并注重讀者興趣的培養，在 知識點介紹過程中配合大量案例進行講解，以幫助讀者提高實戰技能。 本書共 20 章，分為四部分。**部分為第 1 章內容，介紹了移動互聯網與移動 Web 技術的相關知識，使 讀者對移動 Web 應用有一定的了解；第二部分為第 2 ～ 8 章，介紹了 HTML 5 各方面的知識點，重點介紹了繪 圖、音頻和視頻、新型表單等內容；第三部分為第 9 ～ 13 章，介紹了 CSS 樣式各屬性的設置和使用方法，包括 CSS 3 中新增的彈性盒模型、多列布局、動畫效果、漸變填充等內容；第四部分為第 14 ～ 20 章，介紹了 jQuery Mobile 的相關知識，重點介紹了 jQuery Mobile 的頁面、組件、主題、事件和插件等內容，并通過實用案例講解 了綜合運用 HTML 5、CSS 3 和 jQuery Mobile 開發移動應用的方法和技巧。 本書附贈 1 張 DVD 光盤，其中提供了所有案例的源文件、素材以及相關的視頻教程，為讀者學習提供方便。 本書適合 Web 設計與開發的初學者和愛好者自學，也適合有一定 Web 前端開發基礎的網頁開發人員閱讀， 同時也可作為各院校相關專業的教材使用。
移動互聯網之路-HTML5+CSS3+jQuery Mobile APP與移動網站設計從入門到精通-DVD-ROM 內容簡介
本書從實際應用的角度出發，系統地介紹了 HTML 5、CSS 3 和 jQuery Mobile 的核心知識，采用實用案例與知識點相結合的方式，避免枯燥無味的基礎知識講解，使讀者能夠學以致用，掌握*的移動應用開發技術。● 內容全面：本書內容全面，涵蓋 HTML 5、CSS 3 和 jQuery Mobile 的各方面知識。● 以案例為中心：脫離單純的知識點講解，通過案例與知識點相結合的方式進行講解，生動貼切地詮釋了知識點在實際工作中的應用。● 語言簡潔流暢：本書語言流暢、圖文并茂，以大量的案例講解在實際移動應用開發中的制作方法和技巧，避免了枯燥無味的說教。● 視頻輔助教學：將案例的制作與教學視頻相結合，使讀者更加容易理解所講內容。
移動互聯網之路-HTML5+CSS3+jQuery Mobile APP與移動網站設計從入門到精通-DVD-ROM 目錄
第1章 移動設備與Web技術
1.1 了解移動互聯網 1
1.1.1 移動互聯網的特點 1
1.1.2 移動互聯網的發展方向 2
1.2 智能手機與手機瀏覽器 2
1.2.1 智能手機的發展 2
1.2.2 智能手機系統 3
1.2.3 智能手機瀏覽器 5
1.2.4 移動Web瀏覽器的特點 6
1.3 關于移動Web應用 6
1.3.1 移動Web應用的發展 6
1.3.2 基于Web的應用開發 7
1.3.3 基于HTML 5的移動應用 7
1.3.4 移動應用開發框架 8 第1章 移動設備與Web技術
1.1 了解移動互聯網 1
1.1.1 移動互聯網的特點 1
1.1.2 移動互聯網的發展方向 2
1.2 智能手機與手機瀏覽器 2
1.2.1 智能手機的發展 2
1.2.2 智能手機系統 3
1.2.3 智能手機瀏覽器 5
1.2.4 移動Web瀏覽器的特點 6
1.3 關于移動Web應用 6
1.3.1 移動Web應用的發展 6
1.3.2 基于Web的應用開發 7
1.3.3 基于HTML 5的移動應用 7
1.3.4 移動應用開發框架 8
1.4 移動應用開發注意事項 8
1.4.1 了解移動設備的屏幕尺寸和分辨率 8
1.4.2 確定移動應用的內容 8
1.4.3 簡潔的HTML、CSS和JavaScript代碼 9
1.4.4 測試移動應用 9
1.5 本章小結 9
第2章 初識HTML 5
2.1 了解HTML 5 10
2.1.1 HTML的發展 10
2.1.2 HTML 5概述 11
2.1.3 HTML 5的優勢 11
2.2 HTML 5語法結構 12
2.2.1 HTML 5文檔結構 12
2.2.2 HTML 5的基本語法 13
2.2.3 HTML 5中精簡的頭部 14
2.3 HTML 5中新增的標簽 14
2.3.1 結構標簽 14
2.3.2 文本標簽 15
2.3.3 應用和輔助標簽 15
2.3.4 進度標簽 15
2.3.5 交互性標簽 16
2.3.6 在文檔和應用中使用的標簽 16
2.3.7 標簽 16
2.3.8 其他標簽 16
2.4 HTML 5的標準屬性 17
2.5 HTML 5的事件屬性 17
2.6 本章小結 18
第3章 使用網頁基本標簽
3.1 設置文字效果 19
3.1.1 文字樣式標簽 19
3.1.2 文字加粗和標簽 21
3.1.3 文字傾斜和標簽 21
3.1.4 文字下劃線標簽 22
3.1.5 其他文字修飾標簽 23
3.2 設置段落效果 25
3.2.1 文本分段標簽 25
3.2.2 文本分行
標簽 25
3.2.3 標題至標簽 27
3.2.4 水平線標簽 28
3.2.5 文本對齊設置 29
3.3 創建列表 30
3.3.1 使用標簽創建項目列表 30
3.3.2 使用標簽創建編號列表 31
3.3.3 使用標簽創建定義列表 33
3.4 插入圖片 34
3.4.1 圖像標簽 34
3.4.2 圖文混排 36
3.5 創建超鏈接 38
3.5.1 什么是超鏈接 38
3.5.2 超鏈接標簽 38
3.5.3 相對鏈接和絕對鏈接 39
3.5.4 網頁中的特殊超鏈接 40
3.5.5 超鏈接標簽中的其他屬性設置 43
3.6 本章小結 43
第4章 使用HTML 5結構標簽
4.1 構建HTML 5頁面主體內容 44
4.1.1 標簽標識文章 44
4.1.2 標簽標識章節 46
4.1.3 標簽標識導航 48
4.1.4 標簽標識輔助內容 50
4.1.5 標簽標識文章發布日期 50
4.2 添加語義模塊 51
4.2.1 標簽添加標題塊 51
4.2.2 標簽為標題分組 52
4.2.3 標簽添加頁腳 53
4.2.4 標簽添加聯系信息 54
4.3 制作文章頁面 55
4.4 本章小結 59
第5章 使用HTML 5繪圖
5.1 標簽 60
5.1.1 了解標簽 60
5.1.2 在網頁中插入canvas元素 60
5.1.3 使用標簽實現繪圖的流程 61
5.2 繪制基本圖形 62
5.2.1 繪制直線 62
5.2.2 繪制矩形 64
5.2.3 繪制圓形 66
5.2.4 繪制三角形 69
5.2.5 圖形組合 70
5.3 繪制曲線 72
5.3.1 使用arc()方法 72
5.3.2 使用arcTo()方法 74
5.3.3 使用quadraticCurveTo()方法 76
5.3.4 使用bezierCurveTo()方法 78
5.4 繪制文本 80
5.4.1 使用文本 80
5.4.2 獲取文字寬度 82
5.4.3 創建對象陰影 83
5.5 圖像的繪制與裁切 85
5.5.1 繪制線性漸變 85
5.5.2 繪制徑向漸變 87
5.5.3 繪制圖像 89
5.5.4 裁切區域 91
5.6 本章小結 93
第6章 使用HTML 5在頁面中嵌入視頻和音頻
6.1 使用標簽 94
6.1.1 使用標簽嵌入音頻 94
6.1.2 使用標簽嵌入視頻 96
6.2 HTML 5多媒體基礎 97
6.2.1 在線多媒體的發展 97
6.2.2 音頻和視頻編解碼器 98
6.2.3 功能缺陷及未來趨勢 98
6.3 在網頁中使用HTML 5音頻 99
6.3.1 標簽所支持的音頻格式 99
6.3.2 使用標簽 99
6.4 在網頁中使用HTML 5視頻 100
6.4.1 標簽所支持的視頻格式 101
6.4.2 使用標簽 101
6.4.3 使用標簽 102
6.4.4 檢查瀏覽器是否支持audio和video元素 103
6.5 與標簽的屬性 103
6.5.1 元素的標簽屬性 104
6.5.2 元素的接口屬性 104
6.6 與標簽的方法和事件 107
6.6.1 與標簽的接口方法 107
6.6.2 與標簽的事件 109
6.7 本章小結 115
第7章 HTML 5中的表單
7.1 網頁表單概述 116
7.1.1 表單的作用 116
7.1.2 表單標簽 116
7.1.3 表單的數據傳遞方式method屬性 117
7.2 傳統表單元素 117
7.2.1 文本域 117
7.2.2 密碼域 118
7.2.3 文本區域 118
7.2.4 隱藏域 118
7.2.5 復選框 119
7.2.6 單選按鈕 119
7.2.7 選擇域 119
7.2.8 文件域 120
7.2.9 按鈕 120
7.2.10 圖像域 120
7.3 了解HTML 5表單 125
7.3.1 HTML表單的發展 125
7.3.2 HTML 5新增表單元素的作用 125
7.3.3 瀏覽器對HTML 5表單的支持情況 126
7.4 HTML 5新增表單輸入類型 126
7.4.1 url類型 126
7.4.2 email類型 126
7.4.3 range類型 126
7.4.4 number類型 127
7.4.5 tel類型 127
7.4.6 search類型 127
7.4.7 color類型 127
7.4.8 date類型 128
7.4.9 month、week、time、datetime、datetime-local類型 128
7.5 HTML 5新增表單屬性 132
7.5.1 form屬性 132
7.5.2 formaction屬性 132
7.5.3 formmethod、formenctype、formnovalidate、formtarget屬性 132
7.5.4 placeholder屬性 133
7.5.5 autofocus屬性 134
7.5.6 autocomplete屬性 134
7.6 HTML 5新增表單元素 134
7.6.1 標簽和list屬性 135
7.6.2 標簽 135
7.6.3 標簽 136
7.7 HTML 5提供的表單驗證方法 136
7.7.1 與驗證有關的表單元素屬性 136
7.7.2 表單驗證屬性 138
7.7.3 ValidityState對象 139
7.7.4 表單驗證方法 140
7.7.5 表單驗證事件 141
7.8 本章小結 142
第8章 HTML 5本地存儲
8.1 本地存儲Web Storage 143
8.1.1 cookie存儲數據的不足 143
8.1.2 使用Web Storage存儲的優勢 144
8.1.3 會話存儲(sessionStorage)與本地存儲(localStorage)的區別 144
8.2 使用Web Storage 145
8.2.1 檢查瀏覽器是否支持Web Storage 145
8.2.2 設置和獲取Storage數據 146
8.2.3 Storage API的屬性和方法 148
8.2.4 存儲JSON對象的數據 150
8.2.5 Storage API的事件 152
8.3 本地數據庫Web SQL 153
8.3.1 了解Web SQL數據庫 153
8.3.2 Web SQL數據庫的基本操作 154
8.4 本章小結 155
第9章 CSS樣式基礎
9.1 了解CSS樣式 156
9.1.1 為什么要使用CSS樣式 156
9.1.2 CSS樣式的版本發展 157
9.1.3 CSS 3的發展 157
9.1.4 瀏覽器對CSS 3的支持情況 157
9.1.5 了解CSS 3的全新功能 158
9.2 CSS樣式語法 158
9.2.1 CSS樣式基本語法 158
9.2.2 CSS規則構成 159
9.3 CSS選擇器 160
9.3.1 通配選擇器 160
9.3.2 標簽選擇器 161
9.3.3 id選擇器 162
9.3.4 類選擇器 163
9.3.5 偽類和偽對象選擇器 166
9.3.6 群組選擇器 168
9.3.7 派生選擇器 168
9.4 CSS 3新增選擇器 170
9.4.1 屬性選擇器 171
9.4.2 結構偽類選擇器 173
9.4.3 UI元素狀態偽類選擇器 173
9.4.4 偽元素選擇器 174
9.5 應用CSS樣式 176
9.5.1 應用CSS樣式的4種方式 176
9.5.2 CSS樣式的特性 180
9.6 本章小結 182
第10章 文字與背景設置
10.1 文字樣式CSS屬性 183
10.1.1 font-family屬性——字體 183
10.1.2 font-size屬性——字體大小 183
10.1.3 color屬性——字體顏色 184
10.1.4 font-weight屬性——字體粗細 186
10.1.5 font-style屬性——字體樣式 187
10.1.6 text-transform屬性——英文字體大小寫 189
10.1.7 text-decoration屬性——文字修飾 190
10.1.8 letter-spacing屬性——字符間距 192
10.2 段落樣式CSS屬性 193
10.2.1 line-height屬性——行間距 193
10.2.2 text-indent屬性——段落首行縮進 193
10.2.3 text-align屬性——文本水平對齊 195
10.2.4 vertical-align屬性——文本垂直對齊 196
10.3 CSS 3新增文本樣式屬性 199
10.3.1 text-overflow 屬性——文本溢出處理 199
10.3.2 word-wrap和word-break屬性——文本換行控制 200
10.3.3 text-shadow 屬性——文本陰影 202
10.3.4 @font-face規則——使用服務器端字體 203
10.4 列表樣式CSS屬性 205
10.4.1 list-style-type屬性——設置列表符號 205
10.4.2 list-style-image屬性——自定義列表符號 208
10.4.3 設置定義列表 209
10.5 背景樣式CSS屬性 210
10.5.1 background-color屬性——背景顏色 210
10.5.2 background-image屬性——背景圖像 211
10.5.3 background-repeat屬性——背景圖像平鋪方式 211
10.5.4 background-position屬性——背景圖像位置 214
10.5.5 background-attachment屬性——背景圖像固定 216
10.6 CSS 3新增顏色設置樣式 218
10.6.1 RGBA顏色值 218
10.6.2 HSL顏色值 219
10.6.3 HSLA顏色值 219
10.6.4 opacity屬性——元素不透明度 221
10.6.5 transparent顏色值 222
10.7 CSS 3新增漸變背景 222
10.7.1 線性漸變背景 223
10.7.2 徑向漸變背景 226
10.8 CSS 3新增背景樣式屬性 227
10.8.1 background屬性——設置多背景圖像 228
10.8.2 background-size 屬性——背景圖像大小 229
10.8.3 background-origin 屬性——背景圖像原點 231
10.8.4 background-clip 屬性——背景圖像顯示區域 232
10.9 本章小結 233
第11章 邊框與超鏈接設置
11.1 邊框樣式CSS屬性 234
11.1.1 border-width屬性——邊框寬度 234
11.1.2 border-style屬性——邊框樣式 235
11.1.3 border-color屬性——邊框顏色 236
11.2 CSS 3新增邊框樣式屬性 238
11.2.1 border-colors屬性——多重邊框顏色 238
11.2.2 border-image屬性——圖像邊框 240
11.2.3 border-radius屬性——圓角邊框 242
11.3 超鏈接CSS樣式偽類 244
11.3.1 :link偽類 244
11.3.2 :hover 偽類 244
11.3.3 :active 偽類 245
11.3.4 :visited 偽類 246
11.3.5 按鈕式超鏈接 249
11.4 光標指針樣式 251
11.4.1 cursor屬性——光標效果 251
11.4.2 設置網頁中光標指針效果 252
11.5 本章小結 253
第12章 CSS 3盒模型和界面設計
12.1 傳統CSS盒模型 254
12.1.1 什么是CSS盒模型 254
12.1.2 CSS盒模型的要點 255
12.1.3 margin屬性——邊距 255
12.1.4 border屬性——邊框 256
12.1.5 padding屬性——填充 256
12.2 CSS 3彈性盒模型 259
12.2.1 開啟彈性盒模型 259
12.2.2 box-orient屬性——元素布局方向 261
12.2.3 box-direction屬性——元素布局順序 263
12.2.4 box-ordinal-group屬性——元素位置 264
12.2.5 box-flex屬性——元素空間分配 266
12.2.6 box-pack和box-align屬性——元素對齊方式 267
12.2.7 實現元素水平和垂直居中顯示 268
12.2.8 實現元素底部對齊 269
12.3 增強的CSS 3盒模型 271
12.3.1 box-shadow屬性——元素陰影 271
12.3.2 box-sizing屬性——元素尺寸大小 272
12.3.3 overflow-x和overflow-y屬性——元素溢出內容處理 274
12.4 定位網頁元素 275
12.4.1 position屬性——元素定位 275
12.4.2 relative——相對定位 276
12.4.3 absolute——絕對定位 277
12.4.4 fixed——固定定位 278
12.4.5 float屬性——浮動定位 280
12.5 CSS 3新增用戶界面設計屬性 283
12.5.1 resize屬性——改變元素尺寸 283
12.5.2 outline屬性——輪廓外邊框 284
12.5.3 appearance屬性——偽裝的元素 287
12.5.4 content屬性——為元素添加內容 289
12.6 CSS 3新增多列布局屬性 290
12.6.1 columns屬性——多列布局 291
12.6.2 column-width屬性——列寬度 292
12.6.3 column-count屬性——列數 292
12.6.4 column-gap屬性——列間距 293
12.6.5 column-rule屬性——列分隔線 293
12.6.6 column-span屬性——橫跨所有列 294
12.7 本章小結 296
第13章 CSS 3 動畫效果
13.1 CSS 3實現元素變換效果 297
13.1.1 transform屬性 297
13.1.2 旋轉變形 298
13.1.3 縮放和翻轉變形 299
13.1.4 移動變形 301
13.1.5 傾斜變形 302
13.1.6 矩陣變形 304
13.1.7 定義變形中心點 305
13.1.8 同時使用多個變形函數 307
13.2 CSS 3實現元素過渡效果 309
13.2.1 transition屬性 309
13.2.2 transition-property屬性——實現過渡效果 309
13.2.3 transition-duration屬性——設置過渡時間 311
13.2.4 transition-delay屬性——設置過渡延遲效果 312
13.2.5 transition-timing-function屬性——設置過渡方式 313
13.2.6 制作動態選項卡 315
13.3 CSS 3實現元素動畫效果 319
13.3.1 @keyframes規則——關鍵幀動畫 319
13.3.2 animation屬性——實現元素動畫效果 320
13.3.3 制作交互導航菜單動畫效果 324
13.4 本章小結 328
第14章 jQuery和jQuery Mobile基礎
14.1 JavaScript基礎 329
14.1.1 JavaScript簡介 329
14.1.2 在網頁中使用JavaScript
的方法 329
14.1.3 JavaScript運算符 330
14.1.4 JavaScript條件和循環語句 332
14.1.5 JavaScript函數 335
14.1.6 JavaScript事件 337
14.2 jQuery基礎 339
14.2.1 jQuery簡介 339
14.2.2 在網頁中引用jQuery函數庫 340
14.2.3 jQuery基本語法 341
14.2.4 jQuery選擇器 341
14.2.5 使用jQuery設置CSS樣式屬性 343
14.3 jQuery Mobile基礎 344
14.3.1 jQuery Mobile簡介 344
14.3.2 jQuery Mobile功能特點 344
14.3.3 jQuery Mobile的工作原理 345
14.4 jQuery Mobile操作流程 345
14.4.1 下載移動設備模擬器 345
14.4.2 使用URL方式加載jQuery Mobile函數庫 346
14.4.3 創建jQuery Mobile頁面 348
14.4.4 jQuery Mobile頁面鏈接 350
14.5 本章小結 352
第15章 jQuery Mobile頁面
15.1 jQuery Mobile頁面結構 353
15.1.1 jQuery Mobile頁面基本架構 353
15.1.2 多容器jQuery Mobile頁面 354
15.1.3 鏈接外部jQuery Mobile頁面 354
15.1.4 在jQuery Mobile頁面中實現后退功能 356
15.1.5 彈出對話框 358
15.2 預加載和緩存jQuery Mobile頁面 360
15.2.1 預加載jQuery Mobile頁面 360
15.2.2 頁面緩存 360
15.3 jQuery Mobile頁面頭部欄 362
15.3.1 頭部欄的基本結構 362
15.3.2 設置后退按鈕的文字 363
15.3.3 添加按鈕 364
15.3.4 設置按鈕位置 366
15.4 jQuery Mobile頁面導航欄 367
15.4.1 導航欄的基本結構 367
15.4.2 導航欄的圖標 369
15.4.3 設置導航欄圖標位置 371
15.5 jQuery Mobile頁面尾部欄 372
15.5.1 添加按鈕 372
15.5.2 添加表單元素 373
15.6 結構化jQuery Mobile頁面
內容 374
15.6.1 jQuery Mobile布局
網格 375
15.6.2 可折疊區塊 377
15.6.3 可折疊區塊的嵌套 379
15.6.4 可折疊區塊組 380
15.7 本章小結 381
16.1 jQuery Mobile按鈕組件 382
16.1.1 內聯按鈕 382
16.1.2 按鈕組 384
16.2 jQuery Mobile表單組件 385
16.2.1 文本輸入組件 385
16.2.2 滑塊 386
16.2.3 翻轉切換開關 388
16.2.4 單選按鈕 388
16.2.5 復選框 390
16.2.6 選擇菜單 391
16.2.7 多項選擇菜單 393
16.3 jQuery Mobile列表組件 394
16.3.1 基本列表 394
16.3.2 有序列表 395
16.3.3 分割列表選項 396
16.3.4 對列表項進行分類 398
16.3.5 圖標與計數器 399
16.3.6 列表項內容格式化處理 400
16.4 本章小結 402
4402403
17.1 了解jQuery Mobile主題 403
17.2 jQuery Mobile頁面主題 404
17.2.1 默認主題 404
17.2.2 修改默認主題 406
17.3 自定義jQuery Mobile頁面和
工具欄主題 408
17.3.1 自定義頁面主題 408
17.3.2 自定義工具欄主題 410
17.3.3 自定義內容主題 412
17.4 使用ThemeRoller創建主題 413
17.5 本章小結 420
420421
18.1 設置jQuery Mobile 421
18.2 jQuery Mobile事件 422
18.2.1 頁面事件 423
18.2.2 觸摸事件 426
18.2.3 屏幕滾動事件 431
18.2.4 翻轉事件 434
18.3 jQuery Mobile常用技巧 436
18.3.1 開啟或禁用列表項中的
圖標 437
18.3.2 固定頁面頭部欄與
尾部欄 439
18.3.3 隨機顯示頁面背景圖片 440
18.4 本章小結 443
443444
19.1 使用插件實現對話框效果 444
19.1.1 ActionSheet插件 444
19.1.2 mmenu插件 447
19.2 使用插件實現表單效果 451
19.2.1 DateBox插件 451
19.2.2 Mobiscroll插件 454
19.3 使用插件實現圖片瀏覽效果 457
19.3.1 Camera插件 457
19.3.2 Swipebox插件 462
19.4 本章小結 465
6
20.1 移動APP引導頁 466
20.1.1 功能分析 466
20.1.2 制作步驟 466
20.2 移動應用首頁 473
20.2.1 功能分析 473
20.2.2 制作背景圖輪換 473
20.2.3 制作可滑動的底部
導航欄 476
20.3 訂餐APP 480
20.3.1 系統分析 480
20.3.2 制作啟動頁面 481
20.3.3 制作訂餐APP首頁面 483
20.3.4 制作訂餐城市頁面 486
20.3.5 制作餐廳列表頁面 489
20.3.6 制作餐廳介紹頁面 491
20.4 本章小結 495信息
1.1 了解移動互聯網 1
1.1.1 移動互聯網的特點 1
1.1.2 移動互聯網的發展方向 2
1.2 智能手機與手機瀏覽器 2
1.2.1 智能手機的發展 2
1.2.2 智能手機系統 3
1.2.3 智能手機瀏覽器 5
1.2.4 移動Web瀏覽器的特點 6
1.3 關于移動Web應用 6
1.3.1 移動Web應用的發展 6
1.3.2 基于Web的應用開發 7
1.3.3 基于HTML 5的移動應用 7
1.3.4 移動應用開發框架 8 第1章 移動設備與Web技術
1.1 了解移動互聯網 1
1.1.1 移動互聯網的特點 1
1.1.2 移動互聯網的發展方向 2
1.2 智能手機與手機瀏覽器 2
1.2.1 智能手機的發展 2
1.2.2 智能手機系統 3
1.2.3 智能手機瀏覽器 5
1.2.4 移動Web瀏覽器的特點 6
1.3 關于移動Web應用 6
1.3.1 移動Web應用的發展 6
1.3.2 基于Web的應用開發 7
1.3.3 基于HTML 5的移動應用 7
1.3.4 移動應用開發框架 8
1.4 移動應用開發注意事項 8
1.4.1 了解移動設備的屏幕尺寸和分辨率 8
1.4.2 確定移動應用的內容 8
1.4.3 簡潔的HTML、CSS和JavaScript代碼 9
1.4.4 測試移動應用 9
1.5 本章小結 9
第2章 初識HTML 5
2.1 了解HTML 5 10
2.1.1 HTML的發展 10
2.1.2 HTML 5概述 11
2.1.3 HTML 5的優勢 11
2.2 HTML 5語法結構 12
2.2.1 HTML 5文檔結構 12
2.2.2 HTML 5的基本語法 13
2.2.3 HTML 5中精簡的頭部 14
2.3 HTML 5中新增的標簽 14
2.3.1 結構標簽 14
2.3.2 文本標簽 15
2.3.3 應用和輔助標簽 15
2.3.4 進度標簽 15
2.3.5 交互性標簽 16
2.3.6 在文檔和應用中使用的標簽 16
2.3.7 標簽 16
2.3.8 其他標簽 16
2.4 HTML 5的標準屬性 17
2.5 HTML 5的事件屬性 17
2.6 本章小結 18
第3章 使用網頁基本標簽
3.1 設置文字效果 19
3.1.1 文字樣式標簽 19
3.1.2 文字加粗和標簽 21
3.1.3 文字傾斜和標簽 21
3.1.4 文字下劃線標簽 22
3.1.5 其他文字修飾標簽 23
3.2 設置段落效果 25
3.2.1 文本分段標簽 25
3.2.2 文本分行
標簽 25
3.2.3 標題至標簽 27
3.2.4 水平線標簽 28
3.2.5 文本對齊設置 29
3.3 創建列表 30
3.3.1 使用標簽創建項目列表 30
3.3.2 使用標簽創建編號列表 31
3.3.3 使用標簽創建定義列表 33
3.4 插入圖片 34
3.4.1 圖像標簽 34
3.4.2 圖文混排 36
3.5 創建超鏈接 38
3.5.1 什么是超鏈接 38
3.5.2 超鏈接標簽 38
3.5.3 相對鏈接和絕對鏈接 39
3.5.4 網頁中的特殊超鏈接 40
3.5.5 超鏈接標簽中的其他屬性設置 43
3.6 本章小結 43
第4章 使用HTML 5結構標簽
4.1 構建HTML 5頁面主體內容 44
4.1.1 標簽標識文章 44
4.1.2 標簽標識章節 46
4.1.3 標簽標識導航 48
4.1.4 標簽標識輔助內容 50
4.1.5 標簽標識文章發布日期 50
4.2 添加語義模塊 51
4.2.1 標簽添加標題塊 51
4.2.2 標簽為標題分組 52
4.2.3 標簽添加頁腳 53
4.2.4 標簽添加聯系信息 54
4.3 制作文章頁面 55
4.4 本章小結 59
第5章 使用HTML 5繪圖
5.1 標簽 60
5.1.1 了解標簽 60
5.1.2 在網頁中插入canvas元素 60
5.1.3 使用標簽實現繪圖的流程 61
5.2 繪制基本圖形 62
5.2.1 繪制直線 62
5.2.2 繪制矩形 64
5.2.3 繪制圓形 66
5.2.4 繪制三角形 69
5.2.5 圖形組合 70
5.3 繪制曲線 72
5.3.1 使用arc()方法 72
5.3.2 使用arcTo()方法 74
5.3.3 使用quadraticCurveTo()方法 76
5.3.4 使用bezierCurveTo()方法 78
5.4 繪制文本 80
5.4.1 使用文本 80
5.4.2 獲取文字寬度 82
5.4.3 創建對象陰影 83
5.5 圖像的繪制與裁切 85
5.5.1 繪制線性漸變 85
5.5.2 繪制徑向漸變 87
5.5.3 繪制圖像 89
5.5.4 裁切區域 91
5.6 本章小結 93
第6章 使用HTML 5在頁面中嵌入視頻和音頻
6.1 使用標簽 94
6.1.1 使用標簽嵌入音頻 94
6.1.2 使用標簽嵌入視頻 96
6.2 HTML 5多媒體基礎 97
6.2.1 在線多媒體的發展 97
6.2.2 音頻和視頻編解碼器 98
6.2.3 功能缺陷及未來趨勢 98
6.3 在網頁中使用HTML 5音頻 99
6.3.1 標簽所支持的音頻格式 99
6.3.2 使用標簽 99
6.4 在網頁中使用HTML 5視頻 100
6.4.1 標簽所支持的視頻格式 101
6.4.2 使用標簽 101
6.4.3 使用標簽 102
6.4.4 檢查瀏覽器是否支持audio和video元素 103
6.5 與標簽的屬性 103
6.5.1 元素的標簽屬性 104
6.5.2 元素的接口屬性 104
6.6 與標簽的方法和事件 107
6.6.1 與標簽的接口方法 107
6.6.2 與標簽的事件 109
6.7 本章小結 115
第7章 HTML 5中的表單
7.1 網頁表單概述 116
7.1.1 表單的作用 116
7.1.2 表單標簽 116
7.1.3 表單的數據傳遞方式method屬性 117
7.2 傳統表單元素 117
7.2.1 文本域 117
7.2.2 密碼域 118
7.2.3 文本區域 118
7.2.4 隱藏域 118
7.2.5 復選框 119
7.2.6 單選按鈕 119
7.2.7 選擇域 119
7.2.8 文件域 120
7.2.9 按鈕 120
7.2.10 圖像域 120
7.3 了解HTML 5表單 125
7.3.1 HTML表單的發展 125
7.3.2 HTML 5新增表單元素的作用 125
7.3.3 瀏覽器對HTML 5表單的支持情況 126
7.4 HTML 5新增表單輸入類型 126
7.4.1 url類型 126
7.4.2 email類型 126
7.4.3 range類型 126
7.4.4 number類型 127
7.4.5 tel類型 127
7.4.6 search類型 127
7.4.7 color類型 127
7.4.8 date類型 128
7.4.9 month、week、time、datetime、datetime-local類型 128
7.5 HTML 5新增表單屬性 132
7.5.1 form屬性 132
7.5.2 formaction屬性 132
7.5.3 formmethod、formenctype、formnovalidate、formtarget屬性 132
7.5.4 placeholder屬性 133
7.5.5 autofocus屬性 134
7.5.6 autocomplete屬性 134
7.6 HTML 5新增表單元素 134
7.6.1 標簽和list屬性 135
7.6.2 標簽 135
7.6.3 標簽 136
7.7 HTML 5提供的表單驗證方法 136
7.7.1 與驗證有關的表單元素屬性 136
7.7.2 表單驗證屬性 138
7.7.3 ValidityState對象 139
7.7.4 表單驗證方法 140
7.7.5 表單驗證事件 141
7.8 本章小結 142
第8章 HTML 5本地存儲
8.1 本地存儲Web Storage 143
8.1.1 cookie存儲數據的不足 143
8.1.2 使用Web Storage存儲的優勢 144
8.1.3 會話存儲(sessionStorage)與本地存儲(localStorage)的區別 144
8.2 使用Web Storage 145
8.2.1 檢查瀏覽器是否支持Web Storage 145
8.2.2 設置和獲取Storage數據 146
8.2.3 Storage API的屬性和方法 148
8.2.4 存儲JSON對象的數據 150
8.2.5 Storage API的事件 152
8.3 本地數據庫Web SQL 153
8.3.1 了解Web SQL數據庫 153
8.3.2 Web SQL數據庫的基本操作 154
8.4 本章小結 155
第9章 CSS樣式基礎
9.1 了解CSS樣式 156
9.1.1 為什么要使用CSS樣式 156
9.1.2 CSS樣式的版本發展 157
9.1.3 CSS 3的發展 157
9.1.4 瀏覽器對CSS 3的支持情況 157
9.1.5 了解CSS 3的全新功能 158
9.2 CSS樣式語法 158
9.2.1 CSS樣式基本語法 158
9.2.2 CSS規則構成 159
9.3 CSS選擇器 160
9.3.1 通配選擇器 160
9.3.2 標簽選擇器 161
9.3.3 id選擇器 162
9.3.4 類選擇器 163
9.3.5 偽類和偽對象選擇器 166
9.3.6 群組選擇器 168
9.3.7 派生選擇器 168
9.4 CSS 3新增選擇器 170
9.4.1 屬性選擇器 171
9.4.2 結構偽類選擇器 173
9.4.3 UI元素狀態偽類選擇器 173
9.4.4 偽元素選擇器 174
9.5 應用CSS樣式 176
9.5.1 應用CSS樣式的4種方式 176
9.5.2 CSS樣式的特性 180
9.6 本章小結 182
第10章 文字與背景設置
10.1 文字樣式CSS屬性 183
10.1.1 font-family屬性——字體 183
10.1.2 font-size屬性——字體大小 183
10.1.3 color屬性——字體顏色 184
10.1.4 font-weight屬性——字體粗細 186
10.1.5 font-style屬性——字體樣式 187
10.1.6 text-transform屬性——英文字體大小寫 189
10.1.7 text-decoration屬性——文字修飾 190
10.1.8 letter-spacing屬性——字符間距 192
10.2 段落樣式CSS屬性 193
10.2.1 line-height屬性——行間距 193
10.2.2 text-indent屬性——段落首行縮進 193
10.2.3 text-align屬性——文本水平對齊 195
10.2.4 vertical-align屬性——文本垂直對齊 196
10.3 CSS 3新增文本樣式屬性 199
10.3.1 text-overflow 屬性——文本溢出處理 199
10.3.2 word-wrap和word-break屬性——文本換行控制 200
10.3.3 text-shadow 屬性——文本陰影 202
10.3.4 @font-face規則——使用服務器端字體 203
10.4 列表樣式CSS屬性 205
10.4.1 list-style-type屬性——設置列表符號 205
10.4.2 list-style-image屬性——自定義列表符號 208
10.4.3 設置定義列表 209
10.5 背景樣式CSS屬性 210
10.5.1 background-color屬性——背景顏色 210
10.5.2 background-image屬性——背景圖像 211
10.5.3 background-repeat屬性——背景圖像平鋪方式 211
10.5.4 background-position屬性——背景圖像位置 214
10.5.5 background-attachment屬性——背景圖像固定 216
10.6 CSS 3新增顏色設置樣式 218
10.6.1 RGBA顏色值 218
10.6.2 HSL顏色值 219
10.6.3 HSLA顏色值 219
10.6.4 opacity屬性——元素不透明度 221
10.6.5 transparent顏色值 222
10.7 CSS 3新增漸變背景 222
10.7.1 線性漸變背景 223
10.7.2 徑向漸變背景 226
10.8 CSS 3新增背景樣式屬性 227
10.8.1 background屬性——設置多背景圖像 228
10.8.2 background-size 屬性——背景圖像大小 229
10.8.3 background-origin 屬性——背景圖像原點 231
10.8.4 background-clip 屬性——背景圖像顯示區域 232
10.9 本章小結 233
第11章 邊框與超鏈接設置
11.1 邊框樣式CSS屬性 234
11.1.1 border-width屬性——邊框寬度 234
11.1.2 border-style屬性——邊框樣式 235
11.1.3 border-color屬性——邊框顏色 236
11.2 CSS 3新增邊框樣式屬性 238
11.2.1 border-colors屬性——多重邊框顏色 238
11.2.2 border-image屬性——圖像邊框 240
11.2.3 border-radius屬性——圓角邊框 242
11.3 超鏈接CSS樣式偽類 244
11.3.1 :link偽類 244
11.3.2 :hover 偽類 244
11.3.3 :active 偽類 245
11.3.4 :visited 偽類 246
11.3.5 按鈕式超鏈接 249
11.4 光標指針樣式 251
11.4.1 cursor屬性——光標效果 251
11.4.2 設置網頁中光標指針效果 252
11.5 本章小結 253
第12章 CSS 3盒模型和界面設計
12.1 傳統CSS盒模型 254
12.1.1 什么是CSS盒模型 254
12.1.2 CSS盒模型的要點 255
12.1.3 margin屬性——邊距 255
12.1.4 border屬性——邊框 256
12.1.5 padding屬性——填充 256
12.2 CSS 3彈性盒模型 259
12.2.1 開啟彈性盒模型 259
12.2.2 box-orient屬性——元素布局方向 261
12.2.3 box-direction屬性——元素布局順序 263
12.2.4 box-ordinal-group屬性——元素位置 264
12.2.5 box-flex屬性——元素空間分配 266
12.2.6 box-pack和box-align屬性——元素對齊方式 267
12.2.7 實現元素水平和垂直居中顯示 268
12.2.8 實現元素底部對齊 269
12.3 增強的CSS 3盒模型 271
12.3.1 box-shadow屬性——元素陰影 271
12.3.2 box-sizing屬性——元素尺寸大小 272
12.3.3 overflow-x和overflow-y屬性——元素溢出內容處理 274
12.4 定位網頁元素 275
12.4.1 position屬性——元素定位 275
12.4.2 relative——相對定位 276
12.4.3 absolute——絕對定位 277
12.4.4 fixed——固定定位 278
12.4.5 float屬性——浮動定位 280
12.5 CSS 3新增用戶界面設計屬性 283
12.5.1 resize屬性——改變元素尺寸 283
12.5.2 outline屬性——輪廓外邊框 284
12.5.3 appearance屬性——偽裝的元素 287
12.5.4 content屬性——為元素添加內容 289
12.6 CSS 3新增多列布局屬性 290
12.6.1 columns屬性——多列布局 291
12.6.2 column-width屬性——列寬度 292
12.6.3 column-count屬性——列數 292
12.6.4 column-gap屬性——列間距 293
12.6.5 column-rule屬性——列分隔線 293
12.6.6 column-span屬性——橫跨所有列 294
12.7 本章小結 296
第13章 CSS 3 動畫效果
13.1 CSS 3實現元素變換效果 297
13.1.1 transform屬性 297
13.1.2 旋轉變形 298
13.1.3 縮放和翻轉變形 299
13.1.4 移動變形 301
13.1.5 傾斜變形 302
13.1.6 矩陣變形 304
13.1.7 定義變形中心點 305
13.1.8 同時使用多個變形函數 307
13.2 CSS 3實現元素過渡效果 309
13.2.1 transition屬性 309
13.2.2 transition-property屬性——實現過渡效果 309
13.2.3 transition-duration屬性——設置過渡時間 311
13.2.4 transition-delay屬性——設置過渡延遲效果 312
13.2.5 transition-timing-function屬性——設置過渡方式 313
13.2.6 制作動態選項卡 315
13.3 CSS 3實現元素動畫效果 319
13.3.1 @keyframes規則——關鍵幀動畫 319
13.3.2 animation屬性——實現元素動畫效果 320
13.3.3 制作交互導航菜單動畫效果 324
13.4 本章小結 328
第14章 jQuery和jQuery Mobile基礎
14.1 JavaScript基礎 329
14.1.1 JavaScript簡介 329
14.1.2 在網頁中使用JavaScript
的方法 329
14.1.3 JavaScript運算符 330
14.1.4 JavaScript條件和循環語句 332
14.1.5 JavaScript函數 335
14.1.6 JavaScript事件 337
14.2 jQuery基礎 339
14.2.1 jQuery簡介 339
14.2.2 在網頁中引用jQuery函數庫 340
14.2.3 jQuery基本語法 341
14.2.4 jQuery選擇器 341
14.2.5 使用jQuery設置CSS樣式屬性 343
14.3 jQuery Mobile基礎 344
14.3.1 jQuery Mobile簡介 344
14.3.2 jQuery Mobile功能特點 344
14.3.3 jQuery Mobile的工作原理 345
14.4 jQuery Mobile操作流程 345
14.4.1 下載移動設備模擬器 345
14.4.2 使用URL方式加載jQuery Mobile函數庫 346
14.4.3 創建jQuery Mobile頁面 348
14.4.4 jQuery Mobile頁面鏈接 350
14.5 本章小結 352
第15章 jQuery Mobile頁面
15.1 jQuery Mobile頁面結構 353
15.1.1 jQuery Mobile頁面基本架構 353
15.1.2 多容器jQuery Mobile頁面 354
15.1.3 鏈接外部jQuery Mobile頁面 354
15.1.4 在jQuery Mobile頁面中實現后退功能 356
15.1.5 彈出對話框 358
15.2 預加載和緩存jQuery Mobile頁面 360
15.2.1 預加載jQuery Mobile頁面 360
15.2.2 頁面緩存 360
15.3 jQuery Mobile頁面頭部欄 362
15.3.1 頭部欄的基本結構 362
15.3.2 設置后退按鈕的文字 363
15.3.3 添加按鈕 364
15.3.4 設置按鈕位置 366
15.4 jQuery Mobile頁面導航欄 367
15.4.1 導航欄的基本結構 367
15.4.2 導航欄的圖標 369
15.4.3 設置導航欄圖標位置 371
15.5 jQuery Mobile頁面尾部欄 372
15.5.1 添加按鈕 372
15.5.2 添加表單元素 373
15.6 結構化jQuery Mobile頁面
內容 374
15.6.1 jQuery Mobile布局
網格 375
15.6.2 可折疊區塊 377
15.6.3 可折疊區塊的嵌套 379
15.6.4 可折疊區塊組 380
15.7 本章小結 381
16.1 jQuery Mobile按鈕組件 382
16.1.1 內聯按鈕 382
16.1.2 按鈕組 384
16.2 jQuery Mobile表單組件 385
16.2.1 文本輸入組件 385
16.2.2 滑塊 386
16.2.3 翻轉切換開關 388
16.2.4 單選按鈕 388
16.2.5 復選框 390
16.2.6 選擇菜單 391
16.2.7 多項選擇菜單 393
16.3 jQuery Mobile列表組件 394
16.3.1 基本列表 394
16.3.2 有序列表 395
16.3.3 分割列表選項 396
16.3.4 對列表項進行分類 398
16.3.5 圖標與計數器 399
16.3.6 列表項內容格式化處理 400
16.4 本章小結 402
4402403
17.1 了解jQuery Mobile主題 403
17.2 jQuery Mobile頁面主題 404
17.2.1 默認主題 404
17.2.2 修改默認主題 406
17.3 自定義jQuery Mobile頁面和
工具欄主題 408
17.3.1 自定義頁面主題 408
17.3.2 自定義工具欄主題 410
17.3.3 自定義內容主題 412
17.4 使用ThemeRoller創建主題 413
17.5 本章小結 420
420421
18.1 設置jQuery Mobile 421
18.2 jQuery Mobile事件 422
18.2.1 頁面事件 423
18.2.2 觸摸事件 426
18.2.3 屏幕滾動事件 431
18.2.4 翻轉事件 434
18.3 jQuery Mobile常用技巧 436
18.3.1 開啟或禁用列表項中的
圖標 437
18.3.2 固定頁面頭部欄與
尾部欄 439
18.3.3 隨機顯示頁面背景圖片 440
18.4 本章小結 443
443444
19.1 使用插件實現對話框效果 444
19.1.1 ActionSheet插件 444
19.1.2 mmenu插件 447
19.2 使用插件實現表單效果 451
19.2.1 DateBox插件 451
19.2.2 Mobiscroll插件 454
19.3 使用插件實現圖片瀏覽效果 457
19.3.1 Camera插件 457
19.3.2 Swipebox插件 462
19.4 本章小結 465
6
20.1 移動APP引導頁 466
20.1.1 功能分析 466
20.1.2 制作步驟 466
20.2 移動應用首頁 473
20.2.1 功能分析 473
20.2.2 制作背景圖輪換 473
20.2.3 制作可滑動的底部
導航欄 476
20.3 訂餐APP 480
20.3.1 系統分析 480
20.3.2 制作啟動頁面 481
20.3.3 制作訂餐APP首頁面 483
20.3.4 制作訂餐城市頁面 486
20.3.5 制作餐廳列表頁面 489
20.3.6 制作餐廳介紹頁面 491
20.4 本章小結 495信息
展開全部
移動互聯網之路-HTML5+CSS3+jQuery Mobile APP與移動網站設計從入門到精通-DVD-ROM 作者簡介
李曉斌，從事網頁設計開發有十五年的時間。一直致力于提高網站的安全性。對HTML5的功能有深刻解讀。并熟知HTML5在網頁中的應用。同時將HTML5應用到手機移動端的技術有深刻體會。參與多項案例的操作，并編寫同類暢銷書多本。
書友推薦
- >
中國歷史的瞬間
- >
回憶愛瑪儂
- >
上帝之肋:男人的真實旅程
- >
李白與唐代文化
- >
山海經
- >
名家帶你讀魯迅:朝花夕拾
- >
名家帶你讀魯迅:故事新編
- >
中國人在烏蘇里邊疆區:歷史與人類學概述
本類暢銷
