DREAMWEAVER 8完美網頁制作基礎、實例與技巧

第一部分　預備知識篇
第1章　網頁設計基礎　2
1.1　網頁基本知識　2
1.1.1　什么是Internet　2
1.1.2　什么是網站　3
1.1.3　什么是Web服務器　3
1.1.4　什么是靜態(tài)網頁　3
1.1.5　什么是動態(tài)網頁　3
1.2　網頁的基本構成元素　4
1.2.1　網站LOGO　4
1.2.2　網站Banner　5
1.2.3　導航欄　5
1.2.4　文本　5
1.2.5　圖像　6
1.2.6　Flash動畫　6
1.3　常用網頁設計軟件　7
第2章　網頁色彩知識　9
2.1　網頁配色基礎　9
2.2　色彩意象　11
2.3　網頁色彩搭配知識　14
2.3.1　網頁色彩搭配的技巧　15
2.3.2　網頁要素色彩的搭配　16
2.3.3　色彩的對比搭配　17
第3章　網頁的布局設計　19
3.1　網頁版面布局設計　19
3.1.1　網頁版面布局原則　19
3.1.2　點、線、面的構成　20
3.2　網頁布局方法　22
3.2.1　紙上布局法　22
3.2.2　軟件布局法　22
3.3　常見的版面布局形式　23
3.4　文字與版式設計　25
3.4.1　文字的字體、字號、行距　26
3.4.2　文字的顏色　26
3.4.3　文字的圖形化　27
3.5　圖像與版式設計　27
3.5.1　圖像的設計流程　28
3.5.2　網頁中應用圖像的注意要點　28
第二部分　靜態(tài)網頁制作篇
第4章　基本文本網頁的創(chuàng)建　30
4.1　Dreamweaver 8簡介　30
4.2　Dreamweaver 8的操作界面　30
4.2.1　菜單欄　31
4.2.2　插入欄　32
4.2.3　文檔窗口　32
4.2.4　【屬性】面板　32
4.2.5　浮動面板　33
4.3　創(chuàng)建站點　33
4.3.1　使用向導建立站點　33
4.3.2　使用高級設置建立站點　35
4.4　添加文本　36
4.4.1　在網頁中添加文本　36
4.4.2　設置文本屬性　37
4.5　創(chuàng)建項目列表和編號列表　38
4.5.1　創(chuàng)建項目列表　38
4.5.2　創(chuàng)建編號列表　39
4.6　設置頭信息　39
4.6.1　設置標題　39
4.6.2　設置META　40
4.6.3　插入關鍵字　40
4.6.4　插入說明　41
4.6.5　插入刷新　41
4.7　實戰(zhàn)演練——創(chuàng)建基本文本網頁　42
4.8　技巧與問答　42
第1問　為何無法在文字中輸入多個空格字符　43
第2問　為什么插入的水平線顏色無法修改　43
第3問　如何設定若干秒后自動轉向指定的網頁　44
第4問　如何在整個站點中查找與替換文字　45
第5問　如何在網頁中插入特殊符號　46
第6問　如何清除網頁中不必要的HTML代碼　46
第7問　如何在網頁中輸入上下標　47
第8問　為什么讓一行字居中，其他行也居中　47
第9問　為什么在Dreamweaver中按 Enter 鍵換行時，與上一行的距離很大　47
第5章　圖像和多媒體的使用　48
5.1　網頁中圖像的使用常識　48
5.2　圖像的基本操作　49
5.2.1　在網頁中插入圖像　49
5.2.2　設置圖像屬性　50
5.2.3　裁剪圖像　51
5.2.4　使用Fireworks優(yōu)化圖像　52
5.2.5　調整圖像的亮度和對比度　52
5.2.6　銳化圖像　53
5.3　插入其他網頁圖像　53
5.3.1　背景圖像　53
5.3.2　創(chuàng)建鼠標經過圖像　54
5.4　添加Flash影片　56
5.4.1　在Dreamweaver中插入Flash影片　56
5.4.2　添加Flash文本　58
5.4.3　添加Flash按鈕　59
5.5　插入視頻文件　61
5.6　插入其他媒體對象　63
5.6.1　插入Shockwave影片　63
5.6.2　插入Java小應用程序　64
5.6.3　插入ActiveX控件　67
5.7　實戰(zhàn)演練　67
5.7.1　實例1——創(chuàng)建鼠標經過圖像導航欄　67
5.7.2　實例2——創(chuàng)建圖文混和網頁　69
5.8　技巧與問答　70
第1問　如何給網頁圖像添加邊框　70
第2問　為什么設置的背景圖像不顯示　70
第3問　如何制作當鼠標移到圖片上時會自動出現(xiàn)該圖片的說明文字　70
第4問　如何調整圖片與文字的間距　70
第5問　如何把網頁中的Flash背景設置為透明　71
第6問　在網頁中如何控制Flash的播放與停止　71
第7問　如何在網頁中插入背景音樂　73
第8問　如何制作水中倒影效果　79
第9問　如何讓網頁中的圖片出現(xiàn)不同程度的透明或漸變透明效果　80
第10問　如何制作圖像由透明到清楚，再由清楚到透明，這樣忽隱忽現(xiàn)的效果　81
第6章　使用表格布局網頁　84
6.1　插入表格　84
6.2　設置表格的各項屬性　85
6.2.1　設置表格的屬性　86
6.2.2　設置單元格屬性　87
6.2.3　用預置表格設計格式化表格　87
6.3　選擇表格　89
6.3.1　選擇整個表格　89
6.3.2　選擇一個單元格　90
6.4　編輯表格和單元格　90
6.4.1　復制和粘貼表格　90
6.4.2　添加行、列　91
6.4.3　刪除行、列　91
6.4.4　合并單元格　91
6.4.5　拆分單元格　92
6.5　實戰(zhàn)演練——利用表格布局網頁　92
6.6　技巧與問答　94
第1問　如何套用現(xiàn)成的表格格式　95
第2問　如何制作細線表格　95
第3問　為何在Dreamweaver中把單元格寬度或高度設置為1沒有效果　97
第4問　如何制作圓角表格　97
第5問　如何實現(xiàn)當鼠標移到某個單元格上時，該單元格自動變換背景色　99
第6問　如何將外部的數據導入到網頁中　101
第7問　如何給表格中的數據排序　102
第8問　怎樣使表格具有陰影特效　104
第9問　如何讓表格的邊框具有不同顏色、不斷閃爍的效果　105
第10問　如何制作出具有立體感的表格　106
第7章　創(chuàng)建框架網頁　108
7.1　框架網頁概述　108
7.2　創(chuàng)建框架和框架集　108
7.2.1　創(chuàng)建框架集　109
7.2.2　插入預定義框架集　109
7.2.3　保存框架和框架集文件　111
7.3　選擇框架和框架集　111
7.3.1　在【框架】面板中選擇框架或框架集　112
7.3.2　在文檔窗口中選擇框架或框架集　112
7.4　設置框架和框架集屬性　113
7.4.1　設置框架屬性　113
7.4.2　設置框架集屬性　114
7.5　實戰(zhàn)演練　114
7.5.1　實例1——創(chuàng)建完整的框架網頁實例　114
7.5.2　實例2——創(chuàng)建嵌入式框架　119
7.6　技巧與問答　121
第1問　如何隱藏滾動條　121
第2問　如何調整框架邊框的粗細　121
第3問　如何準確地選擇所需的框架　121
第4問　如何調整框架大小　121
第5問　如何實現(xiàn)單擊一個鏈接改變兩個框架中的內容　121
第6問　怎樣使框架集在不同的瀏覽器中正常顯示　123
第7問　如何防止我的網頁內容被放在其他網站的框架中顯示　124
第8問　設置框架大小時，3種單位的優(yōu)先級有何不同　125
第9問　如何進行框架的嵌套　125
第8章　層的應用　126
8.1　創(chuàng)建層　126
8.2　層的基本操作　128
8.2.1　在層中插入對象　128
8.2.2　選擇層　129
8.2.3　調整層的大小　130
8.2.4　嵌入和分離層　131
8.2.5　移動層　132
8.2.6　對齊層　133
8.3　層和表格的轉換　133
8.3.1　將層轉換為表格　134
8.3.2　將表格轉換為層　135
8.4　實戰(zhàn)演練　136
8.4.1　實例1——利用層制作網頁下拉菜單　137
8.4.2　實例2——利用層布局網頁版面　141
8.5　技巧與問答　145
第1問　如何避免當分辨率改變時，層內容可能隨之改變，造成網頁內容不對齊　145
第2問　如何固定層的大小　145
第3問　div標簽與span標簽有何區(qū)別　147
第4問　做網頁時用表格好還是用層好　148
第5問　如何將層中所有對象固定顯示在網頁的某個地方，而不會因為瀏覽窗口的大小改變而改變　148
第6問　何種情況下需要將層轉換為表格　150
第7問　如何設置層的滾動條　150
第8問　如何利用層制作網頁陰影字效果　151
第9章　超級鏈接的創(chuàng)建　154
9.1　超級鏈接的基本概念　154
9.2　創(chuàng)建鏈接的方法　154
9.3　實戰(zhàn)演練　156
9.3.1　實例1——創(chuàng)建外部鏈接　156
9.3.2　實例2——創(chuàng)建E-mail鏈接　158
9.3.3　實例3——創(chuàng)建錨點鏈接　159
9.3.4　實例4——創(chuàng)建圖像熱點鏈接　164
9.4　技巧與問答　166
第1問　如何實現(xiàn)當鼠標移到超級鏈接上時改變形狀　166
第2問　如何實現(xiàn)鼠標移動到滾動的文字上時，文字就停止?jié)L動，再用鼠標單擊文字并離開時又會繼續(xù)滾動　168
第3問　如何設置在任何情況下使所有鏈接文字都看不到其底線　170
第4問　內容很長的網頁，如何設置可以隨時跳回最前面　171
第5問　如何刪除圖片鏈接的藍色邊框　173
第6問　如何設置單擊鏈接后打開的網頁顯示在新窗口中　173
第7問　如何創(chuàng)建下載文件的鏈接　175
第8問　如何實現(xiàn)當鼠標移到某個圖片上時會自動變換圖片，移開后又換回來　176
第9問　如何實現(xiàn)鼠標移到某鏈接文字時，字會變大或改變顏色，移開后又恢復原狀　178
第10章　CSS樣式表的應用　180
10.1　CSS基本語法　180
10.2　設置CSS屬性　181
10.2.1　類型屬性　181
10.2.2　背景屬性　182
10.2.3　區(qū)塊屬性　182
10.2.4　方框屬性　183
10.2.5　邊框屬性　184
10.2.6　列表屬性　185
10.2.7　定位屬性　185
10.2.8　擴展屬性　186
10.3　鏈接到或導出外部CSS樣式表　187
10.3.1　創(chuàng)建外部樣式表　187
10.3.2　鏈接外部樣式表　188
10.3.3　導出樣式以創(chuàng)建CSS樣式表　190
10.4　實戰(zhàn)演練　190
10.4.1　實例1——應用CSS樣式定義文本間行距　190
10.4.2　實例2——應用CSS樣式制作陰影文字　192
10.5　技巧與問答　194
第1問　CSS的3種用法在一個網頁中可以混用嗎　195
第2問　在CSS中出現(xiàn)“〈!--”和“--〉”可以刪除嗎　195
第3問　為何網頁中的文字在某些電腦上顯示正常，但在某些電腦上會變大或變小　195
第4問　如何利用CSS去掉鏈接文字下劃線　196
第5問　如何利用CSS設計水平線樣式　197
第6問　如何利用CSS濾鏡制作光暈文字　199
第7問　如何利用CSS改變鼠標形狀　201
第8問　如何利用CSS實現(xiàn)背景變換的導航菜單　203
第9問　如何利用CSS實現(xiàn)滾動條的彩色顯示　207
第11章　利用行為和腳本制作動感特效網頁　209
11.1　行為概述　209
11.1.1　事件　209
11.1.2　動作　210
11.2　使用Dreamweaver內置行為　211
11.2.1　播放聲音　211
11.2.2　創(chuàng)建自動跳轉頁面網頁　213
11.2.3　打開瀏覽器窗口　215
11.2.4　彈出信息　217
11.2.5　設置狀態(tài)欄文本　218
11.2.6　創(chuàng)建導航欄圖像　219
11.2.7　檢查表單　220
11.2.8　跳轉菜單　224
11.3　技巧與問答　225
第1問　如何制作滾動公告　226
第2問　如何制作自動關閉網頁　231
第3問　如何顯示當前日期和時間　232
第4問　如何將站點加入收藏夾　233
第5問　如何將站點設為首頁　234
第6問　如何實現(xiàn)定時關閉窗口　235
第7問　如何為頁面設置訪問口令　236
第8問　如何防止別人另存我的網頁　238
第12章　使用模板、庫和插件　240
12.1　創(chuàng)建模板　240
12.1.1　直接創(chuàng)建模板　240
12.1.2　從現(xiàn)有文檔創(chuàng)建模板　240
12.2　創(chuàng)建可編輯區(qū)域　242
12.3　使用模板創(chuàng)建新網頁　243
12.4　創(chuàng)建與應用庫項目　246
12.4.1　創(chuàng)建庫項目　246
12.4.2　應用庫項目　247
12.5　安裝和應用第三方插件　248
12.5.1　安裝插件　249
12.5.2　應用插件　250
12.6　實戰(zhàn)演練　251
12.6.1　實例1——創(chuàng)建模板　251
12.6.2　實例2——利用模板創(chuàng)建網頁　255
12.6.3　實例3——制作圖片漸顯效果插件　258
12.7　技巧與問答　259
第1問　什么時候需要使用模板　259
第2問　如何定義重復區(qū)域　259
第3問　如何定義重復表格　260
第4問　如何利用庫更新站點網頁　260
第5問　如何插入可選區(qū)域　261
第6問　如何將文檔從模板中分離　261
第7問　如何利用插件制作網頁上的飄浮圖片　261
第8問　如何利用插件實現(xiàn)在不同時刻顯示不同的問候語　263
第9問　利用插件制作隨機顯示指定圖像列表中的圖像　264
第13章　表單的使用　266
13.1　插入表單　266
13.2　插入文本域　268
13.2.1　插入單行文本域　268
13.2.2　插入密碼域　270
13.2.3　插入多行文本域　272
13.3　復選框和單選按鈕　273
13.3.1　插入單選按鈕　273
13.3.2　插入復選框　275
13.4　插入列表和菜單　277
13.5　插入按鈕　278
13.6　實戰(zhàn)演練——創(chuàng)建電子郵件反饋表單　281
13.7　技巧與問答　290
第1問　如何顯示表單中的紅色虛線框　290
第2問　如何改變多行文本域中滾動條的顏色　290
第3問　如何實現(xiàn)復選框全選、全不選和反選效果　292
第4問　如何避免表單撐開表格　296
第5問　如何制作一個可以返回到上一頁的按鈕　296
第6問　如何禁止在文本框中輸入中文　299
第7問　如何限制在多行文本框中輸入的文字總數　300
第8問　訪問者填寫好表單并提交后，如何檢查各項數據的正確性　301
第9問　如何讓訪問者輸入正確的名稱和密碼才能進入網頁且不通過數據庫實現(xiàn)　302
第三部分　動態(tài)網頁制作篇
第14章　動態(tài)網頁設計基礎　306
14.1　HTML的基礎　306
14.1.1　HTML的基本概念　306
14.1.2　HTML的基本語法　306
14.2　在Dreamweaver 8中編寫代碼　307
14.2.1　使用代碼提示　307
14.2.2　使用代碼片段　310
14.2.3　使用標簽選擇器插入標簽　311
14.2.4　使用標簽編輯器編輯標簽　312
14.2.5　用標簽檢查器編輯標簽　313
14.3　建立數據庫連接　313
14.3.1　了解DSN　313
14.3.2　定義系統(tǒng)DSN　314
14.3.3　建立系統(tǒng)DSN連接　315
14.4　編輯數據表記錄　316
14.4.1　了解記錄集　316
14.4.2　創(chuàng)建記錄集　316
14.4.3　插入記錄　317
14.4.4　更新記錄　319
14.4.5　刪除記錄　319
14.5　增加服務器行為　320
14.5.1　插入重復區(qū)域　320
14.5.2　插入顯示區(qū)域　321
14.5.3　記錄集分頁　322
14.5.4　轉到詳細頁面　322
14.5.5　轉到相關頁面　323
14.5.6　用戶身份驗證　324
14.6　實戰(zhàn)演練——創(chuàng)建留言系統(tǒng)　326
14.6.1　創(chuàng)建數據庫　326
14.6.2　設置數據源ODBC　328
14.6.3　定義數據庫連接　329
14.6.4　制作發(fā)布留言頁面　330
14.6.5　制作留言列表頁面　335
14.6.6　制作顯示留言頁面　341
14.7　系統(tǒng)測試　344
14.8　技巧與問答　345
第1問　如何使用代碼提示插入滾動公告　345
第2問　在Windows 98系統(tǒng)中如何搭建服務器平臺　348
第3問　如何在IIS中設置虛擬目錄　349
第4問　創(chuàng)建數據庫連接一定要在服務器端設置DSN嗎　350
第5問　如何獲得更多的服務器行為　350
第6問　如何編輯服務器行為　350
第7問　如何編輯數據源　351
第8問　如何設置數據源的數據格式　351
第9問　如何使用動態(tài)表單　352
第15章　動態(tài)網站典型模塊設計——新聞發(fā)布系統(tǒng)　355
15.1　制作基本的新聞發(fā)布管理系統(tǒng)　355
15.1.1　設計概述　355
15.1.2　數據庫設計　355
15.1.3　創(chuàng)建數據庫連接　356
15.1.4　制作新聞列表頁面　358
15.1.5　制作新聞詳細顯示頁面　362
15.1.6　制作管理員登錄頁面　365
15.1.7　創(chuàng)建新聞列表管理頁面　369
15.1.8　制作新聞添加頁面　374
15.1.9　制作新聞修改頁面　378
15.1.10　制作新聞刪除頁面　380
15.1.11　系統(tǒng)測試　382
15.2　制作會員注冊登錄系統(tǒng)　384
15.2.1　數據庫設計與連接　385
15.2.2　制作注冊頁面zhc　386
15.2.3　制作注冊成功與失敗頁面　393
15.2.4　制作登錄頁面　396
15.2.5　制作登錄成功頁面　400
15.2.6　制作登錄失敗頁面　401
15.2.7　系統(tǒng)測試　402
15.3　制作在線調查系統(tǒng)　404
15.3.1　調查系統(tǒng)概述　404
15.3.2　制作數據庫表　404
15.3.3　制作調查信息頁面　405
15.3.4　制作調查結果頁面　413
15.3.5　系統(tǒng)測試　424
15.4　技巧與問答　425
第1問　如果ASP文件有錯誤，IIS只會顯示“HTTP500錯誤”，但卻不顯示詳細的錯誤信息，如何解決　425
第2問　如何使用ASP發(fā)送郵件　426
第3問　如何在網頁中使用包含文件　426
第4問　如何保護自己的ASP源代碼不泄露　426
第5問　什么是ActiveX控件，在何處可以下載　426
第6問　我已經在服務器行為中將“插入記錄”行為刪除了，為什么重做“插入記錄”后，運行時還會提示變量重復定義　427
第四部分　網站建設篇
第16章　網站建設基礎　430
16.1　網站建設規(guī)范　430
16.1.1　開發(fā)團隊規(guī)范　430
16.1.2　開發(fā)工具規(guī)范　431
16.1.3　超鏈接設計規(guī)范　431
16.1.4　文件夾和文件命名規(guī)范　431
16.1.5　代碼設計規(guī)范　432
16.2　網站建設的基本流程　433
16.2.1　確定站點目標　433
16.2.2　確定目標瀏覽者　434
16.2.3　確定站點風格　434
16.2.4　收集資源　435
16.2.5　設計網頁圖像　435
16.2.6　制作網頁　436
16.2.7　開發(fā)動態(tài)網站模塊　436
16.2.8　申請域名和服務器空間　437
16.2.9　測試與發(fā)布　438
16.2.10　推廣網站　438
第17章　網站的發(fā)布與推廣　439
17.1　測試站點　439
17.1.1　檢查鏈接　439
17.1.2　站點報告　440
17.1.3　清理文檔　441
17.2　發(fā)布網站　442
17.3　維護網站　444
17.4　推廣網站　445
17.4.1　登錄搜索引擎　445
17.4.2　交換廣告條　445
17.4.3　使用meta標簽　446
17.4.4　使用傳統(tǒng)方式推廣　446
17.4.5　借助網絡廣告　447
17.4.6　登錄網址導航站點　447
17.4.7　通過BBS宣傳　448
第五部分　綜合案例篇
第18章　制作個人網站　450
18.1　個人網站設計要點　450
18.2　主要功能頁面　451
18.3　制作個人網站主頁　451
18.4　制作主頁特效　455
18.4.1　制作狀態(tài)欄顯示停留時間特效　455
18.4.2　制作刷新網頁隨機播放音樂特效　458
18.5　制作網絡素材頁面　460
18.5.1　制作浮動框架頁　460
18.5.2　插入浮動框架　462
18.6　技巧與問答　464
技巧1　使用表格布局網頁的一些技巧　464
技巧2　巧妙清除網頁距瀏覽器左邊框和頂部邊框的空白　464
技巧3　浮動框架iframe的使用技巧　465
第19章　制作博客網站　466
19.1　博客網站概述　466
19.2　制作博客網站主頁面　467
19.2.1　網站的頁面分析　467
19.2.2　創(chuàng)建數據庫　468
19.2.3　創(chuàng)建數據庫連接　469
19.3　制作網站功能頁面　470
19.3.1　制作博客顯示列表頁面　470
19.3.2　制作博客詳細信息頁　476
19.3.3　制作發(fā)表日志頁面　478
19.3.4　制作日志管理列表頁面　485
19.3.5　制作修改日志頁面　489
19.3.6　制作刪除日志頁面　491
19.4　技巧與問答　494
第1問　常見的數據庫有哪些，創(chuàng)建數據庫的數據表時有哪些注意事項　494
第2問　如何使用記錄集對話框的高級模式　495
第3問　如何使用【應用程序】插入欄快速插入動態(tài)應用程序　496
第20章　制作企業(yè)宣傳網站　497
20.1　網站規(guī)劃　497
20.1.1　網站需求分析　497
20.1.2　確定網站主要欄目　498
20.2　制作模板　500
20.2.1　制作頂部文件　500
20.2.2　制作會員登錄　502
20.2.3　制作公司動態(tài)　506
20.2.4　制作服務區(qū)　508
20.2.5　制作版權　510
20.3　利用模板制作主頁　511
20.4　技巧與問答　517
第1問　使用模板布局企業(yè)網站時有哪些注意事項　517
第2問　什么情況下使用庫，有哪些注意事項　517
技巧1　商業(yè)網站中的CSS使用技巧　517
第21章　制作時尚購物網站　520
21.1　購物網站設計概述　520
21.2　創(chuàng)建數據庫表　522
21.3　創(chuàng)建數據庫連接　523
21.4　靜態(tài)頁面的制作　523
21.4.1　制作網站頂部文件　524
21.4.2　制作登錄區(qū)　525
21.4.3　制作產品系列區(qū)　528
21.4.4　制作聯(lián)系信息區(qū)　531
21.4.5　制作底部版權文件　532
21.5　制作購物系統(tǒng)前臺頁面　533
21.5.1　制作商品分類展示頁面　533
21.5.2　制作商品詳細信息頁面　539
21.6　制作購物系統(tǒng)后臺管理　542
21.6.1　制作管理員登錄頁面　542
21.6.2　制作添加商品分類頁面　546
21.6.3　制作添加商品頁面　550
21.6.4　制作商品管理頁面　553
21.6.5　制作修改頁面　558
21.6.6　制作刪除頁面　561
21.7　技巧與問答　564
第1問　如何創(chuàng)建動態(tài)圖像　564
第2問　如何安裝第三方服務器行為　565
第3問　如何為網站增加購物車和在線支付功能　566