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

目  錄
第１章  HTML5快速入門    1
1.1  HTML5概述    1
1.2  HTML5的文檔結(jié)構(gòu)    3
1.2.1  文檔類型說明    3
1.2.2  HTML標記    3
1.2.3  頭標記head    3
1.2.4  網(wǎng)頁的主體標記body    7
1.2.5  頁面注釋標記    7
1.3  HTML5文件的編寫方法    8
1.3.1  使用記事本手工編寫HTML文件    8
1.3.2  使用Dreamweaver CC編寫HTML文件    9
1.4  HTML5語法的新變化    11
1.4.1  標簽不再區(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  換行標記
與段落標記    19
2.2.2  標題標記～    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)頁中插入圖像標記    28
2.5  綜合實例—圖文并茂房屋裝飾裝修網(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  超鏈接標記    36
3.2.1  設(shè)置文本和圖片的超鏈接    36
3.2.2  超鏈接指向的目標類型    37
3.2.3  設(shè)置以新窗口顯示超鏈接頁面    39
3.3  創(chuàng)建熱點區(qū)域    40
3.4  浮動框架iframe    41
3.5  綜合實例—用Dreamweaver精確定位熱點區(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  完整的表格標記    52
4.3  綜合實例—制作計算機報價單    54
4.4  專家解惑    56
第5章  使用表單    58
5.1  表單概述    58
5.2  表單基本元素的使用    59
5.2.1  單行文本輸入框text    59
5.2.2  多行文本框標記    60
5.2.3  密碼域password    61
5.2.4  單選按鈕radio    61
5.2.5  復(fù)選框checkbox    62
5.2.6  選擇列表標記    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  綜合實例—創(chuàng)建用戶反饋表單    73
5.5  專家解惑    74
第6章  HTML5中的音頻和視頻    75
6.1  標記    75
6.1.1  標記概述    75
6.1.2  標記的屬性    76
6.1.3  音頻解碼器    77
6.1.4  標記瀏覽器的支持情況    77
6.2  標記    77
6.2.1  標記概述    77
6.2.2  標記的屬性    78
6.2.3  視頻解碼器    79
6.2.4  標記瀏覽器的支持情況    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繪制貝濟埃曲線    95
7.3  繪制漸變圖形    97
7.3.1  繪制線性漸變    98
7.3.2  繪制徑向漸變    99
7.4  繪制變形圖形    101
7.4.1  變換原點坐標    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  綜合實例1—繪制商標    120
7.11  綜合實例2—繪制火柴棒人物    122
7.12  綜合實例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)度坐標    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  標記選擇器    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  綜合實例1—制作五彩標題    172
9.7  綜合實例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  字體風格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  文本縮進text-indent    202
10.3.8  文本行高line-height    203
10.3.9  處理空白white-sapce    204
10.3.10  文本反排unicode-bidi和direction    206
10.4  綜合實例1—制作旅游宣傳網(wǎng)頁    207
10.5  綜合實例2—網(wǎng)頁簡單圖文混排    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  綜合實例1—隔行變色    225
11.4  綜合實例2—表格圖文網(wǎng)頁布局    228
11.5  綜合實例3—變色表格    230
11.6  綜合實例4—登錄表單    233
11.7  綜合實例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  綜合實例1—一句話新聞    250
12.5  綜合實例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  指定兩個圓角半徑    277
13.3.3  繪制4個不同圓角邊框    278
13.3.4  繪制邊框種類    281
13.4  圖片邊框    283
13.4.1  圖片邊框?qū)傩?nbsp;   283
13.4.2  設(shè)置圖像邊框顯示方式    284
13.5  綜合實例—設(shè)計公司主頁    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  綜合實例—定位布局新聞    310
14.7  專家解惑    314
第15章  CSS3盒子和DIV布局    315
15.1  認識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  綜合實例1—圖文排版效果    337
15.5  綜合實例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  綜合實例—電子企業(yè)首頁    366
16.5  專家解惑    371
第17章  熟悉jQuery Mobile    373
17.1  認識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  按鈕圖標    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  點擊事件    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  使用進度條    454
20.4.9  使用模態(tài)框    459
20.4.10  使用滾動監(jiān)聽    461
20.5  案例實戰(zhàn)—膠囊導(dǎo)航選項卡（Tab欄）    463
20.6  專家解惑    465
第21章  開發(fā)計算器APP    467
21.1  項目概述    467
21.1.1  功能梳理    467
21.1.2  開發(fā)環(huán)境    467
21.1.3  項目結(jié)構(gòu)目錄    468
21.1.4  項目打包    468
21.1.5  項目效果展示    469
21.2  項目設(shè)計    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   項目概述    487
22.1.1  項目結(jié)構(gòu)目錄    487
22.1.2  項目效果展示    488
22.2  項目設(shè)計    490
22.2.1  設(shè)計登錄和注冊頁面    491
22.2.2  設(shè)計個人中心頁面    493
22.2.3  設(shè)計簡歷預(yù)覽頁面    494
22.2.4  設(shè)計簡歷編輯頁面    496
22.2.5  設(shè)計投遞記錄和職位收藏頁面    497
22.2.6  設(shè)計職位列表頁面    500
22.2.7  設(shè)計職位詳情頁面    502
22.3  項目打包成APP    503
第23章  項目實訓(xùn)3—開發(fā)購物網(wǎng)站APP    507
23.1  項目概述    507
23.1.1  項目結(jié)構(gòu)目錄    507
23.1.2  項目效果展示    508
23.2  首頁設(shè)計    511
23.2.1  設(shè)計廣告欄    511
23.2.2  設(shè)計導(dǎo)航欄    514
23.2.3  設(shè)計輪播    515
23.2.4  設(shè)計蔬菜欄    517
23.2.5  設(shè)計干果欄    520
23.2.6  設(shè)計底部欄    524
23.3  購買頁面設(shè)計    526
23.4  蔬菜展示頁面設(shè)計    529
23.5  項目打包成APP    532
第24章  項目實訓(xùn)4—開發(fā)游戲APP    533
24.1  游戲概述    533
24.1.1  游戲結(jié)構(gòu)目錄    533
24.1.2  項目效果演示    534
24.2  游戲設(shè)計    534
24.2.1  index.html文件    534
24.2.2  style.css文件    535
24.2.3  index.js文件    536
24.3  項目打包成APP    538

顯示全部信息