目　錄

**部分　預(yù)備知識篇

第1章　網(wǎng)頁設(shè)計基礎(chǔ)　3
1.1　網(wǎng)頁基本知識　3
1.1.1　什么是internet　3
1.1.2　什么是網(wǎng)站　4
1.1.3　什么是web服務(wù)器　4
1.1.4　什么是靜態(tài)網(wǎng)頁　4
1.1.5　什么是動態(tài)網(wǎng)頁　4
1.2　網(wǎng)頁的基本構(gòu)成元素　5
1.2.1　網(wǎng)站logo　5
1.2.2　網(wǎng)站banner　5
1.2.3　導(dǎo)航欄　6
1.2.4　文本　6
1.2.5　圖像　6
1.2.6　flash動畫　7
1.3　常用網(wǎng)頁設(shè)計軟件　8

第2章　網(wǎng)頁色彩知識　10
2.1　網(wǎng)頁配色基礎(chǔ)　10
2.2　色彩意象　12
2.3　網(wǎng)頁色彩搭配知識　15
2.3.1　網(wǎng)頁色彩搭配的技巧　16
2.3.2　網(wǎng)頁要素色彩的搭配　17
2.3.3　色彩的對比搭配　18

第3章　網(wǎng)頁的布局設(shè)計　20
3.1　網(wǎng)頁版面布局設(shè)計　20
3.1.1　網(wǎng)頁版面布局原則　20
3.1.2　點、線、面的構(gòu)成　21
3.2　網(wǎng)頁布局方法　23
3.2.1　紙上布局法　23
3.2.2　軟件布局法　24
3.3　常見的版面布局形式　24
3.4　文字與版式設(shè)計　27
3.4.1　文字的字體、字號、行距　27
3.4.2　文字的顏色　28
3.4.3　文字的圖形化　29
3.5　圖像與版式設(shè)計　29
3.5.1　圖像的設(shè)計流程　30
3.5.2　網(wǎng)頁中應(yīng)用圖像的要點　30

第二部分　靜態(tài)網(wǎng)頁制作篇

第4章　基本文本網(wǎng)頁的創(chuàng)建　33
4.1　dreamweaver cs6簡介　33
4.2　dreamweaver cs6的操作界面　33
4.2.1　菜單欄　34
4.2.2　常用插入欄　35
4.2.3　文檔窗口　35
4.2.4　【屬性】面板　36
4.2.5　浮動面板　36
4.3　創(chuàng)建站點　36
4.3.1　使用向?qū)Ы⒄军c　36
4.3.2　使用高級設(shè)置建立站點　38
4.4　添加文本　40
4.4.1　在網(wǎng)頁中添加文本　40
4.4.2　設(shè)置文本屬性　41
4.5　創(chuàng)建項目列表和編號列表　44
4.5.1　創(chuàng)建項目列表　44
4.5.2　創(chuàng)建編號列表　45
4.6　設(shè)置頭信息　45
4.6.1　設(shè)置標(biāo)題　46
4.6.2　設(shè)置meta　46
4.6.3　插入關(guān)鍵字　46
4.6.4　插入說明　47
4.6.5　插入刷新　47
4.7　實戰(zhàn)演練——創(chuàng)建基本文本網(wǎng)頁　47
4.8　技巧與問答　50
第1問　為何無法在文字中輸入多個空格字符　50
第2問　為什么插入的水平線顏色無法修改　50
第3問　如何設(shè)定若干秒后自動轉(zhuǎn)向指定的網(wǎng)頁　52
第4問　如何在整個站點中查找與替換文字　53
第5問　如何在網(wǎng)頁中插入特殊符號　54
第6問　如何清除網(wǎng)頁中不必要的html代碼　54
第7問　如何在網(wǎng)頁中輸入上下標(biāo)　55
第8問　為什么讓一行字居中，其他行也居中　55
第9問　為什么在dreamweaver中按鍵換行時，與上一行的距離很大　55

