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

第一部分 網(wǎng)站開(kāi)發(fā)基礎(chǔ)與HTML5技術(shù)
第1章　網(wǎng)站開(kāi)發(fā)基礎(chǔ)知識(shí)　2
1．1　互聯(lián)網(wǎng)的訪問(wèn)過(guò)程　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)站開(kāi)發(fā)常用技術(shù)　9
1．5　常用開(kāi)發(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)頁(yè)　14
1．6．6　網(wǎng)站的測(cè)試和發(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)頁(yè)制作
——使用HTML技術(shù)　24
2．1　HTML概述　24
2．1．1　HTML簡(jiǎn)介　24
2．1．2　HTML文檔結(jié)構(gòu)與書(shū)寫(xiě)規(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　會(huì)員注冊(cè)表單案例　67
2．8．3　內(nèi)嵌框架案例　71
2．8．4　表格布局應(yīng)用綜合案例　73
本章小結(jié)　77
思考與練習(xí)　78
第二部分　CSS3技術(shù)及其應(yīng)用
第3章　美化網(wǎng)頁(yè)——使用
CSS技術(shù)　82
3．1　CSS概述　82
3．1．1　CSS的引入　82
3．1．2　CSS簡(jiǎn)介　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)先級(jí)　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)站頁(yè)面案例　126
本章小結(jié)　131
思考與練習(xí)　132
第4章　規(guī)劃頁(yè)面——使用
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　浮動(dòng)屬性　143
4．3　DIV+CSS的網(wǎng)頁(yè)布局　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　二級(jí)導(dǎo)航菜單制作案例　157
本章小結(jié)　161
思考與練習(xí)　161
第三部分　JavaScript技術(shù)及其應(yīng)用
第5章　讓網(wǎng)頁(yè)動(dòng)起來(lái)——使用
JavaScript技術(shù)　164
5．1　JavaScript概述　164
5．1．1　JavaScript的特點(diǎn)　164
5．1．2　第一個(gè)JavaScript程序　165
5．2　JavaScript語(yǔ)言基礎(chǔ)　168
5．2．1　JavaScript語(yǔ)法格式　168
5．2．2　JavaScript代碼書(shū)寫(xiě)位置　168
5．2．3　JavaScript語(yǔ)句　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)用戶與頁(yè)面的交互
——JavaScript的對(duì)象
與事件　193
6．1　JavaScript對(duì)象概述　193
6．1．1　對(duì)象　193
6．1．2　對(duì)象的引用　194
6．1．3　對(duì)象的操作　194
6．1．4　JavaScript的對(duì)象類型　196
6．2　JavaScript內(nèi)置對(duì)象　196
6．2．1　String對(duì)象　196
6．2．2　Array對(duì)象　199
6．2．3　Date對(duì)象　204
6．2．4　Math對(duì)象　206
6．3　瀏覽器對(duì)象　208
6．3．1　BOM概述　208
6．3．2　Window對(duì)象　209
6．3．3　Navigator對(duì)象　213
6．3．4　Screen對(duì)象　214
6．3．5　Location對(duì)象　215
6．3．6　History對(duì)象　216
6．3．7　Document對(duì)象　217
6．4　HTML DOM對(duì)象　220
6．4．1　DOM概述　220
6．4．2　HTML DOM對(duì)象　223
6．4．3　訪問(wèn)HTML DOM對(duì)象　223
6．5　事件和事件處理　227
6．5．1　事件處理的相關(guān)概念　227
6．5．2　事件綁定　228
6．6　常見(jiàn)事件和事件對(duì)象　229
6．6．1　JavaScript的常見(jiàn)事件　229
6．6．2　事件對(duì)象　231
6．7　常見(jiàn)事件示例　232
6．7．1　鼠標(biāo)事件　232
6．7．2　鍵盤(pán)事件　235
6．7．3　表單事件　236
6．8　應(yīng)用案例　240
6．8．1　表單驗(yàn)證案例　240
6．8．2　網(wǎng)絡(luò)相冊(cè)案例　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)識(shí)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開(kāi)發(fā)環(huán)境　259
7．2．4　在項(xiàng)目中引入Bootstrap　260
7．3　應(yīng)用案例　261
7．3．1　在頁(yè)面中使用組件　261
7．3．2　基于Bootstrap文檔示例創(chuàng)建的
網(wǎng)頁(yè)　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　頁(yè)面版式　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　頁(yè)面結(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　列表組和分頁(yè)　299
9．5．1　列表組　299
9．5．2　分頁(yè)　301
9．6　標(biāo)簽頁(yè)和提示框　301
9．6．1　標(biāo)簽頁(yè)　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)頁(yè)　318
10．1．2　頁(yè)頭部分的設(shè)計(jì)　322
10．1．3　側(cè)邊導(dǎo)航和焦點(diǎn)圖的設(shè)計(jì)　324
10．1．4　精品推薦版塊的設(shè)計(jì)　329
10．1．5　頁(yè)腳的設(shè)計(jì)　332
10．2　用Bootstrap實(shí)現(xiàn)網(wǎng)站后臺(tái)管理
頁(yè)面　334
10．2．1　頁(yè)面結(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)頁(yè)中的標(biāo)記　342
11．1．1　name屬性和content屬性　343
11．1．2　http-equiv屬性和content屬性　344
11．2　測(cè)試網(wǎng)站　345
11．2．1　代碼測(cè)試　345
11．2．2　驗(yàn)證HTML　347
11．2．3　檢查鏈接　348
11．2．4　檢查屏幕分辨率和顏色　349
11．2．5　可訪問(wèn)性檢驗(yàn)工具　349
11．2．6　檢查頁(yè)面在不同瀏覽器中的
顯示效果　350
11．3　構(gòu)建自己的Web服務(wù)器　350
11．3．1　Web服務(wù)器簡(jiǎn)介　350
11．3．2　安裝Web服務(wù)器　351
11．4　在互聯(lián)網(wǎng)上建立Web站點(diǎn)　353
11．4．1　域名注冊(cè)　353
11．4．2　虛擬空間申請(qǐng)　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