網(wǎng)頁(yè)制作教程（第三版）

第1章　HTML基礎(chǔ)　1
1.1　什么是HTML　1
1.1.1　網(wǎng)頁(yè)的基本概念　1
1.1.2　HTML的工作原理　3
1.1.3　創(chuàng)建和測(cè)試網(wǎng)頁(yè)　5
1.1.4　網(wǎng)頁(yè)制作工具　6
1.2　創(chuàng)建網(wǎng)頁(yè)　7
1.2.1　標(biāo)記符基礎(chǔ)　7
1.2.2　網(wǎng)頁(yè)的基本結(jié)構(gòu)　8
1.2.3　設(shè)置頁(yè)面屬性　11
1.2.4　添加注釋　13
1.2.5　顯示特殊字符　14
1.3　發(fā)布網(wǎng)頁(yè)　14
1.3.1　創(chuàng)建本地站點(diǎn)　14
1.3.2　申請(qǐng)網(wǎng)頁(yè)空間　14
1.3.3　用FTP上傳網(wǎng)頁(yè)　15
練習(xí)題　16
第2章　文本格式　18
2.1　文本分段　18
2.1.1　段落標(biāo)記符P和換行標(biāo)記符BR　18
2.1.2　水平線標(biāo)記符HR　19
2.1.3　標(biāo)題標(biāo)記符Hn　21
2.1.4　段落對(duì)齊　22
2.2　控制文本的顯示效果　25
2.2.1　字體控制標(biāo)記符FONT　25
2.2.2　物理字符樣式　28
2.2.3　邏輯字符樣式　29
2.2.4　滾動(dòng)字幕效果　30
2.3　列表格式　32
2.3.1　有序列表　32
2.3.2　無(wú)序列表　33
2.4　創(chuàng)建超鏈接　34
2.4.1　相對(duì)地址與絕對(duì)地址　35
2.4.2　頁(yè)面鏈接　36
2.4.3　錨點(diǎn)鏈接　37
2.4.4　電子郵件鏈接　38
2.5　網(wǎng)站實(shí)例　39
2.5.1　網(wǎng)站規(guī)劃　40
2.5.2　頁(yè)面設(shè)計(jì)　41
2.5.3　代碼實(shí)現(xiàn)　42
練習(xí)題　46
第3章　使用圖像　48
3.1　網(wǎng)頁(yè)圖像基礎(chǔ)　48
3.1.1　位圖與矢量圖　48
3.1.2　網(wǎng)頁(yè)圖像格式　49
3.1.3　使用網(wǎng)頁(yè)圖像的要點(diǎn)　51
3.2　圖像處理基本操作　51
3.2.1　Fireworks的界面　51
3.2.2　修改圖像的大小　53
3.2.3　用適當(dāng)?shù)母袷綄?dǎo)出圖像　53
3.2.4　制作GIF動(dòng)畫(huà)　55
3.3　圖像標(biāo)記符IMG　57
3.3.1　插入圖像　57
3.3.2　設(shè)置圖像屬性　58
3.4　使用圖像映射　61
3.4.1　什么是圖像映射　61
3.4.2　創(chuàng)建圖像映射　61
練習(xí)題　62
第4章　表格與框架　63
4.1　創(chuàng)建表格　63
4.1.1　表格的基本構(gòu)成　63
4.1.2　合并單元格　65
4.1.3　構(gòu)造表格的步驟　65
4.2　表格的屬性設(shè)置　66
4.2.1　邊框與分隔線　66
4.2.2　控制單元格空白　68
4.2.3　表格的對(duì)齊　69
4.3　使用表格設(shè)計(jì)網(wǎng)頁(yè)布局　71
4.3.1　控制表格和單元格大小　71
4.3.2　設(shè)置表格和單元格的背景　72
4.3.3　使用嵌套表格　73
4.3.4　表格布局綜合應(yīng)用　74
4.4　創(chuàng)建框架　78
4.4.1　什么是框架　79
4.4.2　指定框架結(jié)構(gòu)　79
4.4.3　框架的嵌套　82
4.4.4　框架的初始化　83
4.5　控制框架的顯示效果　85
4.5.1　邊框效果　85
4.5.2　設(shè)置框架空白　86
4.6　使用框架設(shè)計(jì)網(wǎng)頁(yè)布局　87
4.6.1　指定超鏈接的目標(biāo)框架　87
4.6.2　使用頁(yè)內(nèi)框架　89
練習(xí)題　91
第5章　表單與特殊對(duì)象　95
5.1　創(chuàng)建表單　95
5.1.1　什么是表單　95
5.1.2　表單控件的類型　97
5.1.3　FORM標(biāo)記符　98
5.2　創(chuàng)建表單控件　99
5.2.1　文本框與口令框　99
5.2.2　復(fù)選框與單選框　100
5.2.3　文件選擇框　101
5.2.4　按鈕　102
5.2.5　多行文本框　104
5.2.6　選項(xiàng)菜單　105
5.3　設(shè)置控件的標(biāo)簽　106
5.4　網(wǎng)頁(yè)中的特殊對(duì)象　108
5.4.1　多媒體對(duì)象　108
5.4.2　Java小應(yīng)用程序?qū)ο蟆?10
5.5　創(chuàng)建Flash對(duì)象　113
5.5.1　什么是Flash　114
5.5.2　創(chuàng)建逐幀動(dòng)畫(huà)　116
5.5.3　創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)　120
5.5.4　創(chuàng)建補(bǔ)間動(dòng)畫(huà)　123
練習(xí)題　128
第6章　CSS技術(shù)　130
6.1　CSS入門　130
6.1.1　什么是CSS　130
6.1.2　CSS的屬性單位　131
6.2　在網(wǎng)頁(yè)中使用CSS　133
6.2.1　在標(biāo)記符中直接嵌套樣式信息　133
6.2.2　在STYLE標(biāo)記符中定義樣式信息　133
6.2.3　鏈接外部樣式表中的樣式信息　134
6.2.4　樣式的優(yōu)先級(jí)　135
6.3　CSS樣式定義　136
6.3.1　HTML標(biāo)記符選擇器　136
6.3.2　具有上下文關(guān)系的HTML標(biāo)記符選擇器　137
6.3.3　用戶定義的類選擇器　137
6.3.4　用戶定義的ID選擇器　138
6.3.5　虛類選擇器　138
6.4　CSS屬性　138
6.4.1　字體與文本屬性　139
6.4.2　顏色與背景屬性　142
6.4.3　布局屬性　144
6.4.4　定位和顯示屬性　150
6.4.5　列表屬性　153
6.4.6　鼠標(biāo)屬性　154
6.5　CSS過(guò)濾器效果　154
6.5.1　過(guò)濾器屬性列表　154
6.5.2　過(guò)濾器效果示例　156
練習(xí)題　158
第7章　JavaScript與DHTML技術(shù)　160
7.1　使用客戶端腳本　160
7.1.1　使用SCRIPT標(biāo)記符　160
7.1.2　直接添加腳本　162
7.1.3　鏈接腳本文件　162
7.2　JavaScript簡(jiǎn)介　163
7.2.1　JavaScript語(yǔ)言基礎(chǔ)　163
7.2.2　使用JavaScript對(duì)象　169
7.2.3　使用瀏覽器對(duì)象　174
7.3　DHTML技術(shù)　181
7.3.1　什么是DHTML　181
7.3.2　DHTML應(yīng)用示例　183
練習(xí)題　187
第8章　XML入門　189
8.1　什么是XML　189
8.1.1　XML的定義　189
8.1.2　XML和HTML的不同　190
8.1.3　XML的應(yīng)用　191
8.1.4　XML相關(guān)技術(shù)　192
8.2　XML文檔規(guī)則　193
8.2.1　XML文檔的有效性　193
8.2.2　XML的語(yǔ)法　193
8.3　顯示XML文檔　195
8.3.1　直接查看XML文檔　195
8.3.2　用CSS顯示XML文檔　196
8.3.3　用XSL顯示XML文檔　197
8.3.4　在HTML中嵌入XML數(shù)據(jù)　199
8.3.5　用JavaScript顯示XML數(shù)據(jù)　201
8.4　文件類型定義　203
8.4.1　什么是DTD　203
8.4.2　DTD文件聲明　204
8.4.3　元素的聲明　205
8.4.4　屬性的聲明　207
8.4.5　實(shí)體的聲明　208
8.4.6　驗(yàn)證XML　208
8.5　XML模式　209
8.5.1　XML模式基礎(chǔ)　209
8.5.2　使用模式定義簡(jiǎn)單類型　211
8.5.3　使用模式定義復(fù)雜類型　213
8.6　XML樣式表(XSL)　219
8.6.1　XSL簡(jiǎn)介　220
8.6.2　使用XSLT將XML轉(zhuǎn)換為XHTML　220
8.7　XML編程接口　225
8.7.1　DOM　225
8.7.2　SAX　227
練習(xí)題　227
第9章　用Dreamweaver制作網(wǎng)頁(yè)　229
9.1　Dreamweaver的界面　229
9.1.1　Dreamweaver的界面元素　229
9.1.2　設(shè)置文檔窗口　231
9.2　創(chuàng)建與管理站點(diǎn)　233
9.2.1　網(wǎng)站開(kāi)發(fā)流程　233
9.2.2　創(chuàng)建本地站點(diǎn)　237
9.2.3　管理本地站點(diǎn)　238
9.2.4　創(chuàng)建與管理遠(yuǎn)程站點(diǎn)　239
9.3　文本修飾與超鏈接　240
9.3.1　制作網(wǎng)頁(yè)的一般過(guò)程　240
9.3.2　設(shè)置字符格式　241
9.3.3　設(shè)置段落格式　243
9.3.4　設(shè)置列表格式　243
9.3.5　使用超鏈接　244
9.4　使用圖像　246
9.4.1　插入圖像　246
9.4.2　設(shè)置圖像屬性　247
9.4.3　制作圖像映射　247
9.4.4　制作鼠標(biāo)經(jīng)過(guò)圖像效果　248
9.5　使用多媒體對(duì)象　249
9.5.1　使用聲音與視頻　249
9.5.2　使用Flash對(duì)象　250
9.6　設(shè)計(jì)頁(yè)面版式　250
9.6.1　使用表格排版　251
9.6.2　使用層排版　257
9.6.3　使用框架排版　259
9.7　表單與行為　263
9.7.1　創(chuàng)建表單　264
9.7.2　創(chuàng)建表單控件　265
9.7.3　添加表單控件標(biāo)簽　268
9.7.4　行為的概念與基本操作　269
9.7.5　使用Dreamweaver自帶的行為動(dòng)作　270
9.8　使用CSS樣式　275
9.8.1　創(chuàng)建與編輯CSS樣式　275
9.8.2　應(yīng)用CSS樣式　277
9.8.3　創(chuàng)建和鏈接外部CSS樣式表　278
練習(xí)題　279
第10章　實(shí)際技能訓(xùn)練　281
10.1　實(shí)訓(xùn)1——基本HTML文件的編輯　281
10.2　實(shí)訓(xùn)2——設(shè)置文本格式　281
10.3　實(shí)訓(xùn)3——使用超鏈接和建立站點(diǎn)　282
10.4　實(shí)訓(xùn)4——使用圖像　282
10.5　實(shí)訓(xùn)5——使用表格　283
10.6　實(shí)訓(xùn)6——使用框架　283
10.7　實(shí)訓(xùn)7——使用表單　284
10.8　實(shí)訓(xùn)8——制作Flash動(dòng)畫(huà)　284
10.9　實(shí)訓(xùn)9——使用CSS樣式表　285
10.10　實(shí)訓(xùn)10——使用JavaScript與DHTML　285
10.11　實(shí)訓(xùn)11——使用XML　286
10.12　實(shí)訓(xùn)12——使用Dreamweaver　286
附錄1　HTML顏色表　288
附錄2　HTML 4.0快速參考　291
附錄2.1　通用屬性　291
附錄2.2　HTML文檔結(jié)構(gòu)元素　291
附錄2.3　文本元素　292
附錄2.4　字體樣式元素　294
附錄2.5　列表元素　295
附錄2.6　表格元素　296
附錄2.7　框架元素　297
附錄2.8　表單元素　298
附錄2.9　其他元素　299
附錄3　Internet網(wǎng)址集粹　304