第5章　圖像和多媒體的使用　56
5.1　網(wǎng)頁中圖像的使用常識　56
5.2　圖像的基本操作　57
5.2.1　在網(wǎng)頁中插入圖像　57
5.2.2　設(shè)置圖像屬性　58
5.2.3　裁剪圖像　60
5.2.4　調(diào)整圖像的亮度和對比度　61
5.2.5　銳化圖像　62
5.3　插入其他網(wǎng)頁圖像　62
5.3.1　背景圖像　62
5.3.2　創(chuàng)建鼠標(biāo)經(jīng)過圖像　63
5.4　添加flash影片　65
5.5　插入視頻文件　67
5.6　插入其他媒體對象　69
5.6.1　插入shockwave影片　69
5.6.2　插入java小應(yīng)用程序　70
5.7　實戰(zhàn)演練　72
5.7.1　實例1——創(chuàng)建鼠標(biāo)經(jīng)過圖像導(dǎo)航欄　72
5.7.2　實例2——創(chuàng)建圖文混和網(wǎng)頁　74
5.8　技巧與問答　76
第1問　如何給網(wǎng)頁圖像添加邊框　77
第2問　為什么設(shè)置的背景圖像不顯示　77
第3問　如何制作當(dāng)鼠標(biāo)移到圖片上時會自動出現(xiàn)該圖片的說明文字　77
第4問　如何調(diào)整圖片與文字的間距　77
第5問　如何把網(wǎng)頁中的flash背景設(shè)置為透明　77
第6問　如何在網(wǎng)頁中插入背景音樂　79
第7問　如何讓網(wǎng)頁中的圖片出現(xiàn)不同程度的透明或漸變透明效果　84
第8問　如何制作圖像由透明到清楚，再由清楚到透明，這樣忽隱忽現(xiàn)的效果　85

第6章　使用表格排列網(wǎng)頁數(shù)據(jù)　88
6.1　插入表格　88
6.2　設(shè)置表格的各項屬性　90
6.2.1　設(shè)置表格的屬性　90
6.2.2　設(shè)置單元格屬性　91
6.3　選擇表格　91
6.3.1　選擇整個表格　92
6.3.2　選擇一個單元格　92
6.4　編輯表格和單元格　92
6.4.1　復(fù)制和粘貼表格　93
6.4.2　添加行、列　93
6.4.3　刪除行、列　94
6.4.4　合并單元格　94
6.4.5　拆分單元格　94
6.5　實戰(zhàn)演練——利用表格布局網(wǎng)頁　95
6.6　技巧與問答　100
第1問　如何制作細(xì)線表格　100
第2問　為何在dreamweaver中把單元格寬度或高度設(shè)置為1沒有效果　103
第3問　如何制作圓角表格　103
第4問　如何實現(xiàn)當(dāng)鼠標(biāo)移到某個單元格上時，該單元格自動變換背景色　107
第5問　如何將外部的數(shù)據(jù)導(dǎo)入到網(wǎng)頁中　109
第6問　如何給表格中的數(shù)據(jù)排序　111
第7問　怎樣使表格具有陰影特效　112
第8問　如何讓表格的邊框具有不同顏色、不斷閃爍的效果　113
第9問　如何制作出具有立體感的表格　115

第7章　使用模板、庫和插件　117
7.1　創(chuàng)建模板　117
7.1.1　直接創(chuàng)建模板　117
7.1.2　從現(xiàn)有文檔創(chuàng)建模板　118
7.2　創(chuàng)建可編輯區(qū)域　119
7.3　使用模板創(chuàng)建新網(wǎng)頁　120
7.4　創(chuàng)建與應(yīng)用庫項目　124
7.4.1　創(chuàng)建庫項目　124
7.4.2　應(yīng)用庫項目　128
7.5　安裝和應(yīng)用第三方插件　129
7.5.1　安裝插件　129
7.5.2　應(yīng)用插件　130
7.6　實戰(zhàn)演練　132
7.6.1　實例1——創(chuàng)建模板　132
7.6.2　實例2——利用模板創(chuàng)建網(wǎng)頁　138
7.6.3　實例3——制作圖片漸顯效果插件　141
7.7　技巧與問答　142
第1問　什么時候需要使用模板　142
第2問　如何定義重復(fù)區(qū)域　142
第3問　如何定義重復(fù)表格　143
第4問　如何利用庫更新站點網(wǎng)頁　143
第5問　如何插入可選區(qū)域　143
第6問　如何將文檔從模板中分離　144
第7問　如何利用插件制作網(wǎng)頁上的飄浮圖片　144
第8問　如何利用插件實現(xiàn)在不同時刻顯示不同的問候語　145
第9問　利用插件制作隨機顯示指定圖像列表中的圖像　147

