HTML5+CSS3+JavaScript+Bootstrap網站開發(fā)實用技術（第3版）

第一部分 網站開發(fā)基礎與HTML5技術
第1章　網站開發(fā)基礎知識　2
1．1　互聯網的訪問過程　2
1．2　互聯網的工作機制　4
1．3　網站設計中的基本概念　5
1．4　制作網站的標準和常用技術　7
1．4．1　Web標準　8
1．4．2　網站開發(fā)常用技術　9
1．5　常用開發(fā)工具　10
1．6　網站建設的流程　11
1．6．1　明確網站的定位　11
1．6．2　確定網站的主題　12
1．6．3　網站的整體規(guī)劃　13
1．6．4　收集資料與素材　14
1．6．5　設計制作網頁　14
1．6．6　網站的測試和發(fā)布　16
1．6．7　網站的維護與推廣　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　應用案例　22
本章小結　23
思考與練習　23
第2章　靜態(tài)網頁制作
——使用HTML技術　24
2．1　HTML概述　24
2．1．1　HTML簡介　24
2．1．2　HTML文檔結構與書寫規(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增加的結構元素　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　內嵌框架　64
2．8　應用案例　66
2．8．1　多層嵌套列表案例　66
2．8．2　會員注冊表單案例　67
2．8．3　內嵌框架案例　71
2．8．4　表格布局應用綜合案例　73
本章小結　77
思考與練習　78
第二部分　CSS3技術及其應用
第3章　美化網頁——使用
CSS技術　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　行內樣式　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設置文本樣式　107
3．5．1　字體屬性　107
3．5．2　文本屬性　111
3．6　用CSS設置顏色與背景　114
3．6．1　顏色設置　114
3．6．2　背景設置　115
3．6．3　圓角邊框和圖像邊框　118
3．7　用CSS設置圖像效果　119
3．7．1　為圖片添加邊框　120
3．7．2　圖片縮放　121
3．7．3　圖文混排　123
3．8　應用案例　125
3．8．1　用CSS美化表單案例　125
3．8．2　用CSS設計網站頁面案例　126
本章小結　131
思考與練習　132
第4章　規(guī)劃頁面——使用
CSS實現精美布局　133
4．1　CSS盒模型　133
4．1．1　內容　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的網頁布局　144
4．3．1　單列布局　145
4．3．2　兩列布局　146
4．3．3　使用CSS3盒布局的三列布局　150
4．4　應用案例　153
4．4．1　用DIV+CSS實現圖文混排案例　153
4．4．2　二級導航菜單制作案例　157
本章小結　161
思考與練習　161
第三部分　JavaScript技術及其應用
第5章　讓網頁動起來——使用
JavaScript技術　164
5．1　JavaScript概述　164
5．1．1　JavaScript的特點　164
5．1．2　第一個JavaScript程序　165
5．2　JavaScript語言基礎　168
5．2．1　JavaScript語法格式　168
5．2．2　JavaScript代碼書寫位置　168
5．2．3　JavaScript語句　170
5．2．4　JavaScript注釋　170
5．2．5　數據類型　171
5．2．6　變量　172
5．2．7　常量　173
5．3　表達式與運算符　174
5．3．1　表達式　174
5．3．2　運算符　175
5．4　JavaScript控制結構與函數　179
5．4．1　JavaScript控制結構　180
5．4．2　函數　186
5．5　應用案例　189
本章小結　191
思考與練習　192
第6章　實現用戶與頁面的交互
——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內置對象　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　事件處理的相關概念　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　應用案例　240
6．8．1　表單驗證案例　240
6．8．2　網絡相冊案例　244
6．8．3　圖片輪播案例　247
本章小結　252
思考與練習　252
第四部分　Bootstrap框架及其應用
第7章　Bootstrap基礎　256
7．1　Bootstrap概述　256
7．1．1　認識Bootstrap　256
7．1．2　Bootstrap的內容　256
7．1．3　Bootstrap的特點　258
7．1．4　Bootstrap的版本　258
7．2　Bootstrap結構　258
7．2．1　Bootstrap的下載　258
7．2．2　Bootstrap結構　259
7．2．3　WebStorm開發(fā)環(huán)境　259
7．2．4　在項目中引入Bootstrap　260
7．3　應用案例　261
7．3．1　在頁面中使用組件　261
7．3．2　基于Bootstrap文檔示例創(chuàng)建的
網頁　262
本章小結　265
思考與練習　266
第8章　Bootstrap的全局樣式　267
8．1　柵格系統　267
8．1．1　柵格系統的原理　267
8．1．2　柵格系統的類及相關參數　268
8．1．3　用柵格系統實現的響應式布局　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　應用案例　283
8．7．1　頁面結構描述　284
8．7．2　導航部分的設計　285
8．7．3　主體部分的設計　286
8．7．4　CSS代碼　287
本章小結　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　應用案例　308
本章小結　314
思考與練習　314
第五部分　綜合實例及網站發(fā)布與管理
第10章　綜合實例　318
10．1　用HTML5+CSS3實現旅游網站　318
10．1．1　使用HTML5結構元素組織
網頁　318
10．1．2　頁頭部分的設計　322
10．1．3　側邊導航和焦點圖的設計　324
10．1．4　精品推薦版塊的設計　329
10．1．5　頁腳的設計　332
10．2　用Bootstrap實現網站后臺管理
頁面　334
10．2．1　頁面結構描述　334
10．2．2　導航部分的設計　336
10．2．3　主體部分的設計　337
10．2．4　案例小結　340
本章小結　340
思考與練習　340
第11章　網站的發(fā)布與管理　342
11．1　網頁中的標記　342
11．1．1　name屬性和content屬性　343
11．1．2　http-equiv屬性和content屬性　344
11．2　測試網站　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　構建自己的Web服務器　350
11．3．1　Web服務器簡介　350
11．3．2　安裝Web服務器　351
11．4　在互聯網上建立Web站點　353
11．4．1　域名注冊　353
11．4．2　虛擬空間申請　356
11．4．3　發(fā)布網站　358
11．5　網站維護　359
11．5．1　網站的推廣　359
11．5．2　網站的安全　360
本章小結　361
思考與練習　361
參考文獻　362