網(wǎng)頁制作與網(wǎng)站建設(shè)從入門到精通

第一部分　入門篇
第1章　網(wǎng)頁設(shè)計基礎(chǔ)　2
1.1　預(yù)備知識　2
1.2　如何設(shè)計網(wǎng)頁　5
1.2.1　網(wǎng)頁設(shè)計的任務(wù)　5
1.2.2　網(wǎng)頁設(shè)計的實現(xiàn)　6
1.2.3　網(wǎng)頁設(shè)計的基本原則　7
1.3　常用網(wǎng)頁設(shè)計軟件　8
1.4　經(jīng)典習題與解答　9
1.4.1　填空題　9
1.4.2　簡答題　10
第2章　HTML入門　11
2.1　HTML的基本語法　11
2.1.1　HTML基本語法結(jié)構(gòu)　11
2.1.2　創(chuàng)建HTML文件　13
2.2　頁面布局與文字標記　14
2.2.1　標題　14
2.2.2　換行 br 　15
2.2.3　段落標記 P 　17
2.2.4　水平線段 hr 　18
2.2.5　文字的大小設(shè)置　19
2.2.6　文字的字體與樣式　20
2.2.7　文字的顏色　21
2.3　多媒體　22
2.3.1　插入圖像　22
2.3.2　播放音樂　23
2.3.3　播放視頻　24
2.4　表格標記　24
2.4.1　表格的基本結(jié)構(gòu)　24
2.4.2　表格的標題　24
2.4.3　表格的尺寸設(shè)置　25
2.4.4　表格內(nèi)文字的對齊、布局　25
2.4.5　表格的顏色　26
2.5　超級鏈接標記　27
2.6　框架標記　27
2.6.1　框架結(jié)構(gòu)的基本格式　27
2.6.2　各窗口的尺寸設(shè)置　28
2.6.3　各窗口間相互操作　28
2.7　表單標記　28
2.7.1　表單標記　29
2.7.2　文本域　29
2.7.3　單選按鈕　30
2.7.4　復(fù)選框　30
2.7.5　按鈕　31
2.7.6　列表/菜單　32
2.8　經(jīng)典習題與解答　32
2.8.1　填空題　32
2.8.2　上機操作題　32
第3章　網(wǎng)站建設(shè)基礎(chǔ)　33
3.1　預(yù)備知識　33
3.1.1　什么是WWW　33
3.1.2　申請域名　33
3.1.3　申請服務(wù)器空間　34
3.2　網(wǎng)站建設(shè)的一般流程　34
3.2.1　確定網(wǎng)站主題　34
3.2.2　網(wǎng)站整體規(guī)劃　35
3.2.3　收集資料與素材　35
3.2.4　設(shè)計網(wǎng)頁圖像　36
3.2.5　制作網(wǎng)頁　37
3.2.6　開發(fā)動態(tài)網(wǎng)站模塊　38
3.2.7　發(fā)布與上傳　39
3.2.8　后期更新與維護　39
3.2.9　網(wǎng)站的推廣　39
3.3　經(jīng)典習題與解答　40
3.3.1　填空題　40
3.3.2　簡答題　40
第4章　網(wǎng)頁中的色彩知識　41
4.1　色彩基礎(chǔ)知識　41
4.1.1　色彩的基本概念　41
4.1.2　常見色彩表達的意義　42
4.2　網(wǎng)頁色彩的搭配　44
4.2.1　網(wǎng)頁色彩搭配原理　44
4.2.2　網(wǎng)頁設(shè)計中色彩搭配的技巧　45
4.2.3　常見的幾種網(wǎng)頁配色方案　47
4.3　經(jīng)典習題與解答　49
4.3.1　填空題　49
4.3.2　簡答題　49
第二部分　網(wǎng)頁設(shè)計與制作篇
第5章　熟悉Dreamweaver 8的工作環(huán)境　52
5.1　Dreamweaver 8工作區(qū)　52
5.2　Dreamweaver 8工具欄　53
5.2.1　標準工具欄　53
5.2.2　文檔工具欄　53
5.3　屬性面板　54
5.4　插入欄　54
5.4.1　常用插入欄　54
5.4.2　布局插入欄　55
5.4.3　表單插入欄　56
5.4.4　文本插入欄　56
5.4.5　HTML插入欄　57
5.4.6　應(yīng)用程序插入欄　57
5.4.7　Flash元素　58
5.4.8　收藏夾插入欄　58
5.5　Dreamweaver 8的菜單欄　58
5.5.1　文件菜單　58
5.5.2　編輯菜單　59
5.5.3　查看菜單　60
5.5.4　插入菜單　61
5.5.5　修改菜單　63
5.5.6　文本菜單　64
5.5.7　命令菜單　64
5.5.8　站點菜單　65
5.5.9　窗口菜單　66
5.6　Dreamweaver 8的面板組　66
5.7　經(jīng)典習題與解答　67
5.7.1　填空題　67
5.7.2　操作題　67
第6章　創(chuàng)建與管理站點　68
6.1　創(chuàng)建本地站點　68
6.1.1　使用站點向?qū)?chuàng)建本地站點　68
6.1.2　使用高級設(shè)置建立站點　70
6.2　管理站點文件　71
6.2.1　創(chuàng)建文件夾和文件　72
6.2.2　移動和復(fù)制文件　73
6.3　使用站點地圖　74
6.3.1　查看站點地圖　74
6.3.2　站點地圖布局　74
6.4　經(jīng)典習題與解答　76
6.4.1　填空題　76
6.4.2　簡答題　76
第7章　使用表格排版布局網(wǎng)頁　77
7.1　網(wǎng)頁的基本構(gòu)成　77
7.2　網(wǎng)頁布局方法　79
7.2.1　紙上布局法　79
7.2.2　軟件布局法　79
7.3　常見的網(wǎng)頁布局類型　79
7.3.1　“國”字型布局　79
7.3.2　“廠”字型布局　80
7.3.3　“框架”型布局　80
7.3.4　“封面”型布局　81
7.3.5　“Flash”型布局　81
7.4　基本的表格布局方法　82
7.4.1　插入表格　82
7.4.2　設(shè)置表格屬性　83
7.4.3　合并單元格　84
7.4.4　選取表格對象　84
7.5　利用表格布局網(wǎng)頁實例　85
7.5.1　實例——利用表格排列數(shù)據(jù)　86
7.5.2　實例——“廠”字型布局　87
7.5.3　實例——“封面”型布局　93
7.5.4　實例——“國”字型布局網(wǎng)頁　95
7.6　經(jīng)典習題與解答　105
7.6.1　填空題　105
7.6.2　上機操作題　105
第8章　創(chuàng)建基本圖文混合網(wǎng)頁　107
8.1　文本的輸入和編輯　107
8.1.1　輸入文本　107
8.1.2　設(shè)置文本屬性　107
8.1.3　輸入特殊字符　109
8.2　在網(wǎng)頁中插入圖像　109
8.2.1　插入圖像　110
8.2.2　設(shè)置圖像屬性　111
8.2.3　插入鼠標經(jīng)過圖像　111
8.3　創(chuàng)建網(wǎng)頁鏈接　113
8.3.1　創(chuàng)建圖像鏈接　113
8.3.2　創(chuàng)建錨點鏈接　115
8.3.3　創(chuàng)建電子郵件鏈接　117
8.3.4　創(chuàng)建圖像熱點鏈接　118
8.4　利用CSS美化網(wǎng)頁　120
8.4.1　添加CSS的方法　120
8.4.2　應(yīng)用CSS固定字體大小　121
8.4.3　應(yīng)用CSS改變文本間行距　123
8.5　插入媒體　124
8.5.1　插入Flash動畫　124
8.5.2　插入Flash按鈕　126
8.5.3　插入Flash文本　128
8.5.4　利用插件制作背景音樂網(wǎng)頁　130
8.6　經(jīng)典習題與解答　132
8.6.1　填空題　132
8.6.2　上機操作題　132
第9章　高級網(wǎng)頁布局技術(shù)　134
9.1　創(chuàng)建模板網(wǎng)頁　134
9.1.1　創(chuàng)建庫項目　134
9.1.2　創(chuàng)建模板　136
9.1.3　創(chuàng)建可編輯區(qū)　140
9.1.4　利用模板創(chuàng)建網(wǎng)頁　141
9.2　使用層定位網(wǎng)頁　142
9.2.1　創(chuàng)建層　142
9.2.2　層的基本操作　143
9.2.3　層與表格的轉(zhuǎn)換　145
9.2.4　使用層制作下拉菜單　148
9.3　創(chuàng)建框架網(wǎng)頁　151
9.3.1　創(chuàng)建框架網(wǎng)頁　151
9.3.2　保存框架　152
9.3.3　在頂部框架中添加內(nèi)容　153
9.3.4　在底部框架中添加內(nèi)容　155
9.4　經(jīng)典習題與解答　158
9.4.1　填空題　158
9.4.2　上機操作題　158
第10章　制作動感特效網(wǎng)頁　159
10.1　行為概述　159
10.1.1　認識事件　160
10.1.2　動作類型　161
10.2　使用Dreamweaver內(nèi)置行為　161
10.2.1　播放聲音　162
10.2.2　拖動層　163
10.2.3　創(chuàng)建自動跳轉(zhuǎn)頁面網(wǎng)頁　165
10.2.4　打開瀏覽器窗口　166
10.2.5　彈出信息　168
10.2.6　設(shè)置狀態(tài)欄文本　169
10.2.7　創(chuàng)建導(dǎo)航欄圖像　171
10.2.8　預(yù)先載入圖像　174
10.2.9　檢查表單　175
10.2.10　跳轉(zhuǎn)菜單　176
10.2.11　控制Shockwave或Flash　179
10.2.12　改變屬性　182
10.2.13　檢查瀏覽器　184
10.3　利用腳本制作特效網(wǎng)頁　185
10.3.1　制作滾動公告網(wǎng)頁　185
10.3.2　制作自動關(guān)閉網(wǎng)頁　190
10.3.3　制作水中倒影網(wǎng)頁　191
10.4　經(jīng)典習題與解答　193
10.4.1　填空題　193
10.4.2　上機操作題　193
第11章　處理與優(yōu)化網(wǎng)頁中的圖片　194
11.1　Photoshop CS2的工作環(huán)境簡介　194
11.2　調(diào)整圖像大小　198
11.3　網(wǎng)頁圖像的色彩調(diào)整　200
11.3.1　使用【色階】命令優(yōu)化網(wǎng)頁圖像　200
11.3.2　使用【曲線】命令優(yōu)化網(wǎng)頁圖像　201
11.3.3　使用【色彩平衡】命令優(yōu)化網(wǎng)頁圖像　203
11.3.4　使用【亮度/對比度】命令優(yōu)化網(wǎng)頁圖像　204
11.3.5　使用【色相/飽和度】命令優(yōu)化網(wǎng)頁圖像　205
11.4　處理產(chǎn)品圖像　206
11.5　經(jīng)典習題與解答　209
11.5.1　填空題　209
11.5.2　上機操作題　210
第12章　設(shè)計網(wǎng)站的Logo和按鈕　211
12.1　VI簡介　211
12.1.1　VI設(shè)計的概念　211
12.1.2　VI在網(wǎng)站設(shè)計中的意義　212
12.2　網(wǎng)站標識設(shè)計概述　213
12.2.1　網(wǎng)站Logo設(shè)計標準　213
12.2.2　網(wǎng)站Logo的標準尺寸　213
12.3　按鈕設(shè)計　214
12.3.1　制作導(dǎo)航按鈕　214
12.3.2　制作發(fā)光按鈕　218
12.4　經(jīng)典習題與解答　221
12.4.1　填空題　221
12.4.2　上機操作題　221
第13章　設(shè)計網(wǎng)站動畫和網(wǎng)絡(luò)廣告　222
13.1　Flash的工作環(huán)境簡介　222
13.2　網(wǎng)站廣告設(shè)計指南　224
13.2.1　網(wǎng)站廣告設(shè)計基本原則　224
13.2.2　網(wǎng)站廣告的類型　226
13.3　制作網(wǎng)頁廣告實例　227
13.3.1　設(shè)計Banner宣傳廣告實例　227
13.3.2　給Flash首頁添加鏈接　236
13.3.3　制作控制聲音播放動畫　239
13.4　經(jīng)典習題與解答　243
13.4.1　填空題　243
13.4.2　上機操作題　243
第三部分　動態(tài)網(wǎng)站開發(fā)篇
第14章　動態(tài)網(wǎng)頁設(shè)計基礎(chǔ)　246
14.1　在Dreamweaver中編輯代碼　246
14.1.1　使用代碼提示添加背景音樂　246
14.1.2　管理標簽庫　249
14.1.3　使用標簽選擇器制作嵌套框架網(wǎng)頁　249
14.2　搭建服務(wù)器平臺　251
14.2.1　IIS的安裝　251
14.2.2　設(shè)置IIS服務(wù)器　253
14.3　經(jīng)典習題與解答　254
14.3.1　填空題　254
14.3.2　上機操作題　254
第15章　動態(tài)網(wǎng)站創(chuàng)建實例　255
15.1　創(chuàng)建數(shù)據(jù)庫　255
15.2　創(chuàng)建數(shù)據(jù)庫連接　256
15.3　制作留言系統(tǒng)　258
15.3.1　制作模板頁面　258
15.3.2　制作留言顯示列表頁面　263
15.3.3　制作留言詳細信息頁　268
15.3.4　制作發(fā)表留言頁面　271
15.4　經(jīng)典習題與解答　275
15.4.1　填空題　275
15.4.2　簡答題　275
第16章　動態(tài)網(wǎng)站常用模塊設(shè)計　276
16.1　申請免費的計數(shù)器　276
16.2　制作新聞發(fā)布系統(tǒng)　278
16.2.1　主要功能頁面　278
16.2.2　設(shè)計數(shù)據(jù)庫　279
16.2.3　創(chuàng)建數(shù)據(jù)庫連接　280
16.2.4　制作顯示全部新聞列表頁面　282
16.2.5　制作新聞詳細顯示頁面　286
16.2.6　制作新聞添加頁面　287
16.3　制作會員登錄系統(tǒng)　290
16.3.1　數(shù)據(jù)庫設(shè)計　290
16.3.2　制作登錄成功頁面　290
16.3.3　制作登錄失敗頁面　293
16.3.4　制作登錄頁面　294
16.4　制作在線調(diào)查系統(tǒng)　297
16.4.1　制作數(shù)據(jù)庫表　297
16.4.2　調(diào)查信息頁　297
16.4.3　制作調(diào)查結(jié)果頁面　305
16.5　經(jīng)典習題與解答　315
16.5.1　填空題　315
16.5.2　上機操作題　315
第四部分　網(wǎng)站發(fā)布與維護篇
第17章　網(wǎng)站的發(fā)布　318
17.1　站點的測試　318
17.1.1　檢查斷掉的鏈接　318
17.1.2　檢查外部鏈接　318
17.1.3　檢查孤立文件　319
17.2　網(wǎng)頁的上傳　320
17.2.1　利用Dreamweaver上傳網(wǎng)頁　320
17.2.2　LeadFTP上傳文件　322
17.3　經(jīng)典習題與解答　323
17.3.1　填空題　323
17.3.2　上機操作題　324
第18章　網(wǎng)站的日常維護　325
18.1　網(wǎng)站數(shù)據(jù)庫內(nèi)容維護　325
18.2　網(wǎng)頁維護　327
18.3　網(wǎng)站系統(tǒng)維護　327
18.4　經(jīng)典習題與解答　329
18.4.1　填空題　329
18.4.2　簡答題　329
第19章　網(wǎng)站的宣傳推廣　330
19.1　注冊到搜索引擎　330
19.2　導(dǎo)航網(wǎng)站登錄　333
19.3　友情鏈接　334
19.4　網(wǎng)絡(luò)廣告　335
19.5　郵件廣告　335
19.6　發(fā)布信息推廣　336
19.7　傳統(tǒng)媒體廣告　337
19.8　經(jīng)典習題與解答　337
19.8.1　填空題　337
19.8.2　上機操作題　337
第五部分　綜合案例篇
第20章　創(chuàng)建企業(yè)展示型網(wǎng)站　340
20.1　網(wǎng)站前期策劃　340
20.2　設(shè)計網(wǎng)站首頁　342
20.2.1　首頁的設(shè)計　342
20.2.2　切割首頁　348
20.3　在Dreamweaver中進行頁面排版制作　349
20.3.1　創(chuàng)建本地站點　349
20.3.2　創(chuàng)建二級模板頁面　350
20.3.3　利用模板制作其他網(wǎng)頁　355
20.4　給網(wǎng)頁添加特效　357
20.4.1　滾動公告　358
20.4.2　制 作彈出窗口頁面　359
20.5　本地測試及發(fā)布上傳　363
20.6　經(jīng)典習題與解答　364
20.6.1　填空題　364
20.6.2　上機操作題　364
第21章　設(shè)計在線購物網(wǎng)站　365
21.1　購物網(wǎng)站設(shè)計概述　365
21.1.1　購物網(wǎng)站概念　365
21.1.2　購物網(wǎng)站購物流程　366
21.1.3　購物網(wǎng)站主要功能　366
21.2　網(wǎng)站圖像設(shè)計　368
21.2.1　設(shè)計網(wǎng)頁Logo　368
21.2.2　設(shè)計網(wǎng)頁Banner　372
21.3　創(chuàng)建數(shù)據(jù)庫　376
21.4　制作商品展示頁面　377
21.5　制作商品詳細介紹頁面　393
21.6　制作購物系統(tǒng)　399
21.6.1　制作購物車頁面　399
21.6.2　制作填寫收貨人信息頁面　407
21.6.3　確認提交表單　413
附錄A　網(wǎng)頁制作常見問題精解　422
1．Dreamweaver中如何輸入空格　422
2．為什么當讓一行字居中時，其他行字也變成居中　422
3．在Dreamweaver中怎樣設(shè)置水平線的顏色　422
4．如何清除網(wǎng)頁中不必要的HTML代碼　423
5．如何搜索網(wǎng)頁并替換其內(nèi)容　423
6．怎樣定義網(wǎng)頁語言　423
7．怎樣在網(wǎng)頁中添加E-mail鏈接并顯示預(yù)定的主題　424
8．怎樣在網(wǎng)頁中添加電子郵件表單提交　424
9．如何為訪問者設(shè)置正確的軟件下載鏈接　424
10．如何刪除圖片鏈接的藍色邊框　424
11．如何實現(xiàn)網(wǎng)頁自動刷新　425
12．如何去除鏈接的下劃線　425
13．如何利用單擊來關(guān)閉瀏覽窗口　427
14．如何避免自己的圖片被其他站點使用　427
15．怎樣為圖片添加邊框　428
16．如何添加圖片及鏈接文字的提示信息　429
17．如何制作“空鏈接”　430
18．如何很好的控制行距　430
19．如何在一個站點的不同頁面間播放同一種聲音文件　432
20．怎樣套用現(xiàn)成的表格格式　432
21．從【寬度】后面的下拉菜單里選擇單位時，選擇【像素】或【百分比】有什么區(qū)別　433
22．如何制作細線表格　433
23．為什么在Dreamweaver中把單元格高度設(shè)置為“1”時沒有效果　434
24．如何制作圓角表格　434
25．如何精確地定位網(wǎng)頁中的內(nèi)容　439
26．怎樣讓800*600分辨率下生成的網(wǎng)頁在1024*768的表格下居中顯示　439
27．為什么不顯示底圖　439
28．如何調(diào)整框架邊框的粗細　439
29．怎樣防止別人把自己的網(wǎng)頁放在框架里　439
30．怎樣實現(xiàn)定時自動關(guān)閉窗口　439
31．怎樣以新窗口的形式打開目標鏈接　440
32．什么是模板的可編輯區(qū)域，在定義可編輯區(qū)域時應(yīng)注意什么　440
33．如何用圖片代替表單按鈕　440
34．怎樣顯示表單中的紅色虛線框　440
35．怎樣讓頁面四周沒有空白　440
36．為什么表格里的文字不會自動換行　440
37．如何防止別人另存我的網(wǎng)頁　441
38．如何為頁面設(shè)置訪問口令　441
39．如何在網(wǎng)頁上顯示當前日期、星期和時間　441
40．如何將站點加入收藏夾　442
41．如何將站點設(shè)為首頁　443
42．如何解決表格的變形問題　444
43．怎樣在網(wǎng)頁中使用包含文件　445
44．怎樣在網(wǎng)頁中輸入上下標　445
45．如何讓瀏覽者知道自己訪問網(wǎng)頁的次數(shù)　445
46．如何禁止使用鼠標右鍵　446
47．如何制作浮動的廣告　448
48．在Dreamweaver里怎樣設(shè)置Flash背景為透明　450
49．如何將一張圖變成Flash文件后任意縮放而不出現(xiàn)鋸齒　450
50．做好的Flash放到網(wǎng)頁上面以后，它老是循環(huán)，怎么能夠讓它不進行循環(huán)　451
51．導(dǎo)出透明圖片的方法有哪些　451
52．一個MC引用到場景中后如何播放　451
53．Flash動畫背景可以透明嗎　451
54．怎樣做一串字或一幅圖由模糊變清晰的效果　452
55．如何利用時間軸特效制作動畫投影效果　452
56．如何利用時間軸特效制作展開效果　453
57．如何進行多幀選取　455
58．做“沿軌跡運動”動畫的時候，物件為什么總是沿直線運動　455
59．如何制作幀幀動畫　455
60．制作發(fā)送郵件按鈕　456
61．如何讓動畫在停留一段時間后繼續(xù)播放　457
62．如何制作補間動畫　457
63．如何在Flash中打開一個定制的瀏覽器新窗口　459
64．如何制作引導(dǎo)層動畫　459
65．如何調(diào)整多個場景的播放次序　461
66．如何能為作品加上密碼保護　461
67．怎樣使一個圖片和另一個圖片很好地融合在一起包括看不出圖像的邊緣　461
68．如何在Photoshop中將圖片淡化　462
69．怎樣使文字邊緣填充顏色　462
70．在制作網(wǎng)頁用圖形時什么時候用Gif格式，什么時候用Jpg格式　464
71．矢量圖形和位圖圖形有什么區(qū)別，各有什么特點　464
72．在Photoshop中，每次打開一幅圖都是背景鎖定的，如何去除　464
73．如何制作透明GIF圖像　464
74．動作和濾鏡有什么區(qū)別　465
75．在PS中輸入文字，怎樣選取文字的一部分　465
76．如何快速打開文件　465
77．如何隨意更換畫布顏色　465
78．【選框】工具中Shift和Alt鍵的使用方法　465
79．Shift+Ctrl+Alt+T是什么　466
附錄B　ASP函數(shù)速查表　467
附錄C　JavaScript語法手冊　472
1．JavaScript函數(shù)　472
2．JavaScript方法　472
3．JavaScript對象　475
4．JavaScript運算符　476
5．JavaScript屬性　477
6．JavaScript語句　478
附錄D　CSS屬性一覽表　479
1．文字屬性　479
2．項目符號　480
3．背景樣式　480
4．鏈接屬性　480
5．邊框?qū)傩浴?81
6．表單　481
7．邊界樣式　482
8．邊框空白　482