網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)基礎(chǔ)教程

第1章網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)基礎(chǔ)1
1.1網(wǎng)絡(luò)基礎(chǔ)知識1
1.1.1互聯(lián)網(wǎng)歷史1
1.1.2HTML語言2
1.1.3Web空間和虛擬主機技術(shù)3
1.1.4IP地址和Internet域名5
1.1.5統(tǒng)一資源定位器（URL）6
1.1.6服務(wù)器與客戶機7
1.1.7TCP/IP協(xié)議7
1.1.8文件傳輸協(xié)議（FTP）8
1.1.9互聯(lián)網(wǎng)的應(yīng)用8
1.2網(wǎng)頁平面設(shè)計基礎(chǔ)10
1.2.1平面構(gòu)成三要素10
1.2.2網(wǎng)頁布局構(gòu)圖15
1.2.3網(wǎng)頁設(shè)計色彩基礎(chǔ)15
1.2.4圖形圖像基礎(chǔ)知識19
1.3DreamweaverMX2004.FireworksMX2004和FlashMX2004的主要功能和新特性22
1.3.1DreamweaverMX2004的主要功能和新特性22
1.3.2FireworksMX2004的主要功能和新特性23
1.3.3FlashMX2004的主要功能和新特性24
第2章HTML基礎(chǔ)26
2.1HTML簡介26
2.1.1什么是HTML26
2.1.2HTML的優(yōu)點27
2.1.3HTML的局限性27
2.1.4一個簡單的HTML實例27
2.2文本及版面風(fēng)格控制28
2.2.1文本控制28
2.2.2基本結(jié)構(gòu)29
2.2.3頁面布局與文字設(shè)計30
2.3在網(wǎng)頁中建立超鏈接35
2.3.1超鏈接標(biāo)記符35
2.3.2創(chuàng)建超鏈接35
2.4在網(wǎng)頁中使用圖片36
2.4.1插入圖片36
2.4.2圖片布局36
2.5表格編輯38
2.5.1創(chuàng)建表格38
2.5.2設(shè)置表格屬性40
2.5.3合并表格單元41
2.6創(chuàng)建框架41
2.7創(chuàng)建表單42
2.7.1表單概述42
2.7.2表單標(biāo)簽43
2.7.3表單域43
2.8列表45
2.8.1無序號列表45
2.8.2序號列表46
2.8.3定義性列表46
2.9樣式表（CSS）簡介46
2.9.1CSS的定義46
2.9.2一個簡單的CSS實例47
2.9.3將樣式加入網(wǎng)頁中48
2.9.4HTMLSelector49
2.9.5ClassSelector49
2.9.6字體屬性50
第3章JavaScript在網(wǎng)頁中的應(yīng)用51
3.1JavaScript簡介51
3.1.1JavaScript的概念51
3.1.2JavaScript的運行環(huán)境52
3.1.3在HTML文檔中引入JavaScript程序53
3.2JavaScript的數(shù)據(jù)類型.常量.變量和運算符54
3.2.1JavaScript的數(shù)據(jù)類型54
3.2.2常量54
3.2.3變量54
3.2.4表達式和運算符55
3.3JavaScript語句56
3.3.1選擇語句if...else和switch56
3.3.2循環(huán)語句for.for...in.while.break和continue57
3.4對象.方法.屬性和事件57
3.5內(nèi)置對象59
3.5.1Boolean.Number.String對象59
3.5.2Math對象60
3.5.3Date對象和Array對象60
3.5.4Enumerator對象61
3.6函數(shù)的使用61
3.6.1JavaScript函數(shù)定義61
3.6.2函數(shù)中的形式參數(shù)62
3.7事件與事件處理程序65
3.7.1事件處理程序65
3.7.2事件驅(qū)動65
3.8JavaScript應(yīng)用實例69
3.8.1用JavaScript實現(xiàn)的動態(tài)顯示日期的實例69
3.8.2用JavaScript實現(xiàn)Web訪問的密碼認(rèn)證71
第4章ASP動態(tài)網(wǎng)頁制作基礎(chǔ)72
4.1ASP簡介72
4.1.1ASP概述72
4.1.2ASP的含義72
4.1.3ASP的特點73
4.1.4ASP的運行機制73
4.1.5ASP.Web服務(wù)器及瀏覽器之間的關(guān)系74
4.2運行環(huán)境與配置74
4.2.1ASP的運行環(huán)境74
4.2.2ASP的安裝與配置74
4.3創(chuàng)建一個簡單的ASP頁面76
4.4VBScript基礎(chǔ)78
4.4.1VBScript簡介78
4.4.2VBScript的數(shù)據(jù)類型和運算符78
4.4.3VBScript語句80
4.4.4過程與函數(shù)81
4.4.5一個簡單的VBScript實例82
4.5ASP內(nèi)建對象83
4.5.1ASP對象簡介83
4.5.2Request對象84
4.5.3Response對象84
4.5.4Server對象85
4.5.5Application對象86
4.5.6Session對象86
4.6ASP內(nèi)置組件87
4.6.1ASP組件簡介87
4.6.2ADRotator組件88
4.6.3BrowserCapabilities組件88
4.6.4FileAccess組件88
4.6.5ContentLinking組件89
4.6.6DatabaseAccess組件90
第5章數(shù)據(jù)庫在網(wǎng)頁中的應(yīng)用92
5.1SQL操作基礎(chǔ)92
5.1.1SQL簡介92
5.1.2SQL數(shù)據(jù)語句93
5.1.3SQL運算符95
5.2建立數(shù)據(jù)庫97
5.2.1用Accessxp建立數(shù)據(jù)庫97
5.2.2用SQLSERVER2000建立數(shù)據(jù)庫98
5.3ADO簡介102
5.3.1ADO概述102
5.3.2ADO對象102
5.4ODBC的配置107
5.5應(yīng)用實例109
5.5.1在ASP中使用ADO109
5.5.2在Java中使用ADO110
第6章PhotoshopCS2基礎(chǔ)知識112
6.1PhotoshopCS2概述112
6.1.1顏色模式和文件格式介紹112
6.1.2PhotoshopCS2的新鮮功能115
6.1.3PhotoshopCS2的工作界面115
6.2PhotoshopCS2的基本操作116
6.2.1圖像文件的基本操作116
6.2.2文字的基本操作120
6.2.3選區(qū)的基本操作124
6.3ImageReadyCS2的基本操作127
6.3.1ImageReady的工作界面128
6.3.2制作GIF動畫132
第7章FireworksMX2004簡介140
7.1FireworksMX2004工作界面140
7.1.1啟動界面140
7.1.2標(biāo)題欄141
7.1.3菜單欄141
7.1.4工具欄141
7.1.5工具箱141
7.1.6編輯窗口143
7.1.7屬性面板144
7.1.8其他面板145
7.1.9標(biāo)尺.輔助線與網(wǎng)格145
7.2FireworksMX2004基本操作146
7.2.1創(chuàng)建新文檔146
7.2.2打開文檔147
7.2.3保存文檔148
7.2.4導(dǎo)入文檔149
7.2.5導(dǎo)出文檔149
7.2.6修改畫布和圖像150
7.2.7撤消與恢復(fù)操作151
7.2.8使用【歷史記錄】面板152
7.3FireworksMX2004應(yīng)用實例--制作晶亮透明物體153
第8章FireworksMX2004矢量圖繪制與文本應(yīng)用156
8.1繪制簡單的矢量圖形156
8.1.1繪制直線.矩形和橢圓156
8.1.2繪制多邊形和星形158
8.1.3繪制圓角矩形159
8.1.4繪制路徑160
8.1.5應(yīng)用筆觸和填充162
8.2編輯路徑167
8.2.1路徑形狀的調(diào)整167
8.2.2路徑的自由變形168
8.2.3路徑的切割169
8.2.4路徑的重繪170
8.2.5路徑的組合170
8.2.6路徑的簡化172
8.3編輯對象172
8.3.1對象的選擇172
8.3.2對象的復(fù)制與刪除174
8.3.3對象的變形175
8.3.4對象的排列和對齊177
8.4文本應(yīng)用179
8.4.1文本的輸入與修改179
8.4.2文本筆觸.填充和效果的應(yīng)用182
8.4.3文本的路徑排列183
8.4.4文本的變形184
8.4.5文本的路徑轉(zhuǎn)換185
8.5應(yīng)用實例185
8.5.1制作漂亮的落日圖185
8.5.2LOGO的制作187
第9章FireworksMX2004位圖的選擇與編輯191
9.1選擇選區(qū)191
9.1.1使用選取工具191
9.1.2使用套索工具193
9.1.3使用魔術(shù)棒工具194
9.2調(diào)整選區(qū)195
9.2.1增減選區(qū)195
9.2.2區(qū)域反選196
9.2.3修改選區(qū)邊緣196
9.2.4取消選區(qū)197
9.3修飾位圖197
9.3.1像素的克隆197
9.3.2圖像的模糊與銳化198
9.3.3圖像的減淡與加深199
9.3.4像素的涂抹200
9.3.5位圖的剪裁201
9.3.6動態(tài)效果的使用202
9.4圖層及其基本操作209
9.4.1圖層的基本操作209
9.4.2網(wǎng)頁層的操作212
9.4.3圖層的不透明度和混合模式212
9.5蒙版的應(yīng)用214
9.5.1蒙版的種類214
9.5.2蒙版的創(chuàng)建216
9.6應(yīng)用實例219
9.6.1制作水印效果219
9.6.2制作網(wǎng)絡(luò)廣告222
第10章創(chuàng)建和編輯FireworksMX2004GIF動畫225
10.1動畫創(chuàng)建基礎(chǔ)225
10.1.1組合圖像形成動畫225
10.1.2使用元件（Symbol）生成動畫227
10.1.3手工繪制動畫227
10.2幀及其應(yīng)用227
10.2.1幀的基礎(chǔ)知識227
10.2.2幀的基本操作228
10.2.3幀的編輯231
10.3元件和實例232
10.3.1元件的創(chuàng)建和修改232
10.3.2實例的創(chuàng)建和修改236
10.4創(chuàng)建動畫237
10.4.1逐幀動畫237
10.4.2補間動畫238
10.4.3使用動畫元件創(chuàng)建動畫239
10.4.4使用"洋蔥皮"技術(shù)編輯動畫241
10.4.5導(dǎo)入和修改已有動畫242
10.5應(yīng)用實例243
10.5.1環(huán)繞變色文字243
10.5.2制作動態(tài)LOGO245
第11章切片與文件的優(yōu)化輸出248
11.1切片的操作248
11.1.1創(chuàng)建切片248
11.1.2在切片上設(shè)置URL251
11.1.3切片的交互功能252
11.1.4切片的導(dǎo)出252
11.1.5圖像映射254
11.2文件的優(yōu)化及導(dǎo)出256
11.2.1GIF格式圖像的優(yōu)化及導(dǎo)出256
11.2.2JPEG格式圖像的優(yōu)化及導(dǎo)出259
11.2.3動畫文件的優(yōu)化及導(dǎo)出261
11.3應(yīng)用實例262
11.3.1翻轉(zhuǎn)圖連接特效262
11.3.2菜單導(dǎo)航欄265
第12章FlashMX2004基礎(chǔ)知識270
12.1FlashMX2004概述270
12.1.1FlashMX2004的啟動與退出270
12.1.2FlashMX2004的工作環(huán)境270
12.2FlashMX2004的新特性282
12.3FlashMX2004的庫與共享庫285
12.3.1庫285
12.3.2共享庫286
第13章繪制基本圖形287
13.1FlashMX2004工具箱介紹287
13.2基本繪圖工具的應(yīng)用288
13.2.1線條工具和筆觸樣式288
13.2.2橢圓工具和矩形工具289
13.2.3鉛筆工具和鋼筆工具290
13.2.4畫筆工具291
13.3輔助繪圖工具的應(yīng)用291
13.3.1箭頭工具和部分選取工具291
13.3.2墨水瓶工具和顏料桶工具293
13.3.3套索工具293
13.3.4任意變形工具和填充變形工具294
13.3.5滴管工具和橡皮工具295
13.4圖形對象的編輯295
13.4.1網(wǎng)格線295
13.4.2對象的變形處理296
13.4.3對象的排列和對齊296
13.4.4對象的組合與分離297
13.5文本工具的應(yīng)用298
13.5.1文本的輸入298
13.5.2文本編輯299
13.6應(yīng)用實例299
第14章FlashMX2004逐幀動畫和補間動畫306
14.1時間軸.幀和圖層306
14.1.1時間軸面板及其應(yīng)用306
14.1.2幀的基本類型與操作308
14.1.3圖層及其基本操作311
14.2FlashMX2004的三種基本動畫及其應(yīng)用312
14.2.1創(chuàng)建逐幀動畫313
14.2.2創(chuàng)建形狀補間動畫314
14.2.3創(chuàng)建動作補間動畫316
14.3引導(dǎo)層動畫及其應(yīng)用318
14.4遮罩動畫及其應(yīng)用320
14.5多場景動畫的制作321
第15章聲音和元件及其應(yīng)用323
15.1聲音的導(dǎo)入和編輯323
15.1.1聲音的導(dǎo)入和引用323
15.1.2聲音的編輯325
15.1.3聲音的屬性設(shè)置327
15.2元件和實例329
15.2.1元件的種類331
15.2.2元件的創(chuàng)建331
15.2.3元件的管理332
15.3元件的應(yīng)用實例338
第16章ActionScript命令和交互式動畫341
16.1ActionScript基礎(chǔ)知識341
16.1.1動作面板簡介341
16.1.2ActionScript基本命令342
16.1.3ActionScript語法基礎(chǔ)348
16.1.4常量.變量.表達式和函數(shù)349
16.2動作的基本應(yīng)用355
16.2.1設(shè)置幀的動作355
16.2.2設(shè)置按鈕的動作357
16.2.3設(shè)置影片剪輯的動作358
16.3制作復(fù)雜的交互式動畫359
16.3.1獲取鼠標(biāo)位置359
16.3.2設(shè)置和獲取影片剪輯實例的屬性360
第17章DreamweaverMX2004網(wǎng)頁設(shè)計基礎(chǔ)362
17.1DreamweaverMX2004簡介362
17.1.1DreamweaverMX2004的啟動362
17.1.2DreamweaverMX2004的工作環(huán)境363
17.2創(chuàng)建站點363
17.2.1創(chuàng)建本地站點363
17.2.2建立站點地圖365
17.2.3使用【站點】面板366
17.2.4站點管理366
17.3網(wǎng)頁文件的基本操作367
17.3.1創(chuàng)建.打開和保存網(wǎng)頁文件367
17.3.2設(shè)置網(wǎng)頁的頁面屬性367
17.3.3設(shè)置網(wǎng)頁對象的顏色369
17.3.4網(wǎng)頁文本操作370
17.3.5網(wǎng)頁圖片操作371
17.4簡單網(wǎng)頁的制作實例371
第18章網(wǎng)頁編輯與超級鏈接375
18.1網(wǎng)頁文檔的格式化375
18.1.1使用Dreamweaver屬性面板格式化文本375
18.1.2使用HTML標(biāo)簽格式化文本376
18.1.3使用HTML樣式表格式化文本378
18.2網(wǎng)頁圖像編輯的基本操作380
18.2.1創(chuàng)建鼠標(biāo)經(jīng)過圖像380
18.2.2建立網(wǎng)站相冊381
18.2.3利用外部編輯器編輯圖像382
18.2.4設(shè)Fireworks為Dreamweaver的外部圖像編輯器383
18.3創(chuàng)建超級鏈接383
18.3.1超級鏈接的類型384
18.3.2創(chuàng)建超級鏈接的方法384
18.3.3創(chuàng)建錨點鏈接385
18.3.4創(chuàng)建E-mail鏈接386
18.3.5創(chuàng)建導(dǎo)航條387
18.3.6創(chuàng)建跳轉(zhuǎn)菜單388
18.3.7創(chuàng)建映射圖鏈接389
18.3.8鏈接的提示390
18.4應(yīng)用實例390
第19章網(wǎng)頁的定位技術(shù)393
19.1創(chuàng)建表格的基本操作393
19.1.1新建表格393
19.1.2設(shè)置表格和單元格的屬性394
19.1.3選取表格和單元格395
19.1.4表格的嵌套395
19.2表格的編輯與格式化396
19.2.1改變表格或單元格的大小396
19.2.2表格行.列的增加和刪除397
19.2.3單元格的拆分與合并397
19.2.4單元格的復(fù)制.粘貼.移動和清除398
19.2.5表格的樣式化399
19.3布局表格和布局單元格399
19.3.1創(chuàng)建和調(diào)整布局表格與布局單元格399
19.3.2設(shè)置布局視圖參數(shù)401
19.4層的基本操作401
19.4.1關(guān)于【層】面板401
19.4.2創(chuàng)建和刪除層401
19.4.3激活和選中層402
19.5層的屬性設(shè)置403
19.5.1查看和設(shè)置多個層的屬性403
19.5.2更改層的層疊順序404
19.5.3設(shè)置層的屬性面板404
19.6框架的基本操作405
19.6.1概述405
19.6.2創(chuàng)建框架集405
19.6.3框架的拆分和刪除406
19.7框架和框架集的選擇與屬性設(shè)置407
19.7.1框架和框架集的選擇407
19.7.2框架和框架集的屬性設(shè)置408
19.8框架和框架集的保存409
19.9應(yīng)用實例410
第20章行為與時間軸及其應(yīng)用417
20.1行為概述417
20.1.1行為面板及其使用方法418
20.1.2行為的簡單應(yīng)用420
20.2DreamweaverMX2004內(nèi)置動作和事件420
20.2.1調(diào)用JavaScript421
20.2.2改變屬性423
20.2.3檢查瀏覽器424
20.2.4檢查插件425
20.2.5打開瀏覽器窗口426
20.3時間軸概述427
20.3.1使用時間軸面板427
20.3.2時間軸動畫的創(chuàng)建428
20.3.3動畫路徑的生成和編輯430
20.3.4在時間軸中加入行為430
20.4用時間軸改變圖像和層的屬性431
20.4.1控制層的可見性431
20.4.2控制圖片替換431
20.4.3改變層的疊放次序432
20.4.4改變層的大小433
20.4.5多條時間軸的管理433
20.5行為和時間軸的應(yīng)用實例433
20.5.1制作翻滾圖效果433
20.5.2制作幻燈片434
20.5.3創(chuàng)建滾動的公告牌437
第21章層疊樣式.模板與庫441
21.1層疊樣式表概述441
21.2層疊樣式表的創(chuàng)建與編輯441
21.2.1創(chuàng)建CSS樣式和CSS樣式表442
21.2.2外部樣式表的鏈接.導(dǎo)入和編輯444
21.3CSS樣式表的應(yīng)用446
21.3.1濾鏡概述446
21.3.2透明度濾鏡（Alpha）447
21.3.3顯示濾鏡（RevealTrans）448
21.3.4模糊濾鏡（Blur）448
21.4CSS控件的應(yīng)用449
21.4.1用CSS控制網(wǎng)頁總體風(fēng)格449
21.4.2統(tǒng)一控制超級鏈接450
21.4.3CSS控件應(yīng)用的好處451
21.5模板的應(yīng)用452
21.5.1網(wǎng)頁的版式設(shè)計452
21.5.2創(chuàng)建與保存模板455
21.5.3應(yīng)用與修改模板457
21.5.4更新基于模板的網(wǎng)頁文檔459
21.6庫的應(yīng)用461
21.6.1創(chuàng)建和應(yīng)用庫項目461
21.6.2編輯庫項目464
21.6.3用庫項目更新網(wǎng)站465
21.7資源管理器466
21.7.1基本操作466
21.7.2資源管理器468
第22章表單及其應(yīng)用471
22.1交互式表單概述471
22.2創(chuàng)建表單474
22.2.1文本域475
22.2.2單選框和復(fù)選框478
22.2.3滾動菜單和下拉菜單479
22.2.4提交和重置按鈕481
22.2.5其他表單對象481
22.3動態(tài)表單482
第23章完整制作網(wǎng)站的流程486
23.1籌劃工作486
23.1.1網(wǎng)站主題的定位486
23.1.2資料的收集整理488
23.1.3組建開發(fā)團隊488
23.1.4開發(fā)工具的選擇489
23.1.5網(wǎng)站開發(fā)的流程489
23.2設(shè)計和規(guī)劃490
23.2.1網(wǎng)站的總體設(shè)計490
23.2.2網(wǎng)站欄目設(shè)計492
23.2.3網(wǎng)站目錄結(jié)構(gòu)及鏈接設(shè)計492
23.2.4網(wǎng)站數(shù)據(jù)庫規(guī)范494
23.3首頁制作495
23.4制作其他頁面495
23.4.1版面布局495
23.4.2色彩的搭配496
23.4.3字體設(shè)置497
23.5測試497
23.5.1測試內(nèi)容497
23.5.2測試工具502
附：××集團網(wǎng)站策劃方案書503
參考文獻510