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

目　錄
第1章　網(wǎng)站開(kāi)發(fā)基礎(chǔ)知識(shí)　1
1．1　互聯(lián)網(wǎng)的訪(fǎng)問(wèn)過(guò)程　1
1．2　互聯(lián)網(wǎng)的工作機(jī)制　3
1．3　網(wǎng)站設(shè)計(jì)中的基本概念　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)站開(kāi)發(fā)常用技術(shù)　8
1．5　常用開(kāi)發(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è)計(jì)制作網(wǎng)頁(yè)頁(yè)面　14
1．6．6　測(cè)試和發(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)頁(yè)制作——使用HTML技術(shù)　24
2．1　HTML概述　24
2．1．1　HTML簡(jiǎn)介　24
2．1．2　用記事本創(chuàng)建HTML文件　26
2．1．3　HTML文檔結(jié)構(gòu)與書(shū)寫(xiě)規(guī)范　26
2．1．4　建立HTML文件　27
2．2　HTML頁(yè)面修飾標(biāo)記　30
2．2．1　傳統(tǒng)HTML頁(yè)面標(biāo)記　30
2．2．2　HTML5改進(jìn)的頁(yè)面標(biāo)記　32
2．3　列表　33
2．3．1　有序列表　33
2．3．2　無(wú)序列表　35
2．3．3　自定義列表　36
2．4　多媒體　37
2．4．1　圖像標(biāo)記　37
2．4．2　背景音樂(lè)標(biāo)記和滾動(dòng)字幕標(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　超鏈接類(lèi)型　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類(lèi)型　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　會(huì)員注冊(cè)表單案例　62
2．7．3　旅游網(wǎng)站首頁(yè)案例　64
本章小結(jié)　66
思考與練習(xí)　67
第3章　規(guī)劃頁(yè)面——HTML的頁(yè)面布局設(shè)計(jì)　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)頁(yè)布局　82
3．4　應(yīng)用案例　83
3．4．1　用表格實(shí)現(xiàn)頁(yè)面布局案例　83
3．4．2　用框架實(shí)現(xiàn)布局案例　87
本章小結(jié)　93
思考與練習(xí)　93
第4章　美化網(wǎng)頁(yè)——使用CSS技術(shù)　95
4．1　CSS概述　95
4．1．1　CSS的引入　95
4．1．2　CSS簡(jiǎn)介　98
4．2　CSS基本選擇器　99
4．2．1　標(biāo)記選擇器　99
4．2．2　類(lèi)選擇器　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)先級(jí)　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　偽類(lèi)選擇器　114
4．4．7　偽對(duì)象選擇器　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è)計(jì)網(wǎng)站頁(yè)面案例　137
本章小結(jié)　140
思考與練習(xí)　141
第5章　使用DIV+CSS實(shí)現(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　浮動(dòng)屬性(float)　156
5．3　DIV+CSS網(wǎng)頁(yè)布局　158
5．3．1　基本布局　158
5．3．2　復(fù)雜布局　162
5．4　應(yīng)用案例　166
5．4．1　用DIV+CSS實(shí)現(xiàn)圖文混排案例　166
5．4．2　用CSS設(shè)計(jì)圓角案例　171
5．4．3　二級(jí)導(dǎo)航菜單制作案例　173
本章小結(jié)　178
思考與練習(xí)　179
第6章　讓網(wǎng)頁(yè)動(dòng)起來(lái)——使用JavaScript技術(shù)　180
6．1　JavaScript簡(jiǎn)介　180
6．1．1　JavaScript的概念和特點(diǎn)　180
6．1．2　JavaScript與Java　181
6．1．3　第一個(gè)JavaScript程序　182
6．2　JavaScript語(yǔ)言基礎(chǔ)　184
6．2．1　JavaScript語(yǔ)法格式　185
6．2．2　JavaScript代碼書(shū)寫(xiě)位置　185
6．2．3　JavaScript語(yǔ)句　186
6．2．4　JavaScript注釋　187
6．2．5　數(shù)據(jù)類(lèi)型　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對(duì)象編程　212
7．1　JavaScript對(duì)象概述　212
7．1．1　對(duì)象　212
7．1．2　對(duì)象的引用　213
7．1．3　對(duì)象的操作　214
7．1．4　JavaScript的對(duì)象類(lèi)型　216
7．2　JavaScript內(nèi)置對(duì)象　216
7．2．1　String對(duì)象　216
7．2．2　Array對(duì)象　220
7．2．3　Date對(duì)象　226
7．2．4　Math對(duì)象　228
7．3　瀏覽器對(duì)象　230
7．3．1　BOM概述　230
7．3．2　窗口對(duì)象(Window)　231
7．3．3　瀏覽器對(duì)象(Navigator)　236
7．3．4　屏幕對(duì)象(Screen)　237
7．3．5　地址對(duì)象(Location)　240
7．3．6　歷史對(duì)象(History)　240
7．3．7　文檔對(duì)象(Document)　241
7．4　HTML DOM對(duì)象　245
7．4．1　DOM概述　245
7．4．2　HTML DOM對(duì)象　247
7．4．3　訪(fǎng)問(wèn)HTML DOM對(duì)象　247
7．5　自定義對(duì)象　252
7．5．1　定義對(duì)象　252
7．5．2　創(chuàng)建對(duì)象實(shí)例　252
7．5．3　自定義對(duì)象的應(yīng)用　253
7．6　應(yīng)用案例　254
7．6．1　表單驗(yàn)證案例　254
7．6．2　實(shí)現(xiàn)復(fù)選框的全選效果案例　258
本章小結(jié)　260
思考與練習(xí)　260
第8章　實(shí)現(xiàn)用戶(hù)與頁(yè)面的交互——事件處理　262
8．1　事件的基本概念　262
8．1．1　事件和事件處理　262
8．1．2　事件綁定　263
8．2　JavaScript常見(jiàn)事件　264
8．3　事件對(duì)象　265
8．4　鼠標(biāo)和鍵盤(pán)事件　267
8．4．1　鼠標(biāo)事件　267
8．4．2　鍵盤(pán)事件　271
8．5　頁(yè)面事件　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　商品評(píng)級(jí)網(wǎng)頁(yè)案例　281
8．8．2　跟隨鼠標(biāo)文字特效案例　283
8．8．3　網(wǎng)絡(luò)相冊(cè)案例　285
本章小結(jié)　288
思考與練習(xí)　289
第9章　網(wǎng)站的發(fā)布與管理　290
9．1　網(wǎng)頁(yè)中的標(biāo)記　290
9．1．1　name屬性和content屬性　291
9．1．2　http-equiv屬性和content屬性　292
9．2　測(cè)試網(wǎng)站　294
9．2．1　代碼測(cè)試　294
9．2．2　驗(yàn)證HTML　295
9．2．3　檢查鏈接　296
9．2．4　檢查屏幕分辨率和顏色　298
9．2．5　可訪(fǎng)問(wèn)性檢驗(yàn)工具　298
9．2．6　檢查頁(yè)面在不同瀏覽器中的顯示效果　298
9．3　構(gòu)建自己的Web服務(wù)器　298
9．3．1　Web服務(wù)器簡(jiǎn)介　299
9．3．2　安裝Web服務(wù)器　299
9．4　在互聯(lián)網(wǎng)上建立Web站點(diǎn)　302
9．4．1　域名注冊(cè)　302
9．4．2　虛擬空間申請(qǐng)　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