HTML5+CSS3+JavaScript+Bootstrap網(wǎng)站開發(fā)實(shí)用技術(shù)（第3版）

第一部分 網(wǎng)站開發(fā)基礎(chǔ)與HTML5技術(shù)
第1章　網(wǎng)站開發(fā)基礎(chǔ)知識　2
1．1　互聯(lián)網(wǎng)的訪問過程　2
1．2　互聯(lián)網(wǎng)的工作機(jī)制　4
1．3　網(wǎng)站設(shè)計(jì)中的基本概念　5
1．4　制作網(wǎng)站的標(biāo)準(zhǔn)和常用技術(shù)　7
1．4．1　Web標(biāo)準(zhǔn)　8
1．4．2　網(wǎng)站開發(fā)常用技術(shù)　9
1．5　常用開發(fā)工具　10
1．6　網(wǎng)站建設(shè)的流程　11
1．6．1　明確網(wǎng)站的定位　11
1．6．2　確定網(wǎng)站的主題　12
1．6．3　網(wǎng)站的整體規(guī)劃　13
1．6．4　收集資料與素材　14
1．6．5　設(shè)計(jì)制作網(wǎng)頁　14
1．6．6　網(wǎng)站的測試和發(fā)布　16
1．6．7　網(wǎng)站的維護(hù)與推廣　16
1．7　建立站點(diǎn)　17
1．7．1　Dreamweaver CS6介紹　17
1．7．2　Dreamweaver站點(diǎn)組成　20
1．7．3　創(chuàng)建站點(diǎn)　20
1．7．4　管理站點(diǎn)　21
1．8　應(yīng)用案例　22
本章小結(jié)　23
思考與練習(xí)　23
第2章　靜態(tài)網(wǎng)頁制作
——使用HTML技術(shù)　24
2．1　HTML概述　24
2．1．1　HTML簡介　24
2．1．2　HTML文檔結(jié)構(gòu)與書寫規(guī)范　26
2．1．3　建立HTML文件　27
2．2　HTML的基本標(biāo)記　29
2．2．1　標(biāo)題標(biāo)記　30
2．2．2　段落標(biāo)記和換行標(biāo)記
　30
2．2．3　塊標(biāo)記和　31
2．2．4　列表標(biāo)記　32
2．2．5　HTML5增加的結(jié)構(gòu)元素　35
2．3　多媒體　39
2．3．1　圖像標(biāo)記　39
2．3．2　多媒體文件標(biāo)記　41
2．3．3　HTML5新增視頻標(biāo)記　43
2．3．4　HTML5新增音頻標(biāo)記　45
2．4　超鏈接　46
2．4．1　超鏈接標(biāo)記　46
2．4．2　超鏈接類型　46
2．4．3　超鏈接路徑　47
2．5　表單　49
2．5．1　表單定義標(biāo)記　49
2．5．2　輸入標(biāo)記　50
2．5．3　列表框標(biāo)記　53
2．5．4　文本域輸入標(biāo)記　53
2．5．5　HTML5新增的表單屬性　54
2．5．6　HTML5新增的input類型　56
2．6　表格　59
2．6．1　HTML的表格標(biāo)記　59
2．6．2　HTML表格的屬性　60
2．6．3　表格嵌套　62
2．7　內(nèi)嵌框架　64
2．8　應(yīng)用案例　66
2．8．1　多層嵌套列表案例　66
2．8．2　會員注冊表單案例　67
2．8．3　內(nèi)嵌框架案例　71
2．8．4　表格布局應(yīng)用綜合案例　73
本章小結(jié)　77
思考與練習(xí)　78
第二部分　CSS3技術(shù)及其應(yīng)用
第3章　美化網(wǎng)頁——使用
CSS技術(shù)　82
3．1　CSS概述　82
3．1．1　CSS的引入　82
3．1．2　CSS簡介　85
3．2　CSS基本選擇器　86
3．2．1　標(biāo)記選擇器　86
3．2．2　類選擇器　87
3．2．3　ID選擇器　88
3．3　在HTML中使用CSS的方法　90
3．3．1　行內(nèi)樣式　90
3．3．2　嵌入樣式　90
3．3．3　鏈接樣式　91
3．3．4　導(dǎo)入樣式　92
3．3．5　樣式的優(yōu)先級　93
3．4　CSS復(fù)合選擇器　95
3．4．1　交集選擇器　95
3．4．2　并集選擇器　96
3．4．3　后代選擇器　97
3．4．4　子選擇器　99
3．4．5　相鄰選擇器　99
3．4．6　屬性選擇器　100
3．4．7　偽類選擇器　101
3．4．8　偽元素選擇器　106
3．5　用CSS設(shè)置文本樣式　107
3．5．1　字體屬性　107
3．5．2　文本屬性　111
3．6　用CSS設(shè)置顏色與背景　114
3．6．1　顏色設(shè)置　114
3．6．2　背景設(shè)置　115
3．6．3　圓角邊框和圖像邊框　118
3．7　用CSS設(shè)置圖像效果　119
3．7．1　為圖片添加邊框　120
3．7．2　圖片縮放　121
3．7．3　圖文混排　123
3．8　應(yīng)用案例　125
3．8．1　用CSS美化表單案例　125
3．8．2　用CSS設(shè)計(jì)網(wǎng)站頁面案例　126
本章小結(jié)　131
思考與練習(xí)　132
第4章　規(guī)劃頁面——使用
CSS實(shí)現(xiàn)精美布局　133
4．1　CSS盒模型　133
4．1．1　內(nèi)容　133
4．1．2　邊界　135
4．1．3　填充　136
4．1．4　邊框　137
4．2　CSS布局常用屬性　139
4．2．1　定位屬性　139
4．2．2　浮動屬性　143
4．3　DIV+CSS的網(wǎng)頁布局　144
4．3．1　單列布局　145
4．3．2　兩列布局　146
4．3．3　使用CSS3盒布局的三列布局　150
4．4　應(yīng)用案例　153
4．4．1　用DIV+CSS實(shí)現(xiàn)圖文混排案例　153
4．4．2　二級導(dǎo)航菜單制作案例　157
本章小結(jié)　161
思考與練習(xí)　161
第三部分　JavaScript技術(shù)及其應(yīng)用
第5章　讓網(wǎng)頁動起來——使用
JavaScript技術(shù)　164
5．1　JavaScript概述　164
5．1．1　JavaScript的特點(diǎn)　164
5．1．2　第一個JavaScript程序　165
5．2　JavaScript語言基礎(chǔ)　168
5．2．1　JavaScript語法格式　168
5．2．2　JavaScript代碼書寫位置　168
5．2．3　JavaScript語句　170
5．2．4　JavaScript注釋　170
5．2．5　數(shù)據(jù)類型　171
5．2．6　變量　172
5．2．7　常量　173
5．3　表達(dá)式與運(yùn)算符　174
5．3．1　表達(dá)式　174
5．3．2　運(yùn)算符　175
5．4　JavaScript控制結(jié)構(gòu)與函數(shù)　179
5．4．1　JavaScript控制結(jié)構(gòu)　180
5．4．2　函數(shù)　186
5．5　應(yīng)用案例　189
本章小結(jié)　191
思考與練習(xí)　192
第6章　實(shí)現(xiàn)用戶與頁面的交互
——JavaScript的對象
與事件　193
6．1　JavaScript對象概述　193
6．1．1　對象　193
6．1．2　對象的引用　194
6．1．3　對象的操作　194
6．1．4　JavaScript的對象類型　196
6．2　JavaScript內(nèi)置對象　196
6．2．1　String對象　196
6．2．2　Array對象　199
6．2．3　Date對象　204
6．2．4　Math對象　206
6．3　瀏覽器對象　208
6．3．1　BOM概述　208
6．3．2　Window對象　209
6．3．3　Navigator對象　213
6．3．4　Screen對象　214
6．3．5　Location對象　215
6．3．6　History對象　216
6．3．7　Document對象　217
6．4　HTML DOM對象　220
6．4．1　DOM概述　220
6．4．2　HTML DOM對象　223
6．4．3　訪問HTML DOM對象　223
6．5　事件和事件處理　227
6．5．1　事件處理的相關(guān)概念　227
6．5．2　事件綁定　228
6．6　常見事件和事件對象　229
6．6．1　JavaScript的常見事件　229
6．6．2　事件對象　231
6．7　常見事件示例　232
6．7．1　鼠標(biāo)事件　232
6．7．2　鍵盤事件　235
6．7．3　表單事件　236
6．8　應(yīng)用案例　240
6．8．1　表單驗(yàn)證案例　240
6．8．2　網(wǎng)絡(luò)相冊案例　244
6．8．3　圖片輪播案例　247
本章小結(jié)　252
思考與練習(xí)　252
第四部分　Bootstrap框架及其應(yīng)用
第7章　Bootstrap基礎(chǔ)　256
7．1　Bootstrap概述　256
7．1．1　認(rèn)識Bootstrap　256
7．1．2　Bootstrap的內(nèi)容　256
7．1．3　Bootstrap的特點(diǎn)　258
7．1．4　Bootstrap的版本　258
7．2　Bootstrap結(jié)構(gòu)　258
7．2．1　Bootstrap的下載　258
7．2．2　Bootstrap結(jié)構(gòu)　259
7．2．3　WebStorm開發(fā)環(huán)境　259
7．2．4　在項(xiàng)目中引入Bootstrap　260
7．3　應(yīng)用案例　261
7．3．1　在頁面中使用組件　261
7．3．2　基于Bootstrap文檔示例創(chuàng)建的
網(wǎng)頁　262
本章小結(jié)　265
思考與練習(xí)　266
第8章　Bootstrap的全局樣式　267
8．1　柵格系統(tǒng)　267
8．1．1　柵格系統(tǒng)的原理　267
8．1．2　柵格系統(tǒng)的類及相關(guān)參數(shù)　268
8．1．3　用柵格系統(tǒng)實(shí)現(xiàn)的響應(yīng)式布局　274
8．2　頁面版式　275
8．2．1　標(biāo)題　275
8．2．2　列表　277
8．3　表格　278
8．4　按鈕　279
8．5　表單　281
8．6　圖片　283
8．7　應(yīng)用案例　283
8．7．1　頁面結(jié)構(gòu)描述　284
8．7．2　導(dǎo)航部分的設(shè)計(jì)　285
8．7．3　主體部分的設(shè)計(jì)　286
8．7．4　CSS代碼　287
本章小結(jié)　288
思考與練習(xí)　289
第9章　Bootstrap的組件和
插件　291
9．1　Glyphicons 字體圖標(biāo)　291
9．2　下拉菜單　293
9．3　導(dǎo)航和導(dǎo)航條　294
9．3．1　導(dǎo)航　294
9．3．2　導(dǎo)航條　294
9．4　標(biāo)簽與徽章　298
9．5　列表組和分頁　299
9．5．1　列表組　299
9．5．2　分頁　301
9．6　標(biāo)簽頁和提示框　301
9．6．1　標(biāo)簽頁　301
9．6．2　提示框　303
9．7　折疊和輪播　304
9．7．1　折疊插件　304
9．7．2　輪播插件　306
9．8　應(yīng)用案例　308
本章小結(jié)　314
思考與練習(xí)　314
第五部分　綜合實(shí)例及網(wǎng)站發(fā)布與管理
第10章　綜合實(shí)例　318
10．1　用HTML5+CSS3實(shí)現(xiàn)旅游網(wǎng)站　318
10．1．1　使用HTML5結(jié)構(gòu)元素組織
網(wǎng)頁　318
10．1．2　頁頭部分的設(shè)計(jì)　322
10．1．3　側(cè)邊導(dǎo)航和焦點(diǎn)圖的設(shè)計(jì)　324
10．1．4　精品推薦版塊的設(shè)計(jì)　329
10．1．5　頁腳的設(shè)計(jì)　332
10．2　用Bootstrap實(shí)現(xiàn)網(wǎng)站后臺管理
頁面　334
10．2．1　頁面結(jié)構(gòu)描述　334
10．2．2　導(dǎo)航部分的設(shè)計(jì)　336
10．2．3　主體部分的設(shè)計(jì)　337
10．2．4　案例小結(jié)　340
本章小結(jié)　340
思考與練習(xí)　340
第11章　網(wǎng)站的發(fā)布與管理　342
11．1　網(wǎng)頁中的標(biāo)記　342
11．1．1　name屬性和content屬性　343
11．1．2　http-equiv屬性和content屬性　344
11．2　測試網(wǎng)站　345
11．2．1　代碼測試　345
11．2．2　驗(yàn)證HTML　347
11．2．3　檢查鏈接　348
11．2．4　檢查屏幕分辨率和顏色　349
11．2．5　可訪問性檢驗(yàn)工具　349
11．2．6　檢查頁面在不同瀏覽器中的
顯示效果　350
11．3　構(gòu)建自己的Web服務(wù)器　350
11．3．1　Web服務(wù)器簡介　350
11．3．2　安裝Web服務(wù)器　351
11．4　在互聯(lián)網(wǎng)上建立Web站點(diǎn)　353
11．4．1　域名注冊　353
11．4．2　虛擬空間申請　356
11．4．3　發(fā)布網(wǎng)站　358
11．5　網(wǎng)站維護(hù)　359
11．5．1　網(wǎng)站的推廣　359
11．5．2　網(wǎng)站的安全　360
本章小結(jié)　361
思考與練習(xí)　361
參考文獻(xiàn)　362