第8章　表單的使用　149
8.1　插入表單　149
8.2　插入文本域　151
8.2.1　插入單行文本域　151
8.2.2　插入密碼域　153
8.2.3　插入多行文本域　155
8.3　復(fù)選框和單選按鈕　156
8.3.1　插入單選按鈕　157
8.3.2　插入復(fù)選框　159
8.4　插入列表和菜單　160
8.5　插入按鈕　162
8.6　實戰(zhàn)演練——創(chuàng)建電子郵件反饋表單　164
8.7　技巧與問答　171
第1問　如何顯示表單中的紅色虛線框　171
第2問　如何改變多行文本域中滾動條的顏色　171
第3問　如何實現(xiàn)復(fù)選框全選、全不選和反選效果　174
第4問　如何避免表單撐開表格　178
第5問　如何制作一個可以返回到上一頁的按鈕　178
第6問　如何禁止在文本框中輸入中文　180
第7問　如何限制在多行文本框中輸入的文字總數(shù)　181
第8問　訪問者填寫好表單并提交后，如何檢查各項數(shù)據(jù)的正確性　182
第9問　如何讓訪問者輸入正確的名稱和密碼才能進入網(wǎng)頁且不通過數(shù)據(jù)庫實現(xiàn)　183

第9章　超級鏈接的創(chuàng)建　185
9.1　超級鏈接的基本概念　185
9.2　創(chuàng)建鏈接的方法　185
9.3　實戰(zhàn)演練　187
9.3.1　實例1——創(chuàng)建外部鏈接　187
9.3.2　實例2——創(chuàng)建e-mail鏈接　188
9.3.3　實例3——創(chuàng)建錨點鏈接　189
9.3.4　實例4——創(chuàng)建圖像熱點鏈接　193
9.4　技巧與問答　196
第1問　如何實現(xiàn)當(dāng)鼠標(biāo)移到超級鏈接上時改變形狀　196
第2問　如何實現(xiàn)鼠標(biāo)移動到滾動的文字上時，文字就停止?jié)L動，再用鼠標(biāo)單擊文字并離開時又會繼續(xù)滾動　197
第3問　如何設(shè)置在任何情況下使所有鏈接文字都看不到其底線　198
第4問　內(nèi)容很長的網(wǎng)頁，如何設(shè)置可以隨時跳回*前面　200
第5問　如何刪除圖片鏈接的藍(lán)色邊框　201
第6問　如何設(shè)置單擊鏈接后打開的網(wǎng)頁顯示在新窗口中　203
第7問　如何創(chuàng)建下載文件的鏈接　204
第8問　如何實現(xiàn)當(dāng)鼠標(biāo)移到某個圖片上時會自動變換圖片，移開后又換回來　206
第9問　如何實現(xiàn)鼠標(biāo)移到某鏈接文字時，字會變大或改變顏色，移開后又恢復(fù)原狀　207

