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

第1章網(wǎng)頁設(shè)計(jì)與網(wǎng)站開發(fā)基礎(chǔ)1
1.1網(wǎng)絡(luò)基礎(chǔ)知識(shí)1
1.1.1互聯(lián)網(wǎng)歷史1
1.1.2HTML語言2
1.1.3Web空間和虛擬主機(jī)技術(shù)3
1.1.4IP地址和Internet域名5
1.1.5統(tǒng)一資源定位器（URL）6
1.1.6服務(wù)器與客戶機(jī)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è)計(jì)基礎(chǔ)10
1.2.1平面構(gòu)成三要素10
1.2.2網(wǎng)頁布局構(gòu)圖15
1.2.3網(wǎng)頁設(shè)計(jì)色彩基礎(chǔ)15
1.2.4圖形圖像基礎(chǔ)知識(shí)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)點(diǎn)27
2.1.3HTML的局限性27
2.1.4一個(gè)簡單的HTML實(shí)例27
2.2文本及版面風(fēng)格控制28
2.2.1文本控制28
2.2.2基本結(jié)構(gòu)29
2.2.3頁面布局與文字設(shè)計(jì)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無序號(hào)列表45
2.8.2序號(hào)列表46
2.8.3定義性列表46
2.9樣式表（CSS）簡介46
2.9.1CSS的定義46
2.9.2一個(gè)簡單的CSS實(shí)例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的運(yùn)行環(huán)境52
3.1.3在HTML文檔中引入JavaScript程序53
3.2JavaScript的數(shù)據(jù)類型.常量.變量和運(yùn)算符54
3.2.1JavaScript的數(shù)據(jù)類型54
3.2.2常量54
3.2.3變量54
3.2.4表達(dá)式和運(yùn)算符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ū)動(dòng)65
3.8JavaScript應(yīng)用實(shí)例69
3.8.1用JavaScript實(shí)現(xiàn)的動(dòng)態(tài)顯示日期的實(shí)例69
3.8.2用JavaScript實(shí)現(xiàn)Web訪問的密碼認(rèn)證71
第4章ASP動(dòng)態(tài)網(wǎng)頁制作基礎(chǔ)72
4.1ASP簡介72
4.1.1ASP概述72
4.1.2ASP的含義72
4.1.3ASP的特點(diǎn)73
4.1.4ASP的運(yùn)行機(jī)制73
4.1.5ASP.Web服務(wù)器及瀏覽器之間的關(guān)系74
4.2運(yùn)行環(huán)境與配置74
4.2.1ASP的運(yùn)行環(huán)境74
4.2.2ASP的安裝與配置74
4.3創(chuàng)建一個(gè)簡單的ASP頁面76
4.4VBScript基礎(chǔ)78
4.4.1VBScript簡介78
4.4.2VBScript的數(shù)據(jù)類型和運(yùn)算符78
4.4.3VBScript語句80
4.4.4過程與函數(shù)81
4.4.5一個(gè)簡單的VBScript實(shí)例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運(yùn)算符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)用實(shí)例109
5.5.1在ASP中使用ADO109
5.5.2在Java中使用ADO110
第6章PhotoshopCS2基礎(chǔ)知識(shí)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動(dòng)畫132
第7章FireworksMX2004簡介140
7.1FireworksMX2004工作界面140
7.1.1啟動(dòng)界面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)用實(shí)例--制作晶亮透明物體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)用實(shí)例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動(dòng)態(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)用實(shí)例219
9.6.1制作水印效果219
9.6.2制作網(wǎng)絡(luò)廣告222
第10章創(chuàng)建和編輯FireworksMX2004GIF動(dòng)畫225
10.1動(dòng)畫創(chuàng)建基礎(chǔ)225
10.1.1組合圖像形成動(dòng)畫225
10.1.2使用元件（Symbol）生成動(dòng)畫227
10.1.3手工繪制動(dòng)畫227
10.2幀及其應(yīng)用227
10.2.1幀的基礎(chǔ)知識(shí)227
10.2.2幀的基本操作228
10.2.3幀的編輯231
10.3元件和實(shí)例232
10.3.1元件的創(chuàng)建和修改232
10.3.2實(shí)例的創(chuàng)建和修改236
10.4創(chuàng)建動(dòng)畫237
10.4.1逐幀動(dòng)畫237
10.4.2補(bǔ)間動(dòng)畫238
10.4.3使用動(dòng)畫元件創(chuàng)建動(dòng)畫239
10.4.4使用"洋蔥皮"技術(shù)編輯動(dòng)畫241
10.4.5導(dǎo)入和修改已有動(dòng)畫242
10.5應(yīng)用實(shí)例243
10.5.1環(huán)繞變色文字243
10.5.2制作動(dòng)態(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動(dòng)畫文件的優(yōu)化及導(dǎo)出261
11.3應(yīng)用實(shí)例262
11.3.1翻轉(zhuǎn)圖連接特效262
11.3.2菜單導(dǎo)航欄265
第12章FlashMX2004基礎(chǔ)知識(shí)270
12.1FlashMX2004概述270
12.1.1FlashMX2004的啟動(dòng)與退出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)用實(shí)例299
第14章FlashMX2004逐幀動(dòng)畫和補(bǔ)間動(dòng)畫306
14.1時(shí)間軸.幀和圖層306
14.1.1時(shí)間軸面板及其應(yīng)用306
14.1.2幀的基本類型與操作308
14.1.3圖層及其基本操作311
14.2FlashMX2004的三種基本動(dòng)畫及其應(yīng)用312
14.2.1創(chuàng)建逐幀動(dòng)畫313
14.2.2創(chuàng)建形狀補(bǔ)間動(dòng)畫314
14.2.3創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫316
14.3引導(dǎo)層動(dòng)畫及其應(yīng)用318
14.4遮罩動(dòng)畫及其應(yīng)用320
14.5多場景動(dòng)畫的制作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元件和實(shí)例329
15.2.1元件的種類331
15.2.2元件的創(chuàng)建331
15.2.3元件的管理332
15.3元件的應(yīng)用實(shí)例338
第16章ActionScript命令和交互式動(dòng)畫341
16.1ActionScript基礎(chǔ)知識(shí)341
16.1.1動(dòng)作面板簡介341
16.1.2ActionScript基本命令342
16.1.3ActionScript語法基礎(chǔ)348
16.1.4常量.變量.表達(dá)式和函數(shù)349
16.2動(dòng)作的基本應(yīng)用355
16.2.1設(shè)置幀的動(dòng)作355
16.2.2設(shè)置按鈕的動(dòng)作357
16.2.3設(shè)置影片剪輯的動(dòng)作358
16.3制作復(fù)雜的交互式動(dòng)畫359
16.3.1獲取鼠標(biāo)位置359
16.3.2設(shè)置和獲取影片剪輯實(shí)例的屬性360
第17章DreamweaverMX2004網(wǎng)頁設(shè)計(jì)基礎(chǔ)362
17.1DreamweaverMX2004簡介362
17.1.1DreamweaverMX2004的啟動(dòng)362
17.1.2DreamweaverMX2004的工作環(huán)境363
17.2創(chuàng)建站點(diǎn)363
17.2.1創(chuàng)建本地站點(diǎn)363
17.2.2建立站點(diǎn)地圖365
17.2.3使用【站點(diǎn)】面板366
17.2.4站點(diǎn)管理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)頁的制作實(shí)例371
第18章網(wǎng)頁編輯與超級(jí)鏈接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)建超級(jí)鏈接383
18.3.1超級(jí)鏈接的類型384
18.3.2創(chuàng)建超級(jí)鏈接的方法384
18.3.3創(chuàng)建錨點(diǎn)鏈接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)用實(shí)例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ù)制.粘貼.移動(dòng)和清除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è)置多個(gè)層的屬性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)用實(shí)例410
第20章行為與時(shí)間軸及其應(yīng)用417
20.1行為概述417
20.1.1行為面板及其使用方法418
20.1.2行為的簡單應(yīng)用420
20.2DreamweaverMX2004內(nèi)置動(dòng)作和事件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時(shí)間軸概述427
20.3.1使用時(shí)間軸面板427
20.3.2時(shí)間軸動(dòng)畫的創(chuàng)建428
20.3.3動(dòng)畫路徑的生成和編輯430
20.3.4在時(shí)間軸中加入行為430
20.4用時(shí)間軸改變圖像和層的屬性431
20.4.1控制層的可見性431
20.4.2控制圖片替換431
20.4.3改變層的疊放次序432
20.4.4改變層的大小433
20.4.5多條時(shí)間軸的管理433
20.5行為和時(shí)間軸的應(yīng)用實(shí)例433
20.5.1制作翻滾圖效果433
20.5.2制作幻燈片434
20.5.3創(chuàng)建滾動(dò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)一控制超級(jí)鏈接450
21.4.3CSS控件應(yīng)用的好處451
21.5模板的應(yīng)用452
21.5.1網(wǎng)頁的版式設(shè)計(jì)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)用庫項(xiàng)目461
21.6.2編輯庫項(xiàng)目464
21.6.3用庫項(xiàng)目更新網(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滾動(dòng)菜單和下拉菜單479
22.2.4提交和重置按鈕481
22.2.5其他表單對象481
22.3動(dòng)態(tài)表單482
第23章完整制作網(wǎng)站的流程486
23.1籌劃工作486
23.1.1網(wǎng)站主題的定位486
23.1.2資料的收集整理488
23.1.3組建開發(fā)團(tuán)隊(duì)488
23.1.4開發(fā)工具的選擇489
23.1.5網(wǎng)站開發(fā)的流程489
23.2設(shè)計(jì)和規(guī)劃490
23.2.1網(wǎng)站的總體設(shè)計(jì)490
23.2.2網(wǎng)站欄目設(shè)計(jì)492
23.2.3網(wǎng)站目錄結(jié)構(gòu)及鏈接設(shè)計(jì)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
附：××集團(tuán)網(wǎng)站策劃方案書503
參考文獻(xiàn)510