HTML5+CSS3+jQuery Mobile+Bootstrap開發(fā)APP從入門到精通(視頻

目  錄
第１章  HTML5快速入門    1
1.1  HTML5概述    1
1.2  HTML5的文檔結(jié)構(gòu)    3
1.2.1  文檔類型說(shuō)明    3
1.2.2  HTML標(biāo)記    3
1.2.3  頭標(biāo)記head    3
1.2.4  網(wǎng)頁(yè)的主體標(biāo)記body    7
1.2.5  頁(yè)面注釋標(biāo)記    7
1.3  HTML5文件的編寫方法    8
1.3.1  使用記事本手工編寫HTML文件    8
1.3.2  使用Dreamweaver CC編寫HTML文件    9
1.4  HTML5語(yǔ)法的新變化    11
1.4.1  標(biāo)簽不再區(qū)分大小寫    11
1.4.2  允許屬性值不使用引號(hào)    12
1.4.3  允許部分屬性值的屬性省略    12
1.5  專家解惑    13
第2章   HTML5網(wǎng)頁(yè)中的文本和圖像    15
2.1  添加文本    15
2.1.1  普通文本    15
2.1.2  特殊文字符號(hào)    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  建立無(wú)序列表    23
2.3.2  建立有序列表    24
2.4  網(wǎng)頁(yè)中的圖像    25
2.4.1  網(wǎng)頁(yè)中支持的圖片格式    26
2.4.2  使用路徑    26
2.4.3  網(wǎng)頁(yè)中插入圖像標(biāo)記    28
2.5  綜合實(shí)例—圖文并茂房屋裝飾裝修網(wǎng)頁(yè)    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è)置以新窗口顯示超鏈接頁(yè)面    39
3.3  創(chuàng)建熱點(diǎn)區(qū)域    40
3.4  浮動(dòng)框架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  表單高級(jí)元素的使用    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—繪制時(shí)鐘    126
7.13  專家解惑    129
第8章  地理定位、離線Web應(yīng)用 和Web存儲(chǔ)    131
8.1  獲取地理位置    131
8.1.1  地理地位的原理    131
8.1.2  地理定位的函數(shù)    132
8.1.3  指定緯度和經(jīng)度坐標(biāo)    132
8.1.4  目前瀏覽器對(duì)地理定位的支持情況    134
8.2  HTML5離線Web應(yīng)用    134
8.2.1  新增的本地緩存    134
8.2.2  本地緩存的管理者—manifest文件    134
8.2.3  瀏覽器網(wǎng)頁(yè)緩存與本地緩存的區(qū)別    136
8.2.4  目前瀏覽器對(duì)Web離線應(yīng)用的支持情況    136
8.3  Web存儲(chǔ)    136
8.3.1  本地存儲(chǔ)和Cookies的區(qū)別    137
8.3.2  在客戶端存儲(chǔ)數(shù)據(jù)    137
8.3.3  sessionStorage函數(shù)    137
8.3.4  localStorage函數(shù)    139
8.3.5  目前瀏覽器對(duì)Web存儲(chǔ)的支持情況    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ǔ)語(yǔ)法    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)先級(jí)問(wèn)題    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  字號(hào)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  文本高級(jí)樣式    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  垂直對(duì)齊方式vertial-align    197
10.3.5  文本轉(zhuǎn)換text-transform    199
10.3.6  水平對(duì)齊方式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)頁(yè)    207
10.5  綜合實(shí)例2—網(wǎng)頁(yè)簡(jiǎn)單圖文混排    211
10.6  專家解惑    213
第11章  CSS3美化表格和表單樣式    214
11.1  表格基本樣式    214
11.1.1  表格邊框樣式    214
11.1.2  表格邊框?qū)挾?nbsp;   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)頁(yè)布局    228
11.5  綜合實(shí)例3—變色表格    230
11.6  綜合實(shí)例4—登錄表單    233
11.7  綜合實(shí)例5—注冊(cè)表單    235
11.8  專家解惑    238
第12章  CSS3美化圖像    239
12.1  圖片樣式    239
12.1.1  圖片邊框    239
12.1.2  圖片縮放    241
12.2  對(duì)齊圖片    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ū)傩?nbsp;   276
13.3.2  指定兩個(gè)圓角半徑    277
13.3.3  繪制4個(gè)不同圓角邊框    278
13.3.4  繪制邊框種類    281
13.4  圖片邊框    283
13.4.1  圖片邊框?qū)傩?nbsp;   283
13.4.2  設(shè)置圖像邊框顯示方式    284
13.5  綜合實(shí)例—設(shè)計(jì)公司主頁(yè)    287
13.6  專家解惑    290
第14章  網(wǎng)頁(yè)的定位與布局    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浮動(dòng)定位    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)識(shí)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)購(gòu)菜單    339
15.6  專家解惑    342
第16章  CSS3 DIV頁(yè)面基本排版    344
16.1  CSS3排版概念    344
16.1.1  將頁(yè)面用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è)首頁(yè)    366
16.5  專家解惑    371
第17章  熟悉jQuery Mobile    373
17.1  認(rèn)識(shí)jQuery Mobile    373
17.2  跨平臺(tái)移動(dòng)設(shè)備網(wǎng)頁(yè)jQuery Mobile    374
17.2.1  移動(dòng)設(shè)備模擬器    374
17.2.2  jQuery Mobile的安裝    376
17.2.3  jQuery Mobile網(wǎng)頁(yè)的架構(gòu)    377
17.3  創(chuàng)建多頁(yè)面的jQuery Mobile網(wǎng)頁(yè)    379
17.4  將頁(yè)面作為對(duì)話框使用    380
17.5  絢麗多彩的頁(yè)面切換效果    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  列表過(guò)濾    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  頁(yè)面事件    420
19.1.1  初始化事件    420
19.1.2  外部頁(yè)面加載事件    423
19.1.3  頁(yè)面過(guò)渡事件    425
19.2  觸摸事件    427
19.2.1  點(diǎn)擊事件    427
19.2.2  滑動(dòng)事件    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  使用滾動(dòng)監(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ì)登錄和注冊(cè)頁(yè)面    491
22.2.2  設(shè)計(jì)個(gè)人中心頁(yè)面    493
22.2.3  設(shè)計(jì)簡(jiǎn)歷預(yù)覽頁(yè)面    494
22.2.4  設(shè)計(jì)簡(jiǎn)歷編輯頁(yè)面    496
22.2.5  設(shè)計(jì)投遞記錄和職位收藏頁(yè)面    497
22.2.6  設(shè)計(jì)職位列表頁(yè)面    500
22.2.7  設(shè)計(jì)職位詳情頁(yè)面    502
22.3  項(xiàng)目打包成APP    503
第23章  項(xiàng)目實(shí)訓(xùn)3—開發(fā)購(gòu)物網(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  首頁(yè)設(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  購(gòu)買頁(yè)面設(shè)計(jì)    526
23.4  蔬菜展示頁(yè)面設(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

顯示全部信息