《HTML5+CSS3+jQuery Mobile移動開發》是2021年清華大學出版社出版的圖書,作者是劉輝。
基本介紹
- 中文名:HTML5+CSS3+jQuery Mobile移動開發
- 作者:劉輝
- 出版時間:2021年8月
- 出版社:清華大學出版社
- ISBN:9787302582748
- 類別:程式設計
- 定價:78 元
- 開本:16 開
- 裝幀:平裝-膠訂
內容簡介,圖書目錄,作者簡介,
內容簡介
《HTML5 CSS3 jQuery Mobile移動開發(全案例微課版)》是針對零基礎讀者研發的移動開發入門教材。本書側重案例實訓,並提供掃碼微課來講解當前的熱點案例。 《HTML5 CSS3 jQuery Mobile移動開發(全案例微課版)》分為21章,內容包括認識HTML 5,設計網頁的文本與段落,網頁中的圖像和超連結,表格與
標記,網頁中的表單,網頁中的多媒體,數據存儲Web Storage,認識CSS樣式表,設計圖片、連結和選單的樣式,設計表格和表單的樣式,使用CSS3布局網頁版式,JavaScript和jQuery,jQuery Mobile快速入門,使用 UI組件,jQuery Mobile 事件,數據存儲和讀取技術,設計流行的回響式網頁,App的打包和測試。本書後通過3個熱點綜合項目,進一步鞏固讀者的項目開發經驗。 《HTML5 CSS3 jQuery Mobile移動開發(全案例微課版)》通過精選熱點案例,可以讓初學者快速掌握網頁設計技術。
圖書目錄
第1章 認識HTML 5 001
1.1 HTML的基本概念 002
1.1.1 什麼是HTML 002
1.1.2 HTML的發展歷程 002
1.2 HTML檔案的基本結構 003
1.3 認識HTML 5基本標記 003
1.3.1 文檔類型說明 003
1.3.2 html標記 004
1.3.3 頭標記head 004
1.3.4 網頁的主體標記body 006
1.3.5 頁面注釋標記 007
1.4 HTML 5網頁的開發環境 008
1.4.1 使用記事本手工編寫HTML檔案 008
1.4.2 使用WebStorm編寫HTML檔案 009
1.5 新手常見疑難問題 012
1.6 實戰訓練營013
第2章 設計網頁的文本與段落 015
2.1 標題 016
2.1.1 標題文字標記 016
2.1.2 標題的對齊方式 016
2.2 設定文字格式 017
2.2.1 文字的字型、字號和顏色 017
2.2.2 文字的粗體、斜體和下劃線 019
2.2.3 文字的上標和下標 020
2.3 設定段落格式 020
2.3.1 段落標記 020
2.3.2 段落的換行標記 021
2.3.3 段落的原格式標記 021
2.4 網頁的列表022
2.4.1 無序列表 022
2.4.2 有序列表 023
2.4.3 自定義列表 024
2.5 新手常見疑難問題 025
2.6 實戰技能訓練營 025
第3章 網頁中的圖像和超連結 027
3.1 網頁中的圖像 028
3.1.1 網頁中支持的圖片格式 028
3.1.2 圖像中的路徑 028
3.2 在網頁中插入圖像 030
3.3 編輯網頁中的圖像 031
3.3.1 設定圖像的大小和框線 031
3.3.2 設定圖像的間距和對齊方式 032
3.3.3 設定圖像的替換文字和提示文字 033
3.4 認識網頁超連結 034
3.4.1 什麼是網頁超連結 034
3.4.2 超連結中的URL 034
3.4.3 超連結的URL類型 035
3.5 建立網頁超級連結 035
3.5.1 創建超文本連結 035
3.5.2 創建圖片連結 036
3.5.3 創建下載連結 037
3.5.4 使用相對路徑和路徑 038
3.5.5 設定以新視窗顯示超連結頁面 038
3.5.6 設定電子郵件連結 039
3.6 使用浮動框架iframe 040
3.7 使用書籤連結製作電子書閱讀網頁 041
3.8 圖像熱點連結 043
3.9 新手常見疑難問題 045
3.10 實戰技能訓練營 046
第4 章 表格與
標記047
4.1 表格的基本結構 048
4.2 創建表格 049
4.2.1 創建普通表格 049
4.2.2 創建一個帶有標題的表格049
4.3 編輯表格 050
4.3.1 定義表格的框線類型050
4.3.2 定義表格的表頭 050
4.3.3 設定表格背景 051
4.3.4 設定單元格的背景 052
4.3.5 合併單元格 052
4.3.6 表格的分組 054
4.3.7 設定單元格的行高與列寬055
4.4 完整的表格標記 056
4.5 設定懸浮變色的表格 056
4.6
標記 058
4.7 標記 059
4.8 新手常見疑難問題 060
4.9 實戰技能訓練營 060
第5 章 網頁中的表單062
5.1 表單概述 063
5.2 輸入標記 063
5.2.1 文本框063
5.2.2 單選按鈕和複選框 065
5.2.3 按鈕066
5.3 圖像域和檔案域 068
5.4 列表 069
5.5 表單的高級元素 070
5.5.1 url 屬性070
5.5.2 email 屬性 071
5.5.3 date 和time 屬性 071
5.5.4 number 屬性072
5.5.5 range 屬性 072
5.5.6 required 屬性 073
5.6 新手常見疑難問題 073
5.7 實戰技能訓練營 074
第6 章 網頁中的多媒體 075
6.1 audio 標記概述 076
6.1.1 認識audio 標記 076
6.1.2 audio 標記的屬性 076
6.1.3 瀏覽器對audio 標記的支持情況 077
6.2 在網頁中添加音頻檔案 077
6.3 video 標記 078
6.3.1 認識video 標記 078
6.3.2 video 標記的屬性 079
6.3.3 瀏覽器對video 標記的支持情況 080
6.4 在網頁中添加視頻檔案 080
6.5 新手常見疑難問題 081
6.6 實戰技能訓練營 082
第7 章 數據存儲Web Storage 083
7.1 認識Web 存儲 084
7.1.1 本地存儲和Cookies 的區別 084
7.1.2 Web 存儲方法084
7.2 使用HTML 5 Web Storage API 084
7.2.1 測試瀏覽器的支持情況085
7.2.2 使用sessionStorage 方法創建對象 085
7.2.3 使用localStorage 方法創建對象 086
7.2.4 Web Storage API 的其他操作 087
7.2.5 使用JSON 對象存取數據 088
7.3 目前瀏覽器對Web 存儲的支持情況 090
7.4 製作簡單Web 留言本 090
7.5 新手常見疑難問題 093
7.6 實戰技能訓練營 093
第8 章 認識CSS 樣式表094
8.1 CSS 概 述 095
8.1.1 CSS 的功能095
8.1.2 CSS 的基礎語法 095
8.2 創建和連結CSS 檔案 096
8.3 CSS 中的選擇器 097
8.3.1 標記選擇器 097
8.3.2 類選擇器 098
8.3.3 ID 選擇器099
8.3.4 偽類選擇器 100
8.3.5 屬性選擇器 101
8.4 CSS 中的常用樣式 102
8.4.1 使用字型樣式 102
8.4.2 使用文本樣式 105
8.4.3 使用背景樣式 108
8.4.4 設計框線樣式 111
8.4.5 設定列表樣式 114
8.5 新手常見疑難問題 116
8.6 實戰技能訓練營 116
第9 章 設計圖片、連結和選單的樣式 118
9.1 設計圖片的樣式 119
9.1.1 設定圖片的大小 119
9.1.2 圖片對齊 120
9.1.3 文字環繞圖片 122
9.1.4 圖片與文字的間距 123
9.2 為圖片添加圓角框線樣式 124
9.3 設計連結的樣式 125
9.3.1 設定連結樣式 125
9.3.2 定義下劃線樣式 126
9.3.3 定義連結背景圖 127
9.3.4 定義連結提示信息 128
9.3.5 定義連結按鈕樣式 129
9.4 設計選單的樣式 129
9.4.1 製作動態導航選單 130
9.4.2 製作多級選單列表 131
9.5 新手常見疑難問題 133
9.6 實戰技能訓練營 134
第10 章 設計表格和表單的樣式 136
10.1 設計表格的樣式 137
10.1.1 設定表格顏色 137
10.1.2 設定表格框線 138
10.1.3 表格框線寬度 139
10.1.4 表格框線顏色 140
10.1.5 表格標題位置 140
10.1.6 隱藏空單元格 142
10.1.7 單元格的邊距 143
10.2 設計表單的樣式 144
10.2.1 表單字型樣式 144
10.2.2 表單框線樣式 145
10.2.3 表單背景樣式 146
10.2.4 設計表單按鈕樣式147
10.2.5 設計下拉選單樣式148
10.3 新手常見疑難問題 149
10.4 實戰技能訓練營 149
第11 章 使用CSS3 布局網頁版式 151
11.1 認識CSS3 布局版式 152
11.1.1 將頁面用DIV 分塊152
11.1.2 設定各塊位置 152
11.1.3 用CSS 定位版式 153
11.2 固定寬度網頁布局模式 155
11.2.1 網頁單列布局模式155
11.2.2 網頁1-2-1 型布局模式157
11.3 自動縮放網頁布局模式 159
11.3.1 1-2-1 等比例變寬布局 159
11.3.2 1-2-1 單列變寬布局160
11.3.3 1-3-1 單側列寬度固定布局 160
11.3.4 1-3-1 中間列寬度固定布局 162
11.4 新手常見疑難問題 164
11.5 實戰技能訓練營 164
第12 章 JavaScript 和jQuery 166
12.1 認識JavaScript 167
12.1.1 什麼是JavaScript 167
12.1.2 在HTML 網頁頭中嵌入JavaScript 代碼 167
12.2 JavaScript 對象與函式 168
12.2.1 認識對象 168
12.2.2 認識函式 169
12.3 JavaScript 事件 170
12.3.1 事件與事件處理概述 170
12.3.2 JavaScript 的常用事件 171
12.4 認識jQuery172
12.4.1 jQuery 能做什麼 172
12.4.2 jQuery 的配置 173
12.5 jQuery 選擇器 173
12.5.1 jQuery 的工廠函式173
12.5.2 常見選擇器 174
12.6 新手常見疑難問題 175
12.7 實戰技能訓練營 175
第13 章 jQuery Mobile 快速入門 177
13.1 認識jQuery Mobile 178
13.2 跨平台移動設備網頁jQuery Mobile 178
13.2.1 移動設備模擬器 178
13.2.2 jQuery Mobile 的安裝 180
13.2.3 jQuery Mobile 網頁的架構 182
13.3 創建多頁面的jQuery Mobile 網頁 183
13.4 創建模態頁 184
13.5 絢麗多彩的頁面切換效果 185
13.6 新手常見疑難問題 187
13.7 實戰技能訓練營 187
第14 章 使用UI 組件 189
14.1 套用UI 組件 190
14.1.1 表單組件 190
14.1.2 按鈕和組按鈕 196
14.1.3 按鈕圖示 198
14.1.4 彈窗200
14.2 列表 201
14.2.1 列表視圖 201
14.2.2 列表內容 203
14.2.3 列表過濾 204
14.3 面板和可摺疊塊 206
14.3.1 面板206
14.3.2 可摺疊塊 207
14.4 導航條209
14.5 jQuery Mobile 主題 211
14.6 新手常見疑難問題 214
14.7 實戰技能訓練營 215
第15 章 jQuery Mobile 事件 216
15.1 頁面事件 217
15.1.1 初始化事件 217
15.1.2 外部頁面載入事件219
15.1.3 頁面過渡事件 220
15.2 觸摸事件 222
15.2.1 點擊事件 222
15.2.2 滑動事件 224
15.3 滾屏事件 226
15.4 定位事件 227
15.5 新手常見疑難問題 229
15.6 實戰技能訓練營 230
第16 章 數據存儲和讀取技術 231
16.1 認識Web SQL Database 232
16.2 使用Web SQL Database 運算元據 232
16.2.1 資料庫的基本操作232
16.2.2 數據表的基本操作233
16.2.3 數據的基本操作 234
16.3 創建簡易的學生管理系統 236
16.4 選擇檔案 237
16.4.1 選擇單個檔案 237
16.4.2 選擇多個檔案 238
16.5 使用FileReader 接口讀取檔案 239
16.5.1 檢測瀏覽器是否支持FileReader 接口 239
16.5.2 FileReader 接口的方法 239
16.5.3 使用readAsDataURL 方法預覽圖片 239
16.5.4 使用readAsText 方法讀取文本檔案 241
16.6 新手常見疑難問題 242
16.7 實戰技能訓練營 243
第17 章 設計流行的回響式網頁 244
17.1 什麼是回響式網頁設計 245
17.2 像素和螢幕解析度 246
17.3 視口 246
17.3.1 視口的分類和常用屬性 246
17.3.2 媒體查詢 247
17.4 回響式網頁的布局設計 248
17.4.1 常用布局類型 248
17.4.2 布局的實現方式 248
17.4.3 回響式布局的設計與實現 250
17.5 回響式圖片 250
17.5.1 使用 標記251
17.5.2 使用CSS 圖片 252
17.6 回響式視頻 253
17.7 回響式導航選單 253
17.8 回響式表格 255
17.8.1 隱藏表格中的列 255
17.8.2 滾動表格中的列 256
17.8.3 轉換表格中的列 258
17.9 回響式開發框架Bootstrap 260
17.10 新手常見疑難問題 261
17.11 實戰技能訓練營 262
第18 章 App 的打包和測試263
18.1 配置Android 開發環境 264
18.1.1 安裝Java JDK 264
18.1.2 安裝Android SDK266
18.1.3 安裝Apache Ant 268
18.2 下載與安裝Apache Cordova 270
18.3 設定Android 模擬器 271
18.4 將網頁轉換為Android App 272
18.5 新手常見疑難問題 274
第19 章 項目實訓1——開發連鎖咖啡回響式網站 275
19.1 網站概述 276
19.1.1 網站結構 276
19.1.2 設計效果 276
19.1.3 設計準備 277
19.2 設計首頁布局 277
19.3 設計可切換導航 278
19.4 主體內容 282
19.4.1 設計輪播廣告區 283
19.4.2 設計產品推薦區 284
19.4.3 設計登錄註冊和Logo 285
19.4.4 設計特色展示區 286
19.4.5 設計產品生產流程區 287
19.5 設計底部隱藏導航 289
第20 章 項目實訓2——家庭記賬本App 291
20.1 記賬本的需求分析 292
20.2 資料庫分析 292
20.2.1 分析資料庫 292
20.2.2 創建資料庫 292
20.3 記賬本的代碼實現 293
20.3.1 設計首頁 293
20.3.2 新增記賬頁面 293
20.3.3 記賬列表頁面 295
20.3.4 記賬詳情頁面 296
20.3.5 刪除記賬 297
第21 章 項目實訓3——連鎖酒店訂購系統App302
21.1 連鎖酒店訂購的需求分析 303
21.2 網站的結構 303
21.3 連鎖酒店系統的代碼實現 304
21.3.1 設計首頁 304
21.3.2 設計訂購頁面 305
21.3.3 設計連鎖分店頁面310
21.3.4 設計查看訂單頁面312
21.3.5 設計酒店介紹頁面313
作者簡介
劉輝在河南財經大學主要負責網頁設計、網站開發和Android開發課程,主要擅長HTML5、CSS3、JavaScript、jQuery技術,一直負責畢業班的實訓工作,在移動終端軟體開發有多年的開發經驗,具有很強的實戰經驗。