第10章　css樣式表的應(yīng)用　209
10.1　在html中引用樣式表的方法　209
10.2　設(shè)置css屬性　210
10.2.1　類型屬性　210
10.2.2　背景屬性　210
10.2.3　區(qū)塊屬性　211
10.2.4　方框?qū)傩浴?12
10.2.5　邊框?qū)傩浴?12
10.2.6　列表屬性　213
10.2.7　定位屬性　213
10.2.8　擴展屬性　214
10.2.9　設(shè)置過渡樣式　214
10.3　鏈接到或?qū)С鐾獠縞ss樣式表　214
10.3.1　創(chuàng)建外部樣式表　214
10.3.2　鏈接外部樣式表　216
10.4　實戰(zhàn)演練　217
10.4.1　實例1——應(yīng)用css樣式定義文本間行距　217
10.4.2　實例2——應(yīng)用css樣式制作陰影文字　219
10.5　技巧與問答　221
第1問　css的3種用法在一個網(wǎng)頁中可以混用嗎　221
第2問　在css中出現(xiàn)“〈!--”和“--〉”可以刪除嗎　222
第3問　為何網(wǎng)頁中的文字在某些電腦上顯示正常，但在某些電腦上會變大或變小　222
第4問　如何利用css去掉鏈接文字下劃線　223
第5問　如何利用css設(shè)計水平線樣式　225
第6問　如何利用css濾鏡制作光暈文字　227
第7問　如何利用css改變鼠標(biāo)形狀　229
第8問　如何利用css實現(xiàn)背景變換的導(dǎo)航菜單　231
第9問　如何利用css實現(xiàn)滾動條的彩色顯示　235

第11章　css+div靈活布局網(wǎng)頁　237
11.1　初識div　237
11.1.1　div概述　237
11.1.2　div與span的區(qū)別　238
11.1.3　div與css布局優(yōu)勢　239
11.2　css定位　240
11.2.1　盒子模型的概念　240
11.2.2　float定位　240
11.2.3　position定位　241
11.3　css布局理念　242
11.3.1　將頁面用div分塊　242
11.3.2　設(shè)計各塊的位置　242
11.3.3　用css定位　243
11.4　常見的布局類型　244
11.4.1　列固定寬度　244
11.4.2　列自適應(yīng)　245
11.4.3　兩列固定寬度　246
11.4.4　兩列寬度自適應(yīng)　247
11.4.5　兩列右列寬度自適應(yīng)　248
11.4.6　三列浮動中間寬度自適應(yīng)　248

第12章　利用行為和腳本制作動感特效網(wǎng)頁　250
12.1　行為的概述　250
12.2　行為的動作和事件　251
12.2.1　常見的動作類型　251
12.2.2　事件　252
12.3　使用dreamweaver內(nèi)置行為　252
12.3.1　交換圖像　253
12.3.2　彈出信息　255
12.3.3　打開瀏覽器窗口　257
12.3.4　轉(zhuǎn)到url　259
12.3.5　預(yù)先載入圖像　261
12.3.6　設(shè)置容器中的文本　263
12.3.7　顯示-隱藏元素　265
12.3.8　檢查插件　269
12.3.9　檢查表單　269
12.3.10　設(shè)置狀態(tài)欄文本　271
12.4　技巧與問答　273
第1問　如何制作滾動公告　273
第2問　如何制作自動關(guān)閉網(wǎng)頁　278
第3問　如何顯示當(dāng)前日期和時間　280
第4問　如何將站點加入收藏夾　281
第5問　如何將站點設(shè)為首頁　282
第6問　如何實現(xiàn)定時關(guān)閉窗口　283
第7問　如何為頁面設(shè)置訪問口令　285

第三部分　動態(tài)網(wǎng)頁制作篇

