HTML5+CSS3+JavaScript+jQuery Mobile移動網站與App開發(視頻教學版)

HTML5+CSS3+JavaScript+jQuery Mobile移動網站與App開發(視頻教學版)

《HTML5+CSS3+JavaScript+jQuery Mobile移動網站與App開發(視頻教學版)》是清華大學出版社出版的圖書,作者是王英英。

基本介紹

  • 中文名:HTML5+CSS3+JavaScript+jQuery Mobile移動網站與App開發(視頻教學版)
  • 作者:王英英
  • 出版社:清華大學出版社
  • ISBN:9787302580942
  • 類別:編程開發
  • 定價:98 元
內容簡介,圖書目錄,作者簡介,

內容簡介

本書通過眾多實例和綜合案例的學習與演練,使讀者可以儘快掌握所學的Web開發技術,提高移動網站與App開發的實戰能力。同時本書提供了實例原始碼、課件和教學視頻,方便讀者快速上手並能進行二次開發。
本書共20章,以套用實例和綜合實戰案例的形式逐一詳解HTML 5網頁設計的文檔結構、文本、圖像、超連結、表格、表單、音頻和視頻、數據存儲Web Storage、CSS快速入門、CSS基礎語法、網頁的定位與布局、JavaScript快速入門、JavaScript對象編程、JavaScript操縱CSS、地理定位、離線Web套用、熟悉jQuery Mobile、jQuery Mobile UI組件、jQuery Mobile 事件、數據存儲技術和讀取技術、使用jQuery Mobile外掛程式、開發求職招聘App、開發手機遊戲和開發購物網站App等方法和技巧。
本書內容豐富,理論結合實踐,對從事網站美工工作的讀者而言,是一本手邊必不可少的工具書;對從事移動網站與App開發的讀者來說,也是一本難得的參考手冊。本書也適合作為高等院校計算機相關專業師生的教學參考書。

圖書目錄

第1章 HTML 5快速入門 1
1.1 HTML 5概述 1
1.2 HTML 5的文檔結構 2
1.2.1 文檔類型說明 3
1.2.2 HTML標記 3
1.2.3 頭標記head 3
1.2.4 網頁的主體標記body 6
1.2.5 頁面注釋標記<!-- --> 6
1.3 HTML 5檔案的編寫方法 7
1.3.1 使用記事本手工編寫HTML
檔案 7
1.3.2 使用WebStorm編寫HTML
檔案 8
1.4 HTML 5語法的新變化 9
1.4.1 標籤不再區分大小寫 9
1.4.2 允許屬性值不使用引號 10
1.4.3 允許部分屬性值的屬性
省略 10
1.5 新手疑惑解答 11
第2章 HTML 5網頁中的文本和圖像 12
2.1 添加文本 12
2.2 文本排版 16
2.2.1 換行標記<br/>與段落
標記<p> 16
2.2.2 標題標記<h1>~<h6> 18
2.3 文字列表 19
2.3.1 建立無序列表<ul> 19
2.3.2 建立有序列表<ol> 20
2.4 網頁中的圖像<img> 21
2.4.1 網頁中支持的圖片格式 22
2.4.2 使用路徑 22
2.4.3 在網頁中插入圖像標記
<img> 23
2.5 URL的概念 27
2.5.1 URL的格式 27
2.5.2 URL的類型 27
2.6 超連結標記<a> 28
2.6.1 設定文本和圖片的超
連結 29
2.6.2 超連結指向的目標類型 29
2.6.3 設定以新視窗顯示超連結
頁面 31
2.7 創建熱點區域 32
2.8 綜合實例——圖文並茂的房屋裝飾
裝修網頁 33
2.9 新手疑惑解答 34
第3章 用HTML 5創建表格和表單 36
3.1 表格基本結構及操作 36
3.1.1 表格基本結構 36
3.1.2 合併單元格 38
3.2 完整的表格標記 42
3.3 表單概述 43
3.4 表單基本元素的使用 44
3.4.1 單行文本輸入框text 44
3.4.2 多行文本框標記
<textarea> 45
3.4.3 密碼域password 46
3.4.4 單選按鈕radio 47
3.4.5 複選框checkbox 48
3.4.6 選擇列表標記<select> 49
3.4.7 普通按鈕button 50
3.4.8 提交按鈕submit 51
3.4.9 重置按鈕reset 52
3.5 表單高級元素的使用 53
3.5.1 url屬性 53
3.5.2 eamil屬性 54
3.5.3 日期和時間 55
3.5.4 number屬性 55
3.5.5 range屬性 56
3.5.6 required屬性 57
3.6 綜合實例——創建用戶反饋
表單 58
3.7 新手疑惑解答 59
第4章 HTML 5中的音頻和視頻 60
4.1 <audio>標記 60
4.1.1 <audio>標記概述 60
4.1.2 <audio>標記的屬性 61
4.1.3 音頻解碼器 62
4.1.4 <audio>標記瀏覽器的支持
情況 62
4.2 <video>標記 62
4.2.1 <video>標記概述 62
4.2.2 <video>標記的屬性 63
4.2.3 視頻解碼器 64
4.2.4 <video>標記瀏覽器的支持
情況 64
4.3 音頻和視頻中的方法 64
4.3.1 canPlayType( )方法 64
4.3.2 load( )方法 66
4.3.3 play( )方法和pause( )方法 67
4.4 音頻和視頻中的屬性 68
4.4.1 autoplay屬性 68
4.4.2 buffered屬性 70
4.4.3 controls屬性 71
4.4.4 currentSrc屬性 73
4.5 新手疑惑解答 74
第5章 數據存儲Web Storage 75
5.1 認識Web存儲 75
5.1.1 本地存儲和Cookies的
區別 75
5.1.2 Web存儲方法 75
5.2 使用HTML 5 Web Storage API 76
5.2.1 測試瀏覽器的支持情況 76
5.2.2 使用sessionStorage方法
創建對象 77
5.2.3 使用localStorage方法
創建對象 78
5.2.4 Web Storage API的其他
操作 80
5.2.5 使用JSON對象存取
數據 80
5.3 目前瀏覽器對Web存儲的支持
情況 83
5.4 綜合實例——設計一個頁面
計數器 83
5.5 新手疑惑解答 85
第6章 CSS快速入門 86
6.1 CSS介紹 86
6.1.1 CSS功能 86
6.1.2 CSS發展歷史 87
6.1.3 瀏覽器與CSS 87
6.2 編輯和瀏覽CSS 88
6.2.1 CSS基礎語法 88
6.2.2 使用WebStorm創建CSS
檔案 88
6.3 在HTML中使用CSS的方法 89
6.3.1 行內樣式 90
6.3.2 內嵌樣式 90
6.3.3 連結樣式 92
6.3.4 導入樣式 93
6.3.5 優先權問題 94
6.4 CSS 3選擇器 96
6.4.1 標記選擇器 97
6.4.2 類選擇器 98
6.4.3 ID選擇器 99
6.4.4 全局選擇器 101
6.4.5 組合選擇器 102
6.4.6 繼承選擇器 103
6.4.7 偽類 104
6.4.8 屬性選擇器 106
6.4.9 結構偽類選擇器 107
6.4.10 UI元素狀態偽類
選擇器 109
6.5 選擇器的聲明 110
6.5.1 集體聲明 111
6.5.2 多重嵌套聲明 112
6.6 綜合實例——設計新聞選單 112
6.7 新手疑惑解答 116
第7章 CSS基礎語法 117
7.1 CSS美化網頁中的文字 117
7.1.1 設定字型的屬性 117
7.1.2 字型顏色color 120
7.2 文本的對齊方式 122
7.2.1 垂直對齊方式
vertial-align 122
7.2.2 水平對齊方式 124
7.3 CSS美化網頁中的表格 126
7.3.1 表格框線樣式 126
7.3.2 表格框線寬度 128
7.3.3 表格框線顏色 130
7.4 CSS與表單 131
7.4.1 美化表單中的元素 131
7.4.2 美化提交按鈕 133
7.4.3 美化下拉選單 135
7.5 CSS美化網頁中的圖片 137
7.5.1 圖片框線 137
7.5.2 橫向對齊方式 138
7.5.3 縱向對齊方式 139
7.6 CSS美化網頁背景 141
7.6.1 背景顏色 141
7.6.2 背景圖片 142
7.7 綜合實例——製作旅遊宣傳
網頁 145
7.8 新手疑惑解答 149
第8章 網頁的定位與布局 151
8.1 定位方式 151
8.1.1 定位屬性 151
8.1.2 position定位 152
8.1.3 層疊順序z-index 156
8.1.4 邊偏移屬性 158
8.2 float浮動定位 159
8.3 overflow溢出定位 162
8.4 visibility隱藏定位 163
8.5 塊和行內元素display 165
8.5.1 塊元素 165
8.5.2 行內元素 168
8.6 綜合實例——定位布局新聞 168
8.7 新手疑惑解答 172
第9章 JavaScript快速入門 173
9.1 JavaScript簡介 173
9.2 在HTML檔案中使用JavaScript
代碼 174
9.2.1 JavaScript嵌入HTML
檔案 174
9.2.2 外部JavaScript檔案 175
9.3 數據類型與變數 176
9.3.1 數據類型 176
9.3.2 變數 178
9.4 流程控制語句 180
9.4.1 注釋語句和語句塊 180
9.4.2 選擇語句 181
9.4.3 循環語句 188
9.5 函式 191
9.5.1 函式簡介 191
9.5.2 定義函式 192
9.5.3 調用函式 195
9.6 綜合實例——購物簡易計算器 197
9.7 新手疑惑解答 199
第10章 JavaScript對象編程 200
10.1 字元串對象 200
10.1.1 字元串對象的創建 200
10.1.2 字元串對象的常用
屬性 201
10.1.3 字元串對象的常用
函式 201
10.2 數組對象 203
10.2.1 數組對象的創建 204
10.2.2 數組對象的操作 204
10.2.3 數組對象的常用方法 207
10.3 文檔對象模型 211
10.3.1 文檔對象模型介紹 211
10.3.2 在DOM模型中獲得
對象的方法 211
10.3.3 事件驅動 213
10.4 視窗(window)對象 215
10.4.1 視窗介紹 215
10.4.2 對話框 217
10.4.3 視窗操作 219
10.5 文檔(document)對象 220
10.5.1 文檔的屬性 221
10.5.2 文檔中的圖片 223
10.5.3 文檔中的超連結 224
10.6 表單對象 226
10.6.1 form對象 226
10.6.2 form對象的屬性與
方法 227
10.6.3 單選與複選的使用 228
10.6.4 使用下拉選單 230
10.7 綜合實例——設計省市聯動
效果 231
10.8 新手疑惑解答 235
第11章 JavaScript操縱CSS 236
11.1 DHTML簡介 236
11.2 前台動態網頁效果 237
11.2.1 動態內容 237
11.2.2 動態樣式 238
11.2.3 動態定位 240
11.2.4 顯示與隱藏 242
11.3 JavaScript控制表單背景色和
文字提示 243
11.4 綜合實例——實現即時驗證
效果 246
11.5 新手疑惑解答 248
第12章 地理定位、離線Web套用和
Web存儲 250
12.1 獲取地理位置 250
12.1.1 地理地位的原理 250
12.1.2 地理定位的函式 250
12.1.3 指定緯度和經度坐標 251
12.1.4 目前瀏覽器對地理定位的
支持情況 252
12.2 HTML 5離線Web套用 253
12.2.1 新增的本地快取 253
12.2.2 本地快取的管理者——
manifest檔案 253
12.2.3 瀏覽器網頁快取與本地
快取的區別 254
12.2.4 目前瀏覽器對Web離線
套用的支持情況 254
12.3 Web存儲 255
12.3.1 本地存儲和Cookies的
區別 255
12.3.2 在客戶端存儲數據 255
12.3.3 sessionStorage函式 256
12.3.4 localStorage函式 257
12.3.5 目前瀏覽器對Web存儲的
支持情況 258
12.4 新手疑惑解答 259
第13章 熟悉jQuery Mobile 260
13.1 認識jQuery Mobile 260
13.2 跨平台移動設備網頁
jQuery Mobile 261
13.2.1 移動設備模擬器 261
13.2.2 jQuery Mobile的安裝 262
13.2.3 jQuery Mobile網頁的
架構 264
13.3 創建多頁面的jQuery Mobile
網頁 265
13.4 將頁面作為對話框使用 267
13.5 絢麗多彩的頁面切換效果 268
13.6 綜合案例——設計彈出表單
效果 271
13.7 新手疑惑解答 272
第14章 jQuery Mobile UI組件 273
14.1 套用UI組件 273
14.1.1 表單組件 273
14.1.2 按鈕和組按鈕 281
14.1.3 按鈕圖示 283
14.1.4 彈窗 285
14.2 列表 286
14.2.1 列表視圖 287
14.2.2 列表內容 289
14.2.3 列表過濾 291
14.3 面板和可摺疊塊 293
14.3.1 面板 293
14.3.2 可摺疊塊 294
14.4 導航條 296
14.5 jQuery Mobile主題 300
14.6 綜合案例——設計一個商品列表
頁面 303
14.7 新手疑惑解答 306
第15章 jQuery Mobile事件 307
15.1 頁面事件 307
15.1.1 初始化事件 307
15.1.2 外部頁面載入事件 310
15.1.3 頁面過渡事件 312
15.2 觸摸事件 314
15.2.1 點擊事件 314
15.2.2 滑動事件 317
15.3 滾屏事件 319
15.4 定位事件 322
15.5 綜合案例——設計一個商品秒殺的
滾屏頁面 324
15.6 新手疑惑解答 326
第16章 數據存儲和讀取技術 327
16.1 Web SQL Database概述 327
16.2 使用Web SQL Database操作
數據 327
16.2.1 資料庫的基本操作 328
16.2.2 數據表的基本操作 329
16.2.3 數據的基本操作 331
16.3 綜合案例——企業員工管理
系統 332
16.4 新手疑惑解答 335
第17章 使用jQuery Mobile外掛程式 336
17.1 Camera外掛程式 336
17.2 Swipebox外掛程式 338
17.3 mmenu外掛程式 340
17.4 DateBox外掛程式 342
17.5 Mobiscroll外掛程式 343
17.6 新手疑惑解答 345
第18章 項目實訓1——開發求職
招聘App 346
18.1 項目概述 346
18.1.1 項目結構目錄 346
18.1.2 項目效果展示 347
18.2 項目設計 349
18.2.1 設計登錄和註冊頁面 349
18.2.2 設計個人中心頁面 351
18.2.3 設計簡歷預覽頁面 353
18.2.4 設計簡歷編輯頁面 354
18.2.5 設計投遞記錄和職位
收藏頁面 355
18.2.6 設計職位列表頁面 359
18.2.7 設計職位詳情頁面 361
18.3 項目打包成App 362
第19章 項目實訓2——開發
遊戲App 366
19.1 遊戲概述 366
19.1.1 遊戲結構目錄 366
19.1.2 項目效果演示 366
19.2 遊戲設計 367
19.2.1 index.html檔案 367
19.2.2 style.css檔案 368
19.2.3 index.js檔案 369
19.3 項目打包成App 372
第20章 項目實訓3——開發購物
網站App 373
20.1 項目概述 373
20.1.1 項目結構目錄 373
20.1.2 項目效果展示 373
20.2 首頁設計 375
20.2.1 設計廣告欄 376
20.2.2 設計導航欄 379
20.2.3 設計輪播 380
20.2.4 設計蔬菜欄 382
20.2.5 設計乾果欄 385
20.2.6 設計底部欄 389
20.3 購買頁面設計 391
20.4 蔬菜展示頁面設計 395
20.5 項目打包成App 398

作者簡介

王英英,從事Web套用開發多年,精通多種程式語言,對資料庫技術有深入研究。在Python編程、資料庫開發方面有著豐富的經驗,並已出版過多本相關暢銷書,受廣大讀者熟悉和認可。暢銷書有《MySQL 5.7從零開始學(視頻教學版)》《MySQL8從入門到精通(視頻教學版)》等。

熱門詞條

聯絡我們