HTML+CSS+JavaScript網(wǎng)站開發(fā)實用技術(shù)

目　錄
第1章　網(wǎng)站開發(fā)基礎(chǔ)知識　1
1．1　互聯(lián)網(wǎng)的訪問過程　1
1．2　互聯(lián)網(wǎng)的工作機(jī)制　3
1．3　網(wǎng)站設(shè)計中的基本概念　4
1．4　制作網(wǎng)站的標(biāo)準(zhǔn)和常用技術(shù)　6
1．4．1　Web標(biāo)準(zhǔn)　7
1．4．2　網(wǎng)站開發(fā)常用技術(shù)　8
1．5　常用開發(fā)工具　9
1．6　網(wǎng)站建設(shè)的流程　10
1．6．1　明確網(wǎng)站的定位　10
1．6．2　確定網(wǎng)站的主題　11
1．6．3　網(wǎng)站的整體規(guī)劃　12
1．6．4　收集資料與素材　13
1．6．5　設(shè)計制作網(wǎng)頁頁面　14
1．6．6　測試和發(fā)布　15
1．6．7　網(wǎng)站的維護(hù)與推廣　16
1．7　建立站點(diǎn)　16
1．7．1　Dreamweaver CS5介紹　16
1．7．2　Dreamweaver站點(diǎn)組成　19
1．7．3　創(chuàng)建站點(diǎn)　19
1．7．4　管理站點(diǎn)　20
1．8　應(yīng)用案例　21
本章小結(jié)　22
思考與練習(xí)　23
第2章　靜態(tài)網(wǎng)頁制作——使用HTML技術(shù)　24
2．1　HTML概述　24
2．1．1　HTML簡介　24
2．1．2　用記事本創(chuàng)建HTML文件　26
2．1．3　HTML文檔結(jié)構(gòu)與書寫規(guī)范　26
2．1．4　建立HTML文件　27
2．2　HTML頁面修飾標(biāo)記　30
2．2．1　傳統(tǒng)HTML頁面標(biāo)記　30
2．2．2　HTML5改進(jìn)的頁面標(biāo)記　32
2．3　列表　33
2．3．1　有序列表　33
2．3．2　無序列表　35
2．3．3　自定義列表　36
2．4　多媒體　37
2．4．1　圖像標(biāo)記　37
2．4．2　背景音樂標(biāo)記和滾動字幕標(biāo)記*　41
2．4．3　多媒體文件標(biāo)記　43
2．4．4　HTML5新增視頻標(biāo)記　44
2．4．5　HTML5新增音頻標(biāo)記　46
2．5　超鏈接　47
2．5．1　超鏈接標(biāo)記　48
2．5．2　超鏈接類型　48
2．5．3　超鏈接路徑　49
2．6　表單　51
2．6．1　表單定義標(biāo)記　52
2．6．2　輸入標(biāo)記　52
2．6．3　HTML5新增input類型　55
2．6．4　列表框標(biāo)記　58
2．6．5　文本域輸入標(biāo)記　59
2．7　應(yīng)用案例　60
2．7．1　多層嵌套列表案例　60
2．7．2　會員注冊表單案例　62
2．7．3　旅游網(wǎng)站首頁案例　64
本章小結(jié)　66
思考與練習(xí)　67
第3章　規(guī)劃頁面——HTML的頁面布局設(shè)計　69
3．1　表格　69
3．1．1　HTML的表格標(biāo)記　69
3．1．2　HTML表格的屬性　71
3．1．3　表格嵌套　74
3．2　框架　75
3．2．1　框架基本結(jié)構(gòu)　75
3．2．2　框架分割方式　76
3．2．3　框架集常用屬性　77
3．2．4　內(nèi)嵌框架　80
3．3　使用層進(jìn)行網(wǎng)頁布局　82
3．4　應(yīng)用案例　83
3．4．1　用表格實現(xiàn)頁面布局案例　83
3．4．2　用框架實現(xiàn)布局案例　87
本章小結(jié)　93
思考與練習(xí)　93
第4章　美化網(wǎng)頁——使用CSS技術(shù)　95
4．1　CSS概述　95
4．1．1　CSS的引入　95
4．1．2　CSS簡介　98
4．2　CSS基本選擇器　99
4．2．1　標(biāo)記選擇器　99
4．2．2　類選擇器　100
4．2．3　ID選擇器　101
4．3　在HTML中使用CSS的方法　103
4．3．1　行內(nèi)樣式　103
4．3．2　嵌入樣式　103
4．3．3　鏈接樣式　104
4．3．4　導(dǎo)入樣式　105
4．3．5　樣式的優(yōu)先級　106
4．4　CSS復(fù)合選擇器　109
4．4．1　交集選擇器　109
4．4．2　并集選擇器　110
4．4．3　后代選擇器　111
4．4．4　子選擇器　113
4．4．5　相鄰選擇器　113
4．4．6　偽類選擇器　114
4．4．7　偽對象選擇器　116
4．5　用CSS設(shè)置文本樣式　117
4．5．1　字體屬性　117
4．5．2　文本屬性　122
4．6　用CSS設(shè)置顏色與背景　125
4．7　用CSS設(shè)置圖像效果　129
4．7．1　為圖片添加邊框　129
4．7．2　圖片縮放　131
4．7．3　圖文混排　132
4．8　應(yīng)用案例　135
4．8．1　用CSS美化表單案例　135
4．8．2　用CSS設(shè)計網(wǎng)站頁面案例　137
本章小結(jié)　140
思考與練習(xí)　141
第5章　使用DIV+CSS實現(xiàn)精美布局　143
5．1　CSS盒模型　143
5．1．1　內(nèi)容　144
5．1．2　邊界　145
5．1．3　填充　147
5．1．4　邊框　148
5．2　CSS布局常用屬性　151
5．2．1　定位屬性(position)　151
5．2．2　浮動屬性(float)　156
5．3　DIV+CSS網(wǎng)頁布局　158
5．3．1　基本布局　158
5．3．2　復(fù)雜布局　162
5．4　應(yīng)用案例　166
5．4．1　用DIV+CSS實現(xiàn)圖文混排案例　166
5．4．2　用CSS設(shè)計圓角案例　171
5．4．3　二級導(dǎo)航菜單制作案例　173
本章小結(jié)　178
思考與練習(xí)　179
第6章　讓網(wǎng)頁動起來——使用JavaScript技術(shù)　180
6．1　JavaScript簡介　180
6．1．1　JavaScript的概念和特點(diǎn)　180
6．1．2　JavaScript與Java　181
6．1．3　第一個JavaScript程序　182
6．2　JavaScript語言基礎(chǔ)　184
6．2．1　JavaScript語法格式　185
6．2．2　JavaScript代碼書寫位置　185
6．2．3　JavaScript語句　186
6．2．4　JavaScript注釋　187
6．2．5　數(shù)據(jù)類型　187
6．2．6　變量　189
6．2．7　常量　190
6．3　表達(dá)式與運(yùn)算符　191
6．3．1　表達(dá)式　191
6．3．2　運(yùn)算符　192
6．4　JavaScript控制結(jié)構(gòu)與函數(shù)　197
6．4．1　JavaScirpt控制結(jié)構(gòu)　197
6．4．2　函數(shù)　205
6．5　應(yīng)用案例　209
本章小結(jié)　210
思考與練習(xí)　211
第7章　使用JavaScript對象編程　212
7．1　JavaScript對象概述　212
7．1．1　對象　212
7．1．2　對象的引用　213
7．1．3　對象的操作　214
7．1．4　JavaScript的對象類型　216
7．2　JavaScript內(nèi)置對象　216
7．2．1　String對象　216
7．2．2　Array對象　220
7．2．3　Date對象　226
7．2．4　Math對象　228
7．3　瀏覽器對象　230
7．3．1　BOM概述　230
7．3．2　窗口對象(Window)　231
7．3．3　瀏覽器對象(Navigator)　236
7．3．4　屏幕對象(Screen)　237
7．3．5　地址對象(Location)　240
7．3．6　歷史對象(History)　240
7．3．7　文檔對象(Document)　241
7．4　HTML DOM對象　245
7．4．1　DOM概述　245
7．4．2　HTML DOM對象　247
7．4．3　訪問HTML DOM對象　247
7．5　自定義對象　252
7．5．1　定義對象　252
7．5．2　創(chuàng)建對象實例　252
7．5．3　自定義對象的應(yīng)用　253
7．6　應(yīng)用案例　254
7．6．1　表單驗證案例　254
7．6．2　實現(xiàn)復(fù)選框的全選效果案例　258
本章小結(jié)　260
思考與練習(xí)　260
第8章　實現(xiàn)用戶與頁面的交互——事件處理　262
8．1　事件的基本概念　262
8．1．1　事件和事件處理　262
8．1．2　事件綁定　263
8．2　JavaScript常見事件　264
8．3　事件對象　265
8．4　鼠標(biāo)和鍵盤事件　267
8．4．1　鼠標(biāo)事件　267
8．4．2　鍵盤事件　271
8．5　頁面事件　273
8．6　表單事件　273
8．6．1　提交與重置事件　273
8．6．2　元素內(nèi)容修改事件　277
8．6．3　獲得焦點(diǎn)事件與失去焦點(diǎn)事件　278
8．7　編輯事件　279
8．7．1　文本編輯事件　279
8．7．2　拖放事件　280
8．8　應(yīng)用案例　281
8．8．1　商品評級網(wǎng)頁案例　281
8．8．2　跟隨鼠標(biāo)文字特效案例　283
8．8．3　網(wǎng)絡(luò)相冊案例　285
本章小結(jié)　288
思考與練習(xí)　289
第9章　網(wǎng)站的發(fā)布與管理　290
9．1　網(wǎng)頁中的標(biāo)記　290
9．1．1　name屬性和content屬性　291
9．1．2　http-equiv屬性和content屬性　292
9．2　測試網(wǎng)站　294
9．2．1　代碼測試　294
9．2．2　驗證HTML　295
9．2．3　檢查鏈接　296
9．2．4　檢查屏幕分辨率和顏色　298
9．2．5　可訪問性檢驗工具　298
9．2．6　檢查頁面在不同瀏覽器中的顯示效果　298
9．3　構(gòu)建自己的Web服務(wù)器　298
9．3．1　Web服務(wù)器簡介　299
9．3．2　安裝Web服務(wù)器　299
9．4　在互聯(lián)網(wǎng)上建立Web站點(diǎn)　302
9．4．1　域名注冊　302
9．4．2　虛擬空間申請　305
9．4．3　發(fā)布網(wǎng)站　307
9．5　網(wǎng)站維護(hù)　308
9．5．1　網(wǎng)站的推廣　309
9．5．2　網(wǎng)站的安全　310
本章小結(jié)　310
思考與練習(xí)　310
附錄　HTML標(biāo)記列表　312
參考文獻(xiàn)　316