第13章　dreamweaver cs6動態(tài)網(wǎng)頁設(shè)計基礎(chǔ)　289
13.1　html的基礎(chǔ)　289
13.1.1　html的基本概念　289
13.1.2　html的基本語法　290
13.2　在dreamweaver cs6中編寫代碼　290
13.2.1　使用代碼提示　290
13.2.2　使用代碼片段　292
13.2.3　使用標(biāo)簽選擇器插入標(biāo)簽　293
13.2.4　使用標(biāo)簽編輯器編輯標(biāo)簽　295
13.2.5　用標(biāo)簽檢查器編輯標(biāo)簽　295
13.3　建立數(shù)據(jù)庫連接　295
13.3.1　了解dsn　295
13.3.2　定義系統(tǒng)dsn　295
13.3.3　建立系統(tǒng)dsn連接　297
13.4　編輯數(shù)據(jù)表記錄　297
13.4.1　了解記錄集　297
13.4.2　創(chuàng)建記錄集　298
13.4.3　插入記錄　299
13.4.4　更新記錄　300
13.4.5　刪除記錄　300
13.5　增加服務(wù)器行為　301
13.5.1　插入重復(fù)區(qū)域　301
13.5.2　插入顯示區(qū)域　302
13.5.3　記錄集分頁　302
13.5.4　轉(zhuǎn)到詳細(xì)頁面　303
13.5.5　轉(zhuǎn)到相關(guān)頁面　303
13.5.6　用戶身份驗證　304
13.6　實戰(zhàn)演練——創(chuàng)建留言系統(tǒng)　306
13.6.1　創(chuàng)建數(shù)據(jù)庫　306
13.6.2　設(shè)置數(shù)據(jù)源odbc　307
13.6.3　定義數(shù)據(jù)庫連接　308
13.6.4　制作發(fā)布留言頁面　309
13.6.5　制作留言列表頁面　314
13.6.6　制作顯示留言頁面　321
13.7　系統(tǒng)測試　324
13.8　技巧與問答　325
第1問　如何使用代碼提示插入滾動公告　325
第2問　創(chuàng)建數(shù)據(jù)庫連接一定要在服務(wù)器端設(shè)置dsn嗎　328
第3問　如何獲得更多的服務(wù)器行為　329
第4問　如何編輯數(shù)據(jù)源　329
第5問　如何設(shè)置數(shù)據(jù)源的數(shù)據(jù)格式　329
第6問　如何使用動態(tài)表單　329

第14章　設(shè)計典型動態(tài)網(wǎng)站模塊　332
14.1　新聞發(fā)布系統(tǒng)　332
14.1.1　新聞發(fā)布系統(tǒng)分析　332
14.1.2　設(shè)計數(shù)據(jù)庫　333
14.1.3　創(chuàng)建數(shù)據(jù)庫連接　333
14.1.4　制作新聞列表頁面　335
14.1.5　制作新聞詳細(xì)顯示頁面　339
14.1.6　制作管理員登錄頁面　342
14.1.7　創(chuàng)建新聞列表管理頁面　347
14.1.8　制作新聞添加頁面　353
14.1.9　制作新聞修改頁面　357
14.1.10　制作新聞刪除頁面　359
14.1.11　系統(tǒng)測試　361
14.2　制作會員注冊登錄系統(tǒng)　364
14.2.1　數(shù)據(jù)庫設(shè)計與連接　364
14.2.2　制作注冊頁面zhc　366
14.2.3　制作注冊成功與失敗頁面　372
14.2.4　制作登錄頁面　373
14.2.5　制作登錄成功頁面　377
14.2.6　制作登錄失敗頁面　378
14.2.7　系統(tǒng)測試　379
14.3　技巧與問答　381
第1問　如果asp文件有錯誤，iis只會顯示“http500錯誤”，但卻不顯示詳細(xì)的錯誤信息，如何解決　381
第2問　如何使用asp發(fā)送郵件　381
第3問　如何在網(wǎng)頁中使用包含文件　381
第4問　如何保護自己的asp源代碼不泄露　382
第5問　什么是activex控件，在何處可以下載　382
第6問　我已經(jīng)在服務(wù)器行為中將“插入記錄”行為刪除了，為什么重做“插入記錄”后，運行時還會提示變量重復(fù)定義　382

第四部分　網(wǎng)站建設(shè)篇

