HTML5+CSS3+JavaScript+Bootstrap網(wǎng)站開發(fā)實用技術(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)的工作機制　4
1．3　網(wǎng)站設(shè)計中的基本概念　5
1．4　制作網(wǎng)站的標準和常用技術(shù)　7
1．4．1　Web標準　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è)計制作網(wǎng)頁　14
1．6．6　網(wǎng)站的測試和發(fā)布　16
1．6．7　網(wǎng)站的維護與推廣　16
1．7　建立站點　17
1．7．1　Dreamweaver CS6介紹　17
1．7．2　Dreamweaver站點組成　20
1．7．3　創(chuàng)建站點　20
1．7．4　管理站點　21
1．8　應(yīng)用案例　22
本章小結(jié)　23
思考與練習　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的基本標記　29
2．2．1　標題標記　30
2．2．2　段落標記和換行標記
　30
2．2．3　塊標記和　31
2．2．4　列表標記　32
2．2．5　HTML5增加的結(jié)構(gòu)元素　35
2．3　多媒體　39
2．3．1　圖像標記　39
2．3．2　多媒體文件標記　41
2．3．3　HTML5新增視頻標記　43
2．3．4　HTML5新增音頻標記　45
2．4　超鏈接　46
2．4．1　超鏈接標記　46
2．4．2　超鏈接類型　46
2．4．3　超鏈接路徑　47
2．5　表單　49
2．5．1　表單定義標記　49
2．5．2　輸入標記　50
2．5．3　列表框標記　53
2．5．4　文本域輸入標記　53
2．5．5　HTML5新增的表單屬性　54
2．5．6　HTML5新增的input類型　56
2．6　表格　59
2．6．1　HTML的表格標記　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
思考與練習　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　標記選擇器　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　導入樣式　92
3．3．5　樣式的優(yōu)先級　93
3．4　CSS復合選擇器　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è)計網(wǎng)站頁面案例　126
本章小結(jié)　131
思考與練習　132
第4章　規(guī)劃頁面——使用
CSS實現(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實現(xiàn)圖文混排案例　153
4．4．2　二級導航菜單制作案例　157
本章小結(jié)　161
思考與練習　161
第三部分　JavaScript技術(shù)及其應(yīng)用
第5章　讓網(wǎng)頁動起來——使用
JavaScript技術(shù)　164
5．1　JavaScript概述　164
5．1．1　JavaScript的特點　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　表達式與運算符　174
5．3．1　表達式　174
5．3．2　運算符　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
思考與練習　192
第6章　實現(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　鼠標事件　232
6．7．2　鍵盤事件　235
6．7．3　表單事件　236
6．8　應(yīng)用案例　240
6．8．1　表單驗證案例　240
6．8．2　網(wǎng)絡(luò)相冊案例　244
6．8．3　圖片輪播案例　247
本章小結(jié)　252
思考與練習　252
第四部分　Bootstrap框架及其應(yīng)用
第7章　Bootstrap基礎(chǔ)　256
7．1　Bootstrap概述　256
7．1．1　認識Bootstrap　256
7．1．2　Bootstrap的內(nèi)容　256
7．1．3　Bootstrap的特點　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　在項目中引入Bootstrap　260
7．3　應(yīng)用案例　261
7．3．1　在頁面中使用組件　261
7．3．2　基于Bootstrap文檔示例創(chuàng)建的
網(wǎng)頁　262
本章小結(jié)　265
思考與練習　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)實現(xiàn)的響應(yīng)式布局　274
8．2　頁面版式　275
8．2．1　標題　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　導航部分的設(shè)計　285
8．7．3　主體部分的設(shè)計　286
8．7．4　CSS代碼　287
本章小結(jié)　288
思考與練習　289
第9章　Bootstrap的組件和
插件　291
9．1　Glyphicons 字體圖標　291
9．2　下拉菜單　293
9．3　導航和導航條　294
9．3．1　導航　294
9．3．2　導航條　294
9．4　標簽與徽章　298
9．5　列表組和分頁　299
9．5．1　列表組　299
9．5．2　分頁　301
9．6　標簽頁和提示框　301
9．6．1　標簽頁　301
9．6．2　提示框　303
9．7　折疊和輪播　304
9．7．1　折疊插件　304
9．7．2　輪播插件　306
9．8　應(yīng)用案例　308
本章小結(jié)　314
思考與練習　314
第五部分　綜合實例及網(wǎng)站發(fā)布與管理
第10章　綜合實例　318
10．1　用HTML5+CSS3實現(xiàn)旅游網(wǎng)站　318
10．1．1　使用HTML5結(jié)構(gòu)元素組織
網(wǎng)頁　318
10．1．2　頁頭部分的設(shè)計　322
10．1．3　側(cè)邊導航和焦點圖的設(shè)計　324
10．1．4　精品推薦版塊的設(shè)計　329
10．1．5　頁腳的設(shè)計　332
10．2　用Bootstrap實現(xiàn)網(wǎng)站后臺管理
頁面　334
10．2．1　頁面結(jié)構(gòu)描述　334
10．2．2　導航部分的設(shè)計　336
10．2．3　主體部分的設(shè)計　337
10．2．4　案例小結(jié)　340
本章小結(jié)　340
思考與練習　340
第11章　網(wǎng)站的發(fā)布與管理　342
11．1　網(wǎng)頁中的標記　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　驗證HTML　347
11．2．3　檢查鏈接　348
11．2．4　檢查屏幕分辨率和顏色　349
11．2．5　可訪問性檢驗工具　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站點　353
11．4．1　域名注冊　353
11．4．2　虛擬空間申請　356
11．4．3　發(fā)布網(wǎng)站　358
11．5　網(wǎng)站維護　359
11．5．1　網(wǎng)站的推廣　359
11．5．2　網(wǎng)站的安全　360
本章小結(jié)　361
思考與練習　361
參考文獻　362