Web前端開(kāi)發(fā)技術(shù)（HTML+CSS+JavaScript 慕課版）

第 1章 Web客戶(hù)端編程技術(shù)概述 1
1．1　Web概述　1
1．1．1　Web概念　1
1．1．2　Web項(xiàng)目　1
1．　2 Web客戶(hù)端概述　3
1．2．1　Web客戶(hù)端概念　3
1．2．2　Web客戶(hù)端編程技術(shù)　3
1．3　瀏覽器　7
1．4　Web客戶(hù)端編程工具　8
1．5　本章小結(jié)　11
習(xí)題　11
上機(jī)指導(dǎo)　12
第　2章 HTML基礎(chǔ)知識(shí)　13
2．1　HTML綜述　13
2．1．1　HTML概念　13
2．1．2　HTML文檔結(jié)構(gòu)　14
2．1．3　HTML文檔類(lèi)型　16
2．1．4　HTML的基本語(yǔ)法　18
2．2　HTML文檔編寫(xiě)規(guī)范　19
2．3　HTML常用標(biāo)簽　23
2．4　綜合實(shí)例　61
2．5　本章小結(jié)　64
習(xí)題　65
上機(jī)指導(dǎo)　67
第3章　HTML表格和框架　69
3．1　HTML 表格元素　69
3．1．1　表格的基本結(jié)構(gòu)　69
3．1．2　表格標(biāo)簽　70
3．2　HTML框架　83
3．2．1　框架的概述　83
3．2．2　框架標(biāo)簽　84
3．3．3　內(nèi)聯(lián)框架　88
3．3　本章小結(jié)　91
習(xí)題　92
上機(jī)指導(dǎo)　94
第4章　HTML表單　96
4．1　表單概述　96
4．2　表單元素　98
4．3　表單控件　100
4．4　表單按鈕　111
4．5　本章小結(jié)　115
習(xí)題　115
上機(jī)指導(dǎo)　116
第5章　CSS基礎(chǔ)知識(shí)　119
5．1　CSS概述　119
5．1．1　CSS簡(jiǎn)介　119
5．1．2　CSS發(fā)展史　119
5．1．3　CSS特點(diǎn)　120
5．1．4　CSS優(yōu)勢(shì)　120
5．2　CSS語(yǔ)法　121
5．2．1　CSS基本語(yǔ)法　121
5．2．2　CSS注釋　122
5．2．3　CSS編輯方式　122
5．2．4　CSS編寫(xiě)規(guī)范　123
5．2．5　第 一個(gè)CSS案例　125
5．3　CSS選擇器　125
5．3．1標(biāo)簽選擇器　126
5．3．2　類(lèi)選擇器　126
5．3．3　id選擇器　127
5．3．4　偽類(lèi)選擇器　128
5．3．5　屬性選擇器　129
5．3．6　后代選擇器　130
5．3．7　子元素選擇器　131
5．3．8　相鄰兄弟選擇器　131
5．3．9　選擇器分組　131
5．3．10　CSS選擇器綜合案例　132
5．4　CSS創(chuàng)建　134
5．4．1　內(nèi)聯(lián)樣式　134
5．4．2　內(nèi)部樣式表　134
5．4．3　鏈接外部樣式表　135
5．4．4　CSS創(chuàng)建綜合案例　136
5．5　CSS特性　138
5．5．1　特殊性（優(yōu)先級(jí)）　138
5．5．2　層疊性　139
5．5．3　繼承性　139
5．6　CSS常用屬性　140
5．6．1　CSS字體　140
5．6．2　CSS文本　145
5．6．3　CSS顏色和背景屬性　152
5．6．4　列表樣式　156
5．6．5　CSS表格　164
5．6．6　CSS輪廓　167
5．7綜合案例　170
5．8本章小結(jié)　172
習(xí)題　172
第6章　CSS樣式高級(jí)應(yīng)用　174
6．1　頁(yè)面布局基本概念　174
6．2　CSS盒子模型　174
6．2．1　CSS盒子模型概述　174
6．2．2　IE盒模型和W3C盒模型　175
6．3　盒子模型屬性　177
6．3．1　border邊框?qū)傩浴?77
6．3．2　padding填充屬性　181
6．3．3　margin邊界屬性　183
6．4　盒子之間的關(guān)系　184
6．4．1．　標(biāo)準(zhǔn)文檔流　185
6．4．2　標(biāo)記與標(biāo)記　185
6．4．3　定位　186
6．4．4　浮動(dòng)　192
6．4．5浮動(dòng)與定位的聯(lián)系與區(qū)別　195
6．5　DIV+CSS布局　197
6．6　CSS高級(jí)綜合案例　201
6．7本章小結(jié)　205
習(xí)題　205
第7章　CSS3入門(mén)　207
7．1　CSS3概述　207
7．1．1　CSS3簡(jiǎn)介　207
7．1．2　CSS3發(fā)展歷史　207
7．1．3　CSS3的模塊化結(jié)構(gòu)　208
7．1．4　CSS3新增特性　209
7．1．5　簡(jiǎn)單的CSS3示例　210
7．2　CSS3新增選擇器　211
7．2．1　CSS3中的關(guān)系選擇器　212
7．2．2　CSS3中的屬性選擇器　213
7．2．3　CSS3中的偽類(lèi)選擇器　217
7．3　CSS3新增文本屬性　227
7．3．1　文字陰影——text-shadow屬性　227
7．3．2　文本溢出省略——text-overflow屬性　229
7．3．2　文本自動(dòng)換行　231
7．4　CSS3新增顏色模式　235
7．4．1　RGBA色彩模式　236
7．4．2　HSL與HSLA色彩模式　236
7．4．3　opacity　237
7．5　CSS3新增邊框?qū)傩浴?38
7．5．1　圓角效果——border-radius　238
7．5．2　圖像邊框——border-image　241
7．6本章小結(jié)　243
習(xí)題　243
上機(jī)指導(dǎo)　244
第8章　JavaScript基礎(chǔ)知識(shí)　246
8．1　JavaScript概述　246
8．1．1　JavaScript的應(yīng)用場(chǎng)景　246
8．1．2　JavaScript的發(fā)展歷程　248
8．1．3　JavaScript的特點(diǎn)　250
8．1．4　JavaScript的開(kāi)發(fā)與運(yùn)行　251
8．2　JavaScript基本語(yǔ)法　259
8．2．1　JavaScript語(yǔ)句和代碼塊　260
8．2．2　標(biāo)識(shí)符和變量　261
8．2．3　運(yùn)算符和表達(dá)式　269
8．2．4　流程控制語(yǔ)句　275
8．2．5　JavaScript的核心對(duì)象　284
8．2．6　JavaScript函數(shù)　291
8．3　語(yǔ)法規(guī)范　297
8．3．1　命名規(guī)范　297
8．3．2　編碼規(guī)范　297
8．3．3　格式規(guī)范　298
8．4　JavaScript常用API　301
8．5　本章小結(jié)　306
習(xí)題　307
上機(jī)指導(dǎo)　308
第9章JavaScript事件處理　309
9．1　JavaScript事件概述　309
9．1．1　事件類(lèi)型　309
9．1．2　事件處理　312
9．2　JavaScript常用事件　320
9．2．1　獲得焦點(diǎn)和失去焦點(diǎn)事件　320
9．2．2　鼠標(biāo)移動(dòng)和鼠標(biāo)按下事件　323
9．2．3　UI事件　325
9．2．4　表單事件　328
9．3　本章小結(jié)　332
習(xí)題　333
上機(jī)指導(dǎo)　336
第　10章 DOM和BOM　337
10．1　DOM對(duì)象　337
10．1．1　DOM簡(jiǎn)介　337
10．1．2　DOM樹(shù)結(jié)構(gòu)　337
10．1．3　DOM節(jié)點(diǎn)　339
10．1．4　DOM節(jié)點(diǎn)的訪問(wèn)　340
10．1．5　DOM的重要屬性　342
10．1．6　DOM應(yīng)用實(shí)例　345
10．2　BOM對(duì)象　348
10．2．1　Window對(duì)象　349
10．2．2　history對(duì)象　352
10．2．3　Location對(duì)象　353
10．2．4　screen對(duì)象　354
10．2．5　navigator對(duì)象　355
10．3　本章小結(jié)　360
習(xí)題　361
第　11章 靜態(tài)網(wǎng)頁(yè)開(kāi)發(fā)綜合實(shí)例　363
11．1　項(xiàng)目的設(shè)計(jì)思路　363
11．1．1　項(xiàng)目概述　363
11．1．2　界面預(yù)覽　364
11．1．3　功能結(jié)構(gòu)　365
11．1．4　文件夾組織結(jié)構(gòu)　366
11．2　主頁(yè)的設(shè)計(jì)與實(shí)現(xiàn)　366
11．2．1　主頁(yè)的設(shè)計(jì)　366
11．2．2　頂部和底部區(qū)域功能的設(shè)計(jì)與實(shí)現(xiàn)　367
11．2．3　商品分類(lèi)導(dǎo)航功能的實(shí)現(xiàn)　369
11．2．4　幻燈片廣告功能的實(shí)現(xiàn)　372
11．2．5商品推薦功能的實(shí)現(xiàn)　373
11．3　商品列表頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)　375
11．3．1　商品列表頁(yè)面的設(shè)計(jì)　375
11．3．2　分類(lèi)篩選功能的實(shí)現(xiàn)　376
11．3．3　商品列表區(qū)的實(shí)現(xiàn)　376
11．4商品詳情頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)　379
11．4．1　商品詳情頁(yè)面的設(shè)計(jì)　379
11．4．2　商品概要功能的實(shí)現(xiàn)　380
11．4．3　商品評(píng)價(jià)功能的實(shí)現(xiàn)　382
11．4．4　賣(mài)家推薦功能的實(shí)現(xiàn)　383
11．5購(gòu)物車(chē)頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)　384
11．5．1　購(gòu)物車(chē)頁(yè)面的設(shè)計(jì)　384
11．5．2　購(gòu)物車(chē)頁(yè)面的實(shí)現(xiàn)　384
11．6個(gè)人中心頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)　388
11．6．1　個(gè)人中心頁(yè)面的設(shè)計(jì)　388
11．6．2　個(gè)人中心頁(yè)面的實(shí)現(xiàn)　389
11．7登錄和注冊(cè)頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)　393
11．7．1　登錄和注冊(cè)頁(yè)面的設(shè)計(jì)　393
11．7．2　注冊(cè)頁(yè)面的實(shí)現(xiàn)　394
11．7．3　登錄頁(yè)面的實(shí)現(xiàn)　396
11．8　本章小結(jié)　398