第15章　網(wǎng)站建設(shè)規(guī)范與流程　385
15.1　網(wǎng)站建設(shè)規(guī)范　385
15.1.1　組建開發(fā)團隊規(guī)范　385
15.1.2　開發(fā)工具規(guī)范　385
15.1.3　超鏈接設(shè)計規(guī)范　386
15.1.4　文件夾和文件命名規(guī)范　386
15.1.5　代碼設(shè)計規(guī)范　387
15.2　網(wǎng)站建設(shè)的基本流程　388
15.2.1　確定站點目標(biāo)　388
15.2.2　確定目標(biāo)瀏覽者　388
15.2.3　確定站點風(fēng)格　389
15.2.4　收集資源　389
15.2.5　設(shè)計網(wǎng)頁圖像　390
15.2.6　制作網(wǎng)頁　390
15.2.7　開發(fā)動態(tài)網(wǎng)站模塊　391
15.2.8　申請域名和服務(wù)器空間　391
15.2.9　測試與發(fā)布　392
15.2.10　推廣網(wǎng)站　392

第16章　網(wǎng)站的發(fā)布與推廣　393
16.1　測試站點　393
16.1.1　檢查鏈接　393
16.1.2　站點報告　394
16.1.3　清理文檔　394
16.2　發(fā)布網(wǎng)站　396
16.3　維護網(wǎng)站　397
16.4　網(wǎng)站的推廣　398
16.4.1　登錄搜索引擎　398
16.4.2　交換廣告條　398
16.4.3　使用meta標(biāo)簽　399
16.4.4　使用傳統(tǒng)方式推廣　399
16.4.5　借助網(wǎng)絡(luò)廣告　399
16.4.6　登錄網(wǎng)址導(dǎo)航站點　399
16.4.7　通過bbs宣傳　400

第五部分　綜合案例篇

第17章　制作個人網(wǎng)站　403
17.1　個人網(wǎng)站設(shè)計要點　403
17.2　主要功能頁面　404
17.3　制作個人網(wǎng)站主頁　404
17.4　制作主頁特效　406
17.4.1　制作狀態(tài)欄顯示停留時間特效　406
17.4.2　制作刷新網(wǎng)頁隨機播放音樂特效　408
17.5　制作網(wǎng)絡(luò)素材頁面　409
17.5.1　制作浮動框架頁　410
17.5.2　插入浮動框架　411
17.6　技巧與問答　412
技巧1　使用表格布局網(wǎng)頁的一些技巧　412
技巧2　巧妙清除網(wǎng)頁距瀏覽器左邊框和頂部邊框的空白　412
技巧3　浮動框架iframe的使用技巧　413

第18章　公司宣傳網(wǎng)站的制作　414
18.1　企業(yè)網(wǎng)站設(shè)計分析　414
18.1.1　企業(yè)網(wǎng)站內(nèi)容設(shè)計　414
18.1.2　排版構(gòu)架　415
18.2　各部分設(shè)計　416
18.2.1　logo與頂部導(dǎo)航　416
18.2.2　左側(cè)導(dǎo)航　418
18.2.3　主體內(nèi)容　420
18.2.4　制作搜索部分　424
18.2.5　制作公司新聞　424
18.2.6　制作聯(lián)系我們　425
18.2.7　底部版權(quán)信息　426

第19章　制作時尚購物網(wǎng)站　427
19.1　購物網(wǎng)站設(shè)計概述　427
19.2　創(chuàng)建數(shù)據(jù)庫表　429
19.3　創(chuàng)建數(shù)據(jù)庫連接　430
19.4　制作購物系統(tǒng)前臺頁面　430
19.4.1　制作商品分類展示頁面　430
19.4.2　制作商品詳細(xì)信息頁面　437
19.5　制作購物系統(tǒng)后臺管理　440
19.5.1　制作管理員登錄頁面　440
19.5.2　制作添加商品分類頁面　444
19.5.3　制作添加商品頁面　448
19.5.4　制作商品管理頁面　451
19.5.5　制作修改頁面　456
19.5.6　制作刪除頁面　460
19.6　技巧與問答　463
第1問　如何創(chuàng)建動態(tài)圖像　463
第2問　如何安裝第三方服務(wù)器行為　463
第3問　如何為網(wǎng)站增加購物車和在線支付功能　464