掃一掃
關(guān)注中圖網(wǎng)
官方微博
>
>>
HTML5+CSS3+jQuery Mobile+Bootstrap開發(fā)APP從入門到精通-視頻教學(xué)版
HTML5+CSS3+jQuery Mobile+Bootstrap開發(fā)APP從入門到精通-視頻教學(xué)版 版權(quán)信息
- ISBN：9787302527237
- 條形碼：9787302527237 ; 978-7-302-52723-7
- 裝幀：一般膠版紙
- 冊數(shù)：暫無
- 重量：暫無
- 所屬分類：>>
HTML5+CSS3+jQuery Mobile+Bootstrap開發(fā)APP從入門到精通-視頻教學(xué)版 本書特色
本書以應(yīng)用實(shí)例和綜合實(shí)戰(zhàn)案例的形式逐一詳解了HTML5網(wǎng)頁設(shè)計(jì)的文檔結(jié)構(gòu)、文本、圖像、用HTML5創(chuàng)建超鏈接、表格、使用表單、HTML5中的音頻和視頻、HTML5繪制圖形、地理定位、離線Web應(yīng)用、用CSS3設(shè)置字體與段落、表格和表單的樣式、美化圖片、背景、邊框和用CSS3 DIV布局頁面、jQuery Mobile UI組件、jQuery Mobile 事件、使用*Bootstrap 4框架、開發(fā)計(jì)算器、開發(fā)求職招聘、開發(fā)購物網(wǎng)站和開發(fā)手機(jī)游戲等內(nèi)容。 通過對本書實(shí)例和綜合案例的學(xué)習(xí)與演練，讀者可以盡快掌握所學(xué)的知識，提高網(wǎng)頁設(shè)計(jì)的實(shí)戰(zhàn)能力，同時本書在網(wǎng)上提供了實(shí)例源代碼，可供讀者直接查看和調(diào)用，以便快速上手或進(jìn)行二次開發(fā)。 本書內(nèi)容豐富，理論結(jié)合實(shí)踐，適合沒有任何移動網(wǎng)站和開發(fā)基礎(chǔ)的初學(xué)者，同時也可作為有一定HTML5和CSS3基礎(chǔ)，想精通移動網(wǎng)站和開發(fā)的人員參考書。
HTML5+CSS3+jQuery Mobile+Bootstrap開發(fā)APP從入門到精通-視頻教學(xué)版 內(nèi)容簡介
原生應(yīng)用程序APP的開發(fā)費(fèi)用比較高，開發(fā)時間比較長，開發(fā)效率比較低，而jQuery Mobile的出現(xiàn)很好地解決了這些問題，它結(jié)合HTML5、CSS3、Bootstrap技術(shù)，能快速開發(fā)出移動網(wǎng)站和APP，滿足了目前應(yīng)用需求多變、快速搭建原型及應(yīng)用快速部署的要求。
HTML5+CSS3+jQuery Mobile+Bootstrap開發(fā)APP從入門到精通-視頻教學(xué)版 目錄
目 錄
第１章 HTML5快速入門 1
1.1 HTML5概述 1
1.2 HTML5的文檔結(jié)構(gòu) 3
1.2.1 文檔類型說明 3
1.2.2 HTML標(biāo)記 3
1.2.3 頭標(biāo)記head 3
1.2.4 網(wǎng)頁的主體標(biāo)記body 7
1.2.5 頁面注釋標(biāo)記 7
1.3 HTML5文件的編寫方法 8
1.3.1 使用記事本手工編寫HTML文件 8
1.3.2 使用Dreamweaver CC編寫HTML文件 9
1.4 HTML5語法的新變化 11
1.4.1 標(biāo)簽不再區(qū)分大小寫 11
1.4.2 允許屬性值不使用引號 12
1.4.3 允許部分屬性值的屬性省略 12
1.5 專家解惑 13
第2章 HTML5網(wǎng)頁中的文本和圖像 15
2.1 添加文本 15
2.1.1 普通文本 15
2.1.2 特殊文字符號 16
2.1.3 文本特殊樣式 17
2.2 文本排版 19
2.2.1 換行標(biāo)記與段落標(biāo)記 19
2.2.2 標(biāo)題標(biāo)記～ 22
2.3 文字列表 23
2.3.1 建立無序列表 23
2.3.2 建立有序列表 24
2.4 網(wǎng)頁中的圖像 25
2.4.1 網(wǎng)頁中支持的圖片格式 26
2.4.2 使用路徑 26
2.4.3 網(wǎng)頁中插入圖像標(biāo)記 28
2.5 綜合實(shí)例—圖文并茂房屋裝飾裝修網(wǎng)頁 31
2.6 專家解惑 33
第3章 用HTML5建立超鏈接 34
3.1 URL的概念 34
3.1.1 URL的格式 34
3.1.2 URL的類型 35
3.2 超鏈接標(biāo)記 36
3.2.1 設(shè)置文本和圖片的超鏈接 36
3.2.2 超鏈接指向的目標(biāo)類型 37
3.2.3 設(shè)置以新窗口顯示超鏈接頁面 39
3.3 創(chuàng)建熱點(diǎn)區(qū)域 40
3.4 浮動框架iframe 41
3.5 綜合實(shí)例—用Dreamweaver精確定位熱點(diǎn)區(qū)域 42
3.6 專家解惑 45
第4章 用HTML5創(chuàng)建表格 46
4.1 表格基本結(jié)構(gòu)及操作 46
4.1.1 表格基本結(jié)構(gòu) 46
4.1.2 合并單元格 48
4.2 完整的表格標(biāo)記 52
4.3 綜合實(shí)例—制作計(jì)算機(jī)報(bào)價(jià)單 54
4.4 專家解惑 56
第5章 使用表單 58
5.1 表單概述 58
5.2 表單基本元素的使用 59
5.2.1 單行文本輸入框text 59
5.2.2 多行文本框標(biāo)記 60
5.2.3 密碼域password 61
5.2.4 單選按鈕radio 61
5.2.5 復(fù)選框checkbox 62
5.2.6 選擇列表標(biāo)記 63
5.2.7 普通按鈕button 64
5.2.8 提交按鈕submit 65
5.2.9 重置按鈕reset 66
5.3 表單高級元素的使用 67
5.3.1 url屬性 67
5.3.2 eamil屬性 68
5.3.3 date和Times 69
5.3.4 number屬性 70
5.3.5 range屬性 71
5.3.6 required屬性 72
5.4 綜合實(shí)例—創(chuàng)建用戶反饋表單 73
5.5 專家解惑 74
第6章 HTML5中的音頻和視頻 75
6.1 標(biāo)記 75
6.1.1 標(biāo)記概述 75
6.1.2 標(biāo)記的屬性 76
6.1.3 音頻解碼器 77
6.1.4 標(biāo)記瀏覽器的支持情況 77
6.2 標(biāo)記 77
6.2.1 標(biāo)記概述 77
6.2.2 標(biāo)記的屬性 78
6.2.3 視頻解碼器 79
6.2.4 標(biāo)記瀏覽器的支持情況 79
6.3 音頻和視頻中的方法 80
6.3.1 canPlayType()方法 80
6.3.2 load()方法 81
6.3.3 play()方法和pause()方法 82
6.4 音頻和視頻中的屬性 83
6.4.1 autoplay 屬性 83
6.4.2 buffered 屬性 84
6.4.3 controls屬性 86
6.4.4 currentSrc屬性 87
6.5 專家解惑 88
第7章 HTML5繪制圖形 90
7.1 canvas概述 90
7.1.1 添加canvas元素 90
7.1.2 繪制矩形 91
7.2 繪制基本形狀 92
7.2.1 繪制圓形 92
7.2.2 使用moveTo與lineTo繪制直線 94
7.2.3 使用bezierCurveTo繪制貝濟(jì)埃曲線 95
7.3 繪制漸變圖形 97
7.3.1 繪制線性漸變 98
7.3.2 繪制徑向漸變 99
7.4 繪制變形圖形 101
7.4.1 變換原點(diǎn)坐標(biāo) 101
7.4.2 圖形縮放 102
7.4.3 旋轉(zhuǎn)圖形 103
7.5 圖形組合 105
7.6 繪制帶陰影的圖形 107
7.7 使用圖像 108
7.7.1 繪制圖像 108
7.7.2 圖像平鋪 110
7.7.3 圖像裁剪 112
7.7.4 像素處理 113
7.8 繪制文字 116
7.9 圖形的保存與恢復(fù) 117
7.9.1 保存與恢復(fù)狀態(tài) 117
7.9.2 保存文件 119
7.10 綜合實(shí)例1—繪制商標(biāo) 120
7.11 綜合實(shí)例2—繪制火柴棒人物 122
7.12 綜合實(shí)例3—繪制時鐘 126
7.13 專家解惑 129
第8章 地理定位、離線Web應(yīng)用 和Web存儲 131
8.1 獲取地理位置 131
8.1.1 地理地位的原理 131
8.1.2 地理定位的函數(shù) 132
8.1.3 指定緯度和經(jīng)度坐標(biāo) 132
8.1.4 目前瀏覽器對地理定位的支持情況 134
8.2 HTML5離線Web應(yīng)用 134
8.2.1 新增的本地緩存 134
8.2.2 本地緩存的管理者—manifest文件 134
8.2.3 瀏覽器網(wǎng)頁緩存與本地緩存的區(qū)別 136
8.2.4 目前瀏覽器對Web離線應(yīng)用的支持情況 136
8.3 Web存儲 136
8.3.1 本地存儲和Cookies的區(qū)別 137
8.3.2 在客戶端存儲數(shù)據(jù) 137
8.3.3 sessionStorage函數(shù) 137
8.3.4 localStorage函數(shù) 139
8.3.5 目前瀏覽器對Web存儲的支持情況 141
8.4 專家解惑 141
第9章 CSS3快速入門 142
9.1 CSS3介紹 142
9.1.1 CSS3功能 142
9.1.2 CSS3發(fā)展歷史 143
9.1.3 瀏覽器與CSS3 143
9.2 編輯和瀏覽CSS 144
9.2.1 CSS基礎(chǔ)語法 144
9.2.2 使用記事本手工編寫CSS文件 145
9.2.3 使用Dreamweaver CC創(chuàng)建CSS文件 146
9.3 在HTML5中使用CSS3的方法 147
9.3.1 行內(nèi)樣式 148
9.3.2 內(nèi)嵌樣式 149
9.3.3 鏈接樣式 150
9.3.4 導(dǎo)入樣式 151
9.3.5 優(yōu)先級問題 153
9.4 CSS3選擇器 155
9.4.1 標(biāo)記選擇器 156
9.4.2 類選擇器 157
9.4.3 ID選擇器 158
9.4.4 全局選擇器 160
9.4.5 組合選擇器 161
9.4.6 繼承選擇器 162
9.4.7 偽類 164
9.4.8 屬性選擇器 165
9.4.9 結(jié)構(gòu)偽類選擇器 167
9.4.10 UI元素狀態(tài)偽類選擇器 168
9.5 選擇器聲明 170
9.5.1 集體聲明 170
9.5.2 多重嵌套聲明 171
9.6 綜合實(shí)例1—制作五彩標(biāo)題 172
9.7 綜合實(shí)例2—制作新聞菜單 175
9.8 專家解惑 178
第10章 CSS3字體與段落屬性 180
10.1 字體屬性 180
10.1.1 字體font-family 180
10.1.2 字號font-size 181
10.1.3 字體風(fēng)格font-style 183
10.1.4 加粗字體font-weight 184
10.1.5 小寫字母轉(zhuǎn)為大寫字母font-variant 185
10.1.6 字體復(fù)合屬性font 186
10.1.7 字體顏色color 187
10.2 文本高級樣式 189
10.2.1 陰影文本text-shadow 189
10.2.2 溢出文本text-overflow 190
10.2.3 控制換行word-wrap 192
10.2.4 保持字體尺寸不變font-size-adjust 193
10.3 段落屬性 194
10.3.1 單詞間隔word-spacing 194
10.3.2 字符間隔letter-spacing 195
10.3.3 文字修飾text-decoration 196
10.3.4 垂直對齊方式vertial-align 197
10.3.5 文本轉(zhuǎn)換text-transform 199
10.3.6 水平對齊方式text-align 200
10.3.7 文本縮進(jìn)text-indent 202
10.3.8 文本行高line-height 203
10.3.9 處理空白white-sapce 204
10.3.10 文本反排unicode-bidi和direction 206
10.4 綜合實(shí)例1—制作旅游宣傳網(wǎng)頁 207
10.5 綜合實(shí)例2—網(wǎng)頁簡單圖文混排 211
10.6 專家解惑 213
第11章 CSS3美化表格和表單樣式 214
11.1 表格基本樣式 214
11.1.1 表格邊框樣式 214
11.1.2 表格邊框?qū)挾? 217
11.1.3 表格邊框顏色 218
11.2 CSS3與表單 219
11.2.1 美化表單中元素 220
11.2.2 美化提交按鈕 222
11.2.3 美化下拉菜單 223
11.3 綜合實(shí)例1—隔行變色 225
11.4 綜合實(shí)例2—表格圖文網(wǎng)頁布局 228
11.5 綜合實(shí)例3—變色表格 230
11.6 綜合實(shí)例4—登錄表單 233
11.7 綜合實(shí)例5—注冊表單 235
11.8 專家解惑 238
第12章 CSS3美化圖像 239
12.1 圖片樣式 239
12.1.1 圖片邊框 239
12.1.2 圖片縮放 241
12.2 對齊圖片 244
12.2.1 橫向?qū)R方式 244
12.2.2 縱向?qū)R方式 245
12.3 圖文混排 247
12.3.1 文字環(huán)繞 247
12.3.2 設(shè)置圖片與文字間距 248
12.4 綜合實(shí)例1—一句話新聞 250
12.5 綜合實(shí)例2—學(xué)校宣傳單 254
12.6 專家解惑 256
第13章 CSS3美化背景與邊框 257
13.1 背景相關(guān)屬性 257
13.1.1 背景顏色 257
13.1.2 背景圖片 259
13.1.3 背景圖片重復(fù) 260
13.1.4 背景圖片顯示 261
13.1.5 背景圖片位置 263
13.1.6 背景圖片大小 265
13.1.7 背景顯示區(qū)域 267
13.1.8 背景圖像裁剪區(qū)域 268
13.1.9 背景復(fù)合屬性 270
13.2 邊框 270
13.2.1 邊框樣式 270
13.2.2 邊框顏色 272
13.2.3 邊框線寬 274
13.2.4 邊框復(fù)合屬性 275
13.3 圓角邊框 276
13.3.1 圓角邊框?qū)傩? 276
13.3.2 指定兩個圓角半徑 277
13.3.3 繪制4個不同圓角邊框 278
13.3.4 繪制邊框種類 281
13.4 圖片邊框 283
13.4.1 圖片邊框?qū)傩? 283
13.4.2 設(shè)置圖像邊框顯示方式 284
13.5 綜合實(shí)例—設(shè)計(jì)公司主頁 287
13.6 專家解惑 290
第14章 網(wǎng)頁的定位與布局 292
14.1 定位方式 292
14.1.1 定位屬性 292
14.1.2 position定位 293
14.1.3 層疊順序z-index 298
14.1.4 邊偏移屬性 300
14.2 float浮動定位 301
14.3 overflow溢出定位 303
14.4 visibility隱藏定位 305
14.5 塊和行內(nèi)元素display 307
14.5.1 塊元素 307
14.5.2 行內(nèi)元素 309
14.6 綜合實(shí)例—定位布局新聞 310
14.7 專家解惑 314
第15章 CSS3盒子和DIV布局 315
15.1 認(rèn)識div層 315
15.1.1 層在HTML布局應(yīng)用 315
15.1.2 div和span區(qū)別 316
15.2 盒子模型 317
15.2.1 什么是盒子模型 317
15.2.2 border邊框 319
15.2.3 padding內(nèi)邊距 320
15.2.4 margin外邊距 322
15.3 CSS3新增彈性盒模型 326
15.3.1 盒子布局取向box-orient 326
15.3.2 盒子布局順序box-direction 328
15.3.3 盒子布局位置box-ordinal-group 329
15.3.4 盒子彈性空間box-flex 331
15.3.5 管理盒子空間box-pack和box-align 333
15.3.6 空間溢出管理box-lines 335
15.4 綜合實(shí)例1—圖文排版效果 337
15.5 綜合實(shí)例2—淘寶導(dǎo)購菜單 339
15.6 專家解惑 342
第16章 CSS3 DIV頁面基本排版 344
16.1 CSS3排版概念 344
16.1.1 將頁面用DIV分塊 344
16.1.2 設(shè)置各塊位置 345
16.1.3 用CSS定位 345
16.2 固定寬度布局 349
16.2.1 上中下版式 349
16.2.2 左右版式 353
16.3 新增CSS3多列布局 359
16.3.1 列寬度column-width 359
16.3.2 列數(shù)column-count 361
16.3.3 列間距column-gap 362
16.3.4 列邊框樣式column-rule 364
16.4 綜合實(shí)例—電子企業(yè)首頁 366
16.5 專家解惑 371
第17章 熟悉jQuery Mobile 373
17.1 認(rèn)識jQuery Mobile 373
17.2 跨平臺移動設(shè)備網(wǎng)頁jQuery Mobile 374
17.2.1 移動設(shè)備模擬器 374
17.2.2 jQuery Mobile的安裝 376
17.2.3 jQuery Mobile網(wǎng)頁的架構(gòu) 377
17.3 創(chuàng)建多頁面的jQuery Mobile網(wǎng)頁 379
17.4 將頁面作為對話框使用 380
17.5 絢麗多彩的頁面切換效果 382
17.6 專家解惑 384
第18章 jQuery Mobile UI組件 385
18.1 套用UI組件 385
18.1.1 表單組件 385
18.1.2 按鈕和按鈕組 395
18.1.3 按鈕圖標(biāo) 398
18.1.4 彈窗 399
18.2 列表 401
18.2.1 列表視圖 401
18.2.2 列表內(nèi)容 404
18.2.3 列表過濾 406
18.3 面板和可折疊塊 407
18.3.1 面板 407
18.3.2 可折疊塊 409
18.4 導(dǎo)航條 411
18.5 jQuery Mobile主題 415
18.6 專家解惑 419
第19章 jQuery Mobile事件 420
19.1 頁面事件 420
19.1.1 初始化事件 420
19.1.2 外部頁面加載事件 423
19.1.3 頁面過渡事件 425
19.2 觸摸事件 427
19.2.1 點(diǎn)擊事件 427
19.2.2 滑動事件 429
19.3 滾屏事件 431
19.4 定位事件 435
19.5 專家解惑 436
第20章 使用*新Bootstrap 4框架 437
20.1 Bootstrap概述 437
20.1.1 Bootstrap特色 437
20.1.2 Bootstrap 4的更新 438
20.2 下載Bootstrap 439
20.3 安裝Bootstrap 441
20.3.1 本地安裝Bootstrap 441
20.3.2 初次使用Bootstrap 441
20.4 使用常用組件 442
20.4.1 使用下拉菜單 442
20.4.2 使用按鈕組 444
20.4.3 使用導(dǎo)航組件 445
20.4.4 綁定導(dǎo)航和下拉菜單 448
20.4.5 面包屑導(dǎo)航 449
20.4.6 使用廣告屏 451
20.4.7 使用card（卡片） 452
20.4.8 使用進(jìn)度條 454
20.4.9 使用模態(tài)框 459
20.4.10 使用滾動監(jiān)聽 461
20.5 案例實(shí)戰(zhàn)—膠囊導(dǎo)航選項(xiàng)卡（Tab欄） 463
20.6 專家解惑 465
第21章 開發(fā)計(jì)算器APP 467
21.1 項(xiàng)目概述 467
21.1.1 功能梳理 467
21.1.2 開發(fā)環(huán)境 467
21.1.3 項(xiàng)目結(jié)構(gòu)目錄 468
21.1.4 項(xiàng)目打包 468
21.1.5 項(xiàng)目效果展示 469
21.2 項(xiàng)目設(shè)計(jì) 470
21.2.1 index.html文件 471
21.2.2 index.css文件 472
21.2.3 calc.js文件 477
21.2.4 common.js文件 483
第22章 開發(fā)求職招聘APP 487
22.1 項(xiàng)目概述 487
22.1.1 項(xiàng)目結(jié)構(gòu)目錄 487
22.1.2 項(xiàng)目效果展示 488
22.2 項(xiàng)目設(shè)計(jì) 490
22.2.1 設(shè)計(jì)登錄和注冊頁面 491
22.2.2 設(shè)計(jì)個人中心頁面 493
22.2.3 設(shè)計(jì)簡歷預(yù)覽頁面 494
22.2.4 設(shè)計(jì)簡歷編輯頁面 496
22.2.5 設(shè)計(jì)投遞記錄和職位收藏頁面 497
22.2.6 設(shè)計(jì)職位列表頁面 500
22.2.7 設(shè)計(jì)職位詳情頁面 502
22.3 項(xiàng)目打包成APP 503
第23章 項(xiàng)目實(shí)訓(xùn)3—開發(fā)購物網(wǎng)站APP 507
23.1 項(xiàng)目概述 507
23.1.1 項(xiàng)目結(jié)構(gòu)目錄 507
23.1.2 項(xiàng)目效果展示 508
23.2 首頁設(shè)計(jì) 511
23.2.1 設(shè)計(jì)廣告欄 511
23.2.2 設(shè)計(jì)導(dǎo)航欄 514
23.2.3 設(shè)計(jì)輪播 515
23.2.4 設(shè)計(jì)蔬菜欄 517
23.2.5 設(shè)計(jì)干果欄 520
23.2.6 設(shè)計(jì)底部欄 524
23.3 購買頁面設(shè)計(jì) 526
23.4 蔬菜展示頁面設(shè)計(jì) 529
23.5 項(xiàng)目打包成APP 532
第24章 項(xiàng)目實(shí)訓(xùn)4—開發(fā)游戲APP 533
24.1 游戲概述 533
24.1.1 游戲結(jié)構(gòu)目錄 533
24.1.2 項(xiàng)目效果演示 534
24.2 游戲設(shè)計(jì) 534
24.2.1 index.html文件 534
24.2.2 style.css文件 535
24.2.3 index.js文件 536
24.3 項(xiàng)目打包成APP 538
第１章 HTML5快速入門 1
1.1 HTML5概述 1
1.2 HTML5的文檔結(jié)構(gòu) 3
1.2.1 文檔類型說明 3
1.2.2 HTML標(biāo)記 3
1.2.3 頭標(biāo)記head 3
1.2.4 網(wǎng)頁的主體標(biāo)記body 7
1.2.5 頁面注釋標(biāo)記 7
1.3 HTML5文件的編寫方法 8
1.3.1 使用記事本手工編寫HTML文件 8
1.3.2 使用Dreamweaver CC編寫HTML文件 9
1.4 HTML5語法的新變化 11
1.4.1 標(biāo)簽不再區(qū)分大小寫 11
1.4.2 允許屬性值不使用引號 12
1.4.3 允許部分屬性值的屬性省略 12
1.5 專家解惑 13
第2章 HTML5網(wǎng)頁中的文本和圖像 15
2.1 添加文本 15
2.1.1 普通文本 15
2.1.2 特殊文字符號 16
2.1.3 文本特殊樣式 17
2.2 文本排版 19
2.2.1 換行標(biāo)記與段落標(biāo)記 19
2.2.2 標(biāo)題標(biāo)記～ 22
2.3 文字列表 23
2.3.1 建立無序列表 23
2.3.2 建立有序列表 24
2.4 網(wǎng)頁中的圖像 25
2.4.1 網(wǎng)頁中支持的圖片格式 26
2.4.2 使用路徑 26
2.4.3 網(wǎng)頁中插入圖像標(biāo)記 28
2.5 綜合實(shí)例—圖文并茂房屋裝飾裝修網(wǎng)頁 31
2.6 專家解惑 33
第3章 用HTML5建立超鏈接 34
3.1 URL的概念 34
3.1.1 URL的格式 34
3.1.2 URL的類型 35
3.2 超鏈接標(biāo)記 36
3.2.1 設(shè)置文本和圖片的超鏈接 36
3.2.2 超鏈接指向的目標(biāo)類型 37
3.2.3 設(shè)置以新窗口顯示超鏈接頁面 39
3.3 創(chuàng)建熱點(diǎn)區(qū)域 40
3.4 浮動框架iframe 41
3.5 綜合實(shí)例—用Dreamweaver精確定位熱點(diǎn)區(qū)域 42
3.6 專家解惑 45
第4章 用HTML5創(chuàng)建表格 46
4.1 表格基本結(jié)構(gòu)及操作 46
4.1.1 表格基本結(jié)構(gòu) 46
4.1.2 合并單元格 48
4.2 完整的表格標(biāo)記 52
4.3 綜合實(shí)例—制作計(jì)算機(jī)報(bào)價(jià)單 54
4.4 專家解惑 56
第5章 使用表單 58
5.1 表單概述 58
5.2 表單基本元素的使用 59
5.2.1 單行文本輸入框text 59
5.2.2 多行文本框標(biāo)記 60
5.2.3 密碼域password 61
5.2.4 單選按鈕radio 61
5.2.5 復(fù)選框checkbox 62
5.2.6 選擇列表標(biāo)記 63
5.2.7 普通按鈕button 64
5.2.8 提交按鈕submit 65
5.2.9 重置按鈕reset 66
5.3 表單高級元素的使用 67
5.3.1 url屬性 67
5.3.2 eamil屬性 68
5.3.3 date和Times 69
5.3.4 number屬性 70
5.3.5 range屬性 71
5.3.6 required屬性 72
5.4 綜合實(shí)例—創(chuàng)建用戶反饋表單 73
5.5 專家解惑 74
第6章 HTML5中的音頻和視頻 75
6.1 標(biāo)記 75
6.1.1 標(biāo)記概述 75
6.1.2 標(biāo)記的屬性 76
6.1.3 音頻解碼器 77
6.1.4 標(biāo)記瀏覽器的支持情況 77
6.2 標(biāo)記 77
6.2.1 標(biāo)記概述 77
6.2.2 標(biāo)記的屬性 78
6.2.3 視頻解碼器 79
6.2.4 標(biāo)記瀏覽器的支持情況 79
6.3 音頻和視頻中的方法 80
6.3.1 canPlayType()方法 80
6.3.2 load()方法 81
6.3.3 play()方法和pause()方法 82
6.4 音頻和視頻中的屬性 83
6.4.1 autoplay 屬性 83
6.4.2 buffered 屬性 84
6.4.3 controls屬性 86
6.4.4 currentSrc屬性 87
6.5 專家解惑 88
第7章 HTML5繪制圖形 90
7.1 canvas概述 90
7.1.1 添加canvas元素 90
7.1.2 繪制矩形 91
7.2 繪制基本形狀 92
7.2.1 繪制圓形 92
7.2.2 使用moveTo與lineTo繪制直線 94
7.2.3 使用bezierCurveTo繪制貝濟(jì)埃曲線 95
7.3 繪制漸變圖形 97
7.3.1 繪制線性漸變 98
7.3.2 繪制徑向漸變 99
7.4 繪制變形圖形 101
7.4.1 變換原點(diǎn)坐標(biāo) 101
7.4.2 圖形縮放 102
7.4.3 旋轉(zhuǎn)圖形 103
7.5 圖形組合 105
7.6 繪制帶陰影的圖形 107
7.7 使用圖像 108
7.7.1 繪制圖像 108
7.7.2 圖像平鋪 110
7.7.3 圖像裁剪 112
7.7.4 像素處理 113
7.8 繪制文字 116
7.9 圖形的保存與恢復(fù) 117
7.9.1 保存與恢復(fù)狀態(tài) 117
7.9.2 保存文件 119
7.10 綜合實(shí)例1—繪制商標(biāo) 120
7.11 綜合實(shí)例2—繪制火柴棒人物 122
7.12 綜合實(shí)例3—繪制時鐘 126
7.13 專家解惑 129
第8章 地理定位、離線Web應(yīng)用 和Web存儲 131
8.1 獲取地理位置 131
8.1.1 地理地位的原理 131
8.1.2 地理定位的函數(shù) 132
8.1.3 指定緯度和經(jīng)度坐標(biāo) 132
8.1.4 目前瀏覽器對地理定位的支持情況 134
8.2 HTML5離線Web應(yīng)用 134
8.2.1 新增的本地緩存 134
8.2.2 本地緩存的管理者—manifest文件 134
8.2.3 瀏覽器網(wǎng)頁緩存與本地緩存的區(qū)別 136
8.2.4 目前瀏覽器對Web離線應(yīng)用的支持情況 136
8.3 Web存儲 136
8.3.1 本地存儲和Cookies的區(qū)別 137
8.3.2 在客戶端存儲數(shù)據(jù) 137
8.3.3 sessionStorage函數(shù) 137
8.3.4 localStorage函數(shù) 139
8.3.5 目前瀏覽器對Web存儲的支持情況 141
8.4 專家解惑 141
第9章 CSS3快速入門 142
9.1 CSS3介紹 142
9.1.1 CSS3功能 142
9.1.2 CSS3發(fā)展歷史 143
9.1.3 瀏覽器與CSS3 143
9.2 編輯和瀏覽CSS 144
9.2.1 CSS基礎(chǔ)語法 144
9.2.2 使用記事本手工編寫CSS文件 145
9.2.3 使用Dreamweaver CC創(chuàng)建CSS文件 146
9.3 在HTML5中使用CSS3的方法 147
9.3.1 行內(nèi)樣式 148
9.3.2 內(nèi)嵌樣式 149
9.3.3 鏈接樣式 150
9.3.4 導(dǎo)入樣式 151
9.3.5 優(yōu)先級問題 153
9.4 CSS3選擇器 155
9.4.1 標(biāo)記選擇器 156
9.4.2 類選擇器 157
9.4.3 ID選擇器 158
9.4.4 全局選擇器 160
9.4.5 組合選擇器 161
9.4.6 繼承選擇器 162
9.4.7 偽類 164
9.4.8 屬性選擇器 165
9.4.9 結(jié)構(gòu)偽類選擇器 167
9.4.10 UI元素狀態(tài)偽類選擇器 168
9.5 選擇器聲明 170
9.5.1 集體聲明 170
9.5.2 多重嵌套聲明 171
9.6 綜合實(shí)例1—制作五彩標(biāo)題 172
9.7 綜合實(shí)例2—制作新聞菜單 175
9.8 專家解惑 178
第10章 CSS3字體與段落屬性 180
10.1 字體屬性 180
10.1.1 字體font-family 180
10.1.2 字號font-size 181
10.1.3 字體風(fēng)格font-style 183
10.1.4 加粗字體font-weight 184
10.1.5 小寫字母轉(zhuǎn)為大寫字母font-variant 185
10.1.6 字體復(fù)合屬性font 186
10.1.7 字體顏色color 187
10.2 文本高級樣式 189
10.2.1 陰影文本text-shadow 189
10.2.2 溢出文本text-overflow 190
10.2.3 控制換行word-wrap 192
10.2.4 保持字體尺寸不變font-size-adjust 193
10.3 段落屬性 194
10.3.1 單詞間隔word-spacing 194
10.3.2 字符間隔letter-spacing 195
10.3.3 文字修飾text-decoration 196
10.3.4 垂直對齊方式vertial-align 197
10.3.5 文本轉(zhuǎn)換text-transform 199
10.3.6 水平對齊方式text-align 200
10.3.7 文本縮進(jìn)text-indent 202
10.3.8 文本行高line-height 203
10.3.9 處理空白white-sapce 204
10.3.10 文本反排unicode-bidi和direction 206
10.4 綜合實(shí)例1—制作旅游宣傳網(wǎng)頁 207
10.5 綜合實(shí)例2—網(wǎng)頁簡單圖文混排 211
10.6 專家解惑 213
第11章 CSS3美化表格和表單樣式 214
11.1 表格基本樣式 214
11.1.1 表格邊框樣式 214
11.1.2 表格邊框?qū)挾? 217
11.1.3 表格邊框顏色 218
11.2 CSS3與表單 219
11.2.1 美化表單中元素 220
11.2.2 美化提交按鈕 222
11.2.3 美化下拉菜單 223
11.3 綜合實(shí)例1—隔行變色 225
11.4 綜合實(shí)例2—表格圖文網(wǎng)頁布局 228
11.5 綜合實(shí)例3—變色表格 230
11.6 綜合實(shí)例4—登錄表單 233
11.7 綜合實(shí)例5—注冊表單 235
11.8 專家解惑 238
第12章 CSS3美化圖像 239
12.1 圖片樣式 239
12.1.1 圖片邊框 239
12.1.2 圖片縮放 241
12.2 對齊圖片 244
12.2.1 橫向?qū)R方式 244
12.2.2 縱向?qū)R方式 245
12.3 圖文混排 247
12.3.1 文字環(huán)繞 247
12.3.2 設(shè)置圖片與文字間距 248
12.4 綜合實(shí)例1—一句話新聞 250
12.5 綜合實(shí)例2—學(xué)校宣傳單 254
12.6 專家解惑 256
第13章 CSS3美化背景與邊框 257
13.1 背景相關(guān)屬性 257
13.1.1 背景顏色 257
13.1.2 背景圖片 259
13.1.3 背景圖片重復(fù) 260
13.1.4 背景圖片顯示 261
13.1.5 背景圖片位置 263
13.1.6 背景圖片大小 265
13.1.7 背景顯示區(qū)域 267
13.1.8 背景圖像裁剪區(qū)域 268
13.1.9 背景復(fù)合屬性 270
13.2 邊框 270
13.2.1 邊框樣式 270
13.2.2 邊框顏色 272
13.2.3 邊框線寬 274
13.2.4 邊框復(fù)合屬性 275
13.3 圓角邊框 276
13.3.1 圓角邊框?qū)傩? 276
13.3.2 指定兩個圓角半徑 277
13.3.3 繪制4個不同圓角邊框 278
13.3.4 繪制邊框種類 281
13.4 圖片邊框 283
13.4.1 圖片邊框?qū)傩? 283
13.4.2 設(shè)置圖像邊框顯示方式 284
13.5 綜合實(shí)例—設(shè)計(jì)公司主頁 287
13.6 專家解惑 290
第14章 網(wǎng)頁的定位與布局 292
14.1 定位方式 292
14.1.1 定位屬性 292
14.1.2 position定位 293
14.1.3 層疊順序z-index 298
14.1.4 邊偏移屬性 300
14.2 float浮動定位 301
14.3 overflow溢出定位 303
14.4 visibility隱藏定位 305
14.5 塊和行內(nèi)元素display 307
14.5.1 塊元素 307
14.5.2 行內(nèi)元素 309
14.6 綜合實(shí)例—定位布局新聞 310
14.7 專家解惑 314
第15章 CSS3盒子和DIV布局 315
15.1 認(rèn)識div層 315
15.1.1 層在HTML布局應(yīng)用 315
15.1.2 div和span區(qū)別 316
15.2 盒子模型 317
15.2.1 什么是盒子模型 317
15.2.2 border邊框 319
15.2.3 padding內(nèi)邊距 320
15.2.4 margin外邊距 322
15.3 CSS3新增彈性盒模型 326
15.3.1 盒子布局取向box-orient 326
15.3.2 盒子布局順序box-direction 328
15.3.3 盒子布局位置box-ordinal-group 329
15.3.4 盒子彈性空間box-flex 331
15.3.5 管理盒子空間box-pack和box-align 333
15.3.6 空間溢出管理box-lines 335
15.4 綜合實(shí)例1—圖文排版效果 337
15.5 綜合實(shí)例2—淘寶導(dǎo)購菜單 339
15.6 專家解惑 342
第16章 CSS3 DIV頁面基本排版 344
16.1 CSS3排版概念 344
16.1.1 將頁面用DIV分塊 344
16.1.2 設(shè)置各塊位置 345
16.1.3 用CSS定位 345
16.2 固定寬度布局 349
16.2.1 上中下版式 349
16.2.2 左右版式 353
16.3 新增CSS3多列布局 359
16.3.1 列寬度column-width 359
16.3.2 列數(shù)column-count 361
16.3.3 列間距column-gap 362
16.3.4 列邊框樣式column-rule 364
16.4 綜合實(shí)例—電子企業(yè)首頁 366
16.5 專家解惑 371
第17章 熟悉jQuery Mobile 373
17.1 認(rèn)識jQuery Mobile 373
17.2 跨平臺移動設(shè)備網(wǎng)頁jQuery Mobile 374
17.2.1 移動設(shè)備模擬器 374
17.2.2 jQuery Mobile的安裝 376
17.2.3 jQuery Mobile網(wǎng)頁的架構(gòu) 377
17.3 創(chuàng)建多頁面的jQuery Mobile網(wǎng)頁 379
17.4 將頁面作為對話框使用 380
17.5 絢麗多彩的頁面切換效果 382
17.6 專家解惑 384
第18章 jQuery Mobile UI組件 385
18.1 套用UI組件 385
18.1.1 表單組件 385
18.1.2 按鈕和按鈕組 395
18.1.3 按鈕圖標(biāo) 398
18.1.4 彈窗 399
18.2 列表 401
18.2.1 列表視圖 401
18.2.2 列表內(nèi)容 404
18.2.3 列表過濾 406
18.3 面板和可折疊塊 407
18.3.1 面板 407
18.3.2 可折疊塊 409
18.4 導(dǎo)航條 411
18.5 jQuery Mobile主題 415
18.6 專家解惑 419
第19章 jQuery Mobile事件 420
19.1 頁面事件 420
19.1.1 初始化事件 420
19.1.2 外部頁面加載事件 423
19.1.3 頁面過渡事件 425
19.2 觸摸事件 427
19.2.1 點(diǎn)擊事件 427
19.2.2 滑動事件 429
19.3 滾屏事件 431
19.4 定位事件 435
19.5 專家解惑 436
第20章 使用*新Bootstrap 4框架 437
20.1 Bootstrap概述 437
20.1.1 Bootstrap特色 437
20.1.2 Bootstrap 4的更新 438
20.2 下載Bootstrap 439
20.3 安裝Bootstrap 441
20.3.1 本地安裝Bootstrap 441
20.3.2 初次使用Bootstrap 441
20.4 使用常用組件 442
20.4.1 使用下拉菜單 442
20.4.2 使用按鈕組 444
20.4.3 使用導(dǎo)航組件 445
20.4.4 綁定導(dǎo)航和下拉菜單 448
20.4.5 面包屑導(dǎo)航 449
20.4.6 使用廣告屏 451
20.4.7 使用card（卡片） 452
20.4.8 使用進(jìn)度條 454
20.4.9 使用模態(tài)框 459
20.4.10 使用滾動監(jiān)聽 461
20.5 案例實(shí)戰(zhàn)—膠囊導(dǎo)航選項(xiàng)卡（Tab欄） 463
20.6 專家解惑 465
第21章 開發(fā)計(jì)算器APP 467
21.1 項(xiàng)目概述 467
21.1.1 功能梳理 467
21.1.2 開發(fā)環(huán)境 467
21.1.3 項(xiàng)目結(jié)構(gòu)目錄 468
21.1.4 項(xiàng)目打包 468
21.1.5 項(xiàng)目效果展示 469
21.2 項(xiàng)目設(shè)計(jì) 470
21.2.1 index.html文件 471
21.2.2 index.css文件 472
21.2.3 calc.js文件 477
21.2.4 common.js文件 483
第22章 開發(fā)求職招聘APP 487
22.1 項(xiàng)目概述 487
22.1.1 項(xiàng)目結(jié)構(gòu)目錄 487
22.1.2 項(xiàng)目效果展示 488
22.2 項(xiàng)目設(shè)計(jì) 490
22.2.1 設(shè)計(jì)登錄和注冊頁面 491
22.2.2 設(shè)計(jì)個人中心頁面 493
22.2.3 設(shè)計(jì)簡歷預(yù)覽頁面 494
22.2.4 設(shè)計(jì)簡歷編輯頁面 496
22.2.5 設(shè)計(jì)投遞記錄和職位收藏頁面 497
22.2.6 設(shè)計(jì)職位列表頁面 500
22.2.7 設(shè)計(jì)職位詳情頁面 502
22.3 項(xiàng)目打包成APP 503
第23章 項(xiàng)目實(shí)訓(xùn)3—開發(fā)購物網(wǎng)站APP 507
23.1 項(xiàng)目概述 507
23.1.1 項(xiàng)目結(jié)構(gòu)目錄 507
23.1.2 項(xiàng)目效果展示 508
23.2 首頁設(shè)計(jì) 511
23.2.1 設(shè)計(jì)廣告欄 511
23.2.2 設(shè)計(jì)導(dǎo)航欄 514
23.2.3 設(shè)計(jì)輪播 515
23.2.4 設(shè)計(jì)蔬菜欄 517
23.2.5 設(shè)計(jì)干果欄 520
23.2.6 設(shè)計(jì)底部欄 524
23.3 購買頁面設(shè)計(jì) 526
23.4 蔬菜展示頁面設(shè)計(jì) 529
23.5 項(xiàng)目打包成APP 532
第24章 項(xiàng)目實(shí)訓(xùn)4—開發(fā)游戲APP 533
24.1 游戲概述 533
24.1.1 游戲結(jié)構(gòu)目錄 533
24.1.2 項(xiàng)目效果演示 534
24.2 游戲設(shè)計(jì) 534
24.2.1 index.html文件 534
24.2.2 style.css文件 535
24.2.3 index.js文件 536
24.3 項(xiàng)目打包成APP 538
展開全部
HTML5+CSS3+jQuery Mobile+Bootstrap開發(fā)APP從入門到精通-視頻教學(xué)版 作者簡介
張工廠,IT資深專家，從事行業(yè)十余年，出版多部作品。
書友推薦
- >
山海經(jīng)
- >
人文閱讀與收藏·良友文學(xué)叢書:一天的工作
- >
上帝之肋:男人的真實(shí)旅程
- >
二體千字文
- >
伊索寓言-世界文學(xué)名著典藏-全譯本
- >
姑媽的寶刀
- >
史學(xué)評論
- >
企鵝口袋書系列·偉大的思想20:論自然選擇(英漢雙語)
本類暢銷
