新編Dreamweaver CS3中文版商業(yè)網(wǎng)站設(shè)計(jì)入門(mén)與提高

第1章　Dreamweaver CS3與網(wǎng)站設(shè)計(jì)概述　1
1.1　Dreamweaver CS3簡(jiǎn)介　2
1.1.1　新增功能　2
1.1.2　系統(tǒng)配置要求　3
1.1.3　幫助信息　3
1. 啟動(dòng)幫助信息　3
2. 查看操作相關(guān)幫助　4
3. 參考手冊(cè)　4
1.2　認(rèn)識(shí)網(wǎng)頁(yè)　4
1.2.1　網(wǎng)頁(yè)的分類(lèi)　4
1.2.2　網(wǎng)頁(yè)中的專(zhuān)用術(shù)語(yǔ)　5
1.2.3　網(wǎng)頁(yè)用色技巧　5
1.3　網(wǎng)站建設(shè)基本流程　5
1.3.1　需求分析　5
1.3.2　收集資料　6
1.3.3　規(guī)劃站點(diǎn)結(jié)構(gòu)　6
1.3.4　制作網(wǎng)站頁(yè)面　6
1.3.5　測(cè)試站點(diǎn)　6
1.3.6　申請(qǐng)空間　6
1.3.7　申請(qǐng)域名　7
1. 域名分類(lèi)　7
2. 申請(qǐng)頂級(jí)域名　7
3. 申請(qǐng)免費(fèi)域名　7
1.3.8　發(fā)布網(wǎng)頁(yè)　7
1.3.9　網(wǎng)站的更新和維護(hù)　7
1.4　本章小結(jié)　7
1.5　過(guò)關(guān)練習(xí)題　8

第2章　Dreamweaver CS3的工作環(huán)境　9
2.1　工作區(qū)　10
2.2　菜單欄　11
2.3　工具欄　12
2.3.1　插入欄　12
2.3.2　【文檔】工具欄　13
2.3.3　【標(biāo)準(zhǔn)】工具欄　13
2.3.4　【樣式呈現(xiàn)】工具欄　13
2.3.5　【編碼】工具欄　13
2.4　面板組　13
2.5　本章小結(jié)　14
2.6　過(guò)關(guān)練習(xí)題　14

第3章　站點(diǎn)的創(chuàng)建與管理　15
3.1　創(chuàng)建站點(diǎn)前的準(zhǔn)備工作　16
3.1.1　站點(diǎn)的概念　16
3.1.2　規(guī)劃站點(diǎn)結(jié)構(gòu)　16
1. 創(chuàng)建文件夾　16
2. 命名規(guī)范　16
3. 制作導(dǎo)航草圖　16
4. 確定頁(yè)面風(fēng)格　16
3.2　創(chuàng)建本地站點(diǎn)　17
3.2.1　創(chuàng)建本地站點(diǎn)的方法　17
3.2.2　使用站點(diǎn)向?qū)?chuàng)建站點(diǎn)　17
3.2.3　使用高級(jí)設(shè)置創(chuàng)建站點(diǎn)　19
3.2.4　站點(diǎn)的詳細(xì)設(shè)置　20
1. 本地信息　20
2. 遠(yuǎn)程信息　21
3. 測(cè)試服務(wù)器　21
4. 遮蓋　22
5. 設(shè)計(jì)備注　22
6. 站點(diǎn)地圖布局　22
7. 文件視圖列　23
8. Contribute　23
9. 模板　24
10. Spry　24
3.3　管理站點(diǎn)　24
3.3.1　打開(kāi)站點(diǎn)　24
3.3.2　編輯站點(diǎn)屬性　24
3.3.3　刪除站點(diǎn)　25
3.3.4　管理站點(diǎn)文件　25
1. 新建文件或文件夾　25
2. 重命名文件和文件夾　26
3. 刪除文件或文件夾　26
3.4　架設(shè)Web服務(wù)器　26
3.4.1　Web服務(wù)器的安裝　26
3.4.2　Web服務(wù)器的配置　27
3.5　本章小結(jié)　30
3.6　過(guò)關(guān)練習(xí)題　30

第4章　創(chuàng)建基本網(wǎng)頁(yè)　31
4.1　網(wǎng)頁(yè)的創(chuàng)建與存儲(chǔ)　32
4.1.1　創(chuàng)建新文檔　32
4.1.2　保存文檔　32
1. 直接保存　32
2. 另存文檔　33
4.1.3　打開(kāi)現(xiàn)有文檔　33
4.2　設(shè)置頁(yè)面屬性　34
4.2.1　設(shè)置外觀　34
4.2.2　設(shè)置鏈接　35
4.2.3　設(shè)置標(biāo)題　36
4.2.4　設(shè)置標(biāo)題/編碼　36
4.2.5　設(shè)置跟蹤圖像　37
4.3　插入文本　37
4.3.1　插入普通文本　37
4.3.2　插入特殊字符　37
4.3.3　插入多個(gè)連續(xù)空格　38
4.3.4　插入日期和時(shí)間　38
4.3.5　插入水平線　38
4.4　設(shè)置文本格式　39
4.4.1　字符格式　39
1. 改變字體類(lèi)型　39
2. 改變文字大小　39
3. 改變文本顏色　39
4.4.2　段落格式　40
4.4.3　文本的分段與換行　40
4.5　設(shè)置不可見(jiàn)元素　41
4.5.1　顯示和隱藏不可見(jiàn)元素　41
1. 定制不可見(jiàn)元素　41
2. 激活不可見(jiàn)元素　41
4.5.2　顯示頭部?jī)?nèi)容　42
4.5.3　編輯頭部?jī)?nèi)容　42
1. 插入關(guān)鍵字　42
2. 插入說(shuō)明信息　43
3. 定義自動(dòng)刷新　43
4.6　網(wǎng)頁(yè)的元素定位　44
4.6.1　標(biāo)尺　44
4.6.2　網(wǎng)格　44
4.6.3　輔助線　45
4.7　本章小結(jié)　45
4.8　過(guò)關(guān)練習(xí)題　46

第5章　制作圖文網(wǎng)頁(yè)　47
5.1　插入圖像　48
5.1.1　網(wǎng)頁(yè)圖像的常用格式　48
5.1.2　直接插入圖像　48
5.1.3　插入圖像占位符　49
5.2　設(shè)置圖像屬性　50
5.3　圖像的應(yīng)用　51
5.3.1　交互式圖像　51
5.3.2　圖像逐漸顯示　53
5.3.3　圖像淡入淡出　54
5.3.4　圖像隨機(jī)顯示　55
5.4　本章小結(jié)　57
5.5　過(guò)關(guān)練習(xí)題　57

第6章　制作超鏈接網(wǎng)頁(yè)　59
6.1　超級(jí)鏈接概述　60
6.1.1　超級(jí)鏈接的概念　60
6.1.2　鏈接路徑　60
6.1.3　鏈接顏色　61
6.2　創(chuàng)建超級(jí)鏈接　61
6.2.1　文本鏈接　61
1. 使用【屬性】面板　61
2. 使用【超級(jí)鏈接】對(duì)話框　62
6.2.2　圖像鏈接　63
6.2.3　空鏈接　64
6.2.4　E-mail鏈接　65
1. 使用【屬性】面板　65
2. 使用【電子郵件鏈接】對(duì)話框　66
6.2.5　錨鏈接　66
6.2.6　腳本鏈接　68
6.2.7　下載鏈接　69
6.3　管理鏈接　70
6.3.1　設(shè)置鏈接管理特性　70
6.3.2　在站點(diǎn)地圖中管理鏈接　71
6.4　本章小結(jié)　72
6.5　過(guò)關(guān)練習(xí)題　72

第7章　用多媒體豐富網(wǎng)頁(yè)　73
7.1　多媒體概述　74
7.2　插入Flash媒體元素　74
7.2.1　了解Flash文件類(lèi)型　74
7.2.2　插入Flash動(dòng)畫(huà)　75
7.2.3　插入Flash按鈕　76
7.2.4　插入Flash文本　78
7.3　其他媒體元素　79
7.4　多媒體元素的應(yīng)用　79
7.4.1　插入透明Flash　79
7.4.2　添加背景音樂(lè)　80
7.4.3　背景音樂(lè)隨機(jī)播放　81
7.5　本章小結(jié)　82
7.6　過(guò)關(guān)練習(xí)題　82

第8章　用表格布局頁(yè)面　83
8.1　創(chuàng)建表格　84
8.1.1　表格的基本概念　84
8.1.2　插入表格　84
8.1.3　插入嵌套表格　85
8.1.4　添加表格內(nèi)容　85
8.2　編輯表格　86
8.2.1　選中表格　86
1. 選中整張表格　86
2. 選中表格行　86
3. 選中表格列　87
4. 選中單元格　87
8.2.2　調(diào)整表格行或列　88
1. 增加表格行或列　88
2. 刪除表格行或列　89
8.2.3　單元格的合并與拆分　89
1. 合并單元格　89
2. 拆分單元格　89
8.2.4　排序表格　90
8.3　設(shè)置表格屬性　91
8.3.1　設(shè)置表格屬性　91
8.3.2　設(shè)置單元格屬性　92
8.4　表格數(shù)據(jù)的導(dǎo)入和導(dǎo)出　92
8.4.1　導(dǎo)入表格式數(shù)據(jù)　92
8.4.2　導(dǎo)出表格式數(shù)據(jù)　93
8.5　表格的應(yīng)用　94
8.5.1　變換邊框?qū)挾取?4
8.5.2　表格的陰影效果　95
8.5.3　多彩的邊框　96
8.5.4　閃爍的邊框　98
8.5.5　使用表格布局網(wǎng)頁(yè)　99
1. 制作頁(yè)眉區(qū)　99
2. 制作主體　102
3. 制作版權(quán)區(qū)　109
8.6　本章小結(jié)　110
8.7　過(guò)關(guān)練習(xí)題　110

第9章　用層布局頁(yè)面　111
9.1　創(chuàng)建層　112
9.1.1　層的概念　112
9.1.2　創(chuàng)建新層　112
1. 直接插入層　112
2. 繪制層　112
3. 拖動(dòng)層到預(yù)定位置來(lái)創(chuàng)建層　113
9.1.3　了解層的HTML源代碼　113
9.1.4　創(chuàng)建嵌套層　114
1. 插入法　114
2. 繪制法　114
9.1.5　設(shè)置層屬性　115
9.1.6　設(shè)置層的默認(rèn)參數(shù)　116
9.2　【AP元素】面板　117
9.2.1　顯示【AP元素】面板　117
9.2.2　控制層的重疊順序　117
9.2.3　控制層的可見(jiàn)性　117
9.3　層的基本操作　118
9.3.1　激活層　118
9.3.2　選中層　118
1. 選中單個(gè)層　118
2. 選中多個(gè)層　119
9.3.3　調(diào)整層的大小　119
1. 調(diào)整單個(gè)層的大小　119
2. 調(diào)整多個(gè)層的大小　119
9.3.4　調(diào)整層的位置　119
1. 移動(dòng)層　120
2. 對(duì)齊層　120
9.3.5　改變層名稱(chēng)　121
9.3.6　層和表格的相互轉(zhuǎn)換　121
1. 防止層重疊　121
2. 將層轉(zhuǎn)換為表格　121
3. 將表格轉(zhuǎn)換為層　122
9.4　層的應(yīng)用　123
9.4.1　制作浮動(dòng)廣告　123
9.4.2　使用層布局網(wǎng)頁(yè)　126
9.5　本章小結(jié)　134
9.6　過(guò)關(guān)練習(xí)題　134

第10章　用框架布局頁(yè)面　135
10.1　創(chuàng)建框架和框架集　136
10.1.1　了解框架和框架集　136
10.1.2　創(chuàng)建預(yù)定義框架集　136
1. 使用【新建文檔】對(duì)話框　136
2. 使用【布局】插入欄　137
10.1.3　自主創(chuàng)建框架集　138
1. 使用菜單項(xiàng)　138
2. 使用鼠標(biāo)拖曳　138
10.1.4　創(chuàng)建嵌套框架集　138
10.2　框架和框架集的基本操作　138
10.2.1　認(rèn)識(shí)【框架】面板　138
10.2.2　選擇框架和框架集　139
1. 在【文檔】窗口中選擇　139
2. 在【框架】面板中選擇　139
10.2.3　刪除框架　139
10.3　設(shè)置框架和框架集屬性　140
10.3.1　設(shè)置框架屬性　140
10.3.2　設(shè)置框架集屬性　141
10.4　保存框架和框架集　141
10.4.1　單獨(dú)保存　141
10.4.2　同時(shí)保存　142
10.5　使用框架布局網(wǎng)頁(yè)　143
10.6　本章小結(jié)　148
10.7　過(guò)關(guān)練習(xí)題　148

第11章　應(yīng)用表單　149
11.1　創(chuàng)建表單　150
11.1.1　了解表單　150
11.1.2　表單域　150
11.1.3　表單對(duì)象　151
11.2　表單的應(yīng)用　153
11.3　本章小結(jié)　159
11.4　過(guò)關(guān)練習(xí)題　160

第12章　應(yīng)用行為　161
12.1　行為概述　162
12.1.1　行為的概念　162
12.1.2　事件　162
12.1.3　【行為】面板　163
12.2　行為的應(yīng)用　164
12.2.1　設(shè)置狀態(tài)欄文本　164
12.2.2　彈出信息　165
12.2.3　打開(kāi)瀏覽器窗口　166
12.2.4　顯示-隱藏元素　167
12.3　本章小結(jié)　170
12.4　過(guò)關(guān)練習(xí)題　170

第13章　模板和庫(kù)　171
13.1　【資源】面板　172
13.2　模板　172
13.2.1　關(guān)于模板　172
13.2.2　創(chuàng)建模板　173
1. 基于現(xiàn)有文檔創(chuàng)建模板　173
2. 基于新文檔創(chuàng)建模板　174
13.2.3　創(chuàng)建模板區(qū)域　176
1. 創(chuàng)建可編輯區(qū)域　176
2. 創(chuàng)建可編輯標(biāo)簽屬性　176
3. 創(chuàng)建重復(fù)區(qū)域　178
4. 創(chuàng)建可選區(qū)域　179
13.2.4　基于模板創(chuàng)建網(wǎng)頁(yè)　180
1. 使用【資源】面板　180
2. 使用【新建文檔】對(duì)話框　181
13.3　庫(kù)項(xiàng)目　182
13.3.1　關(guān)于庫(kù)項(xiàng)目　182
13.3.2　創(chuàng)建庫(kù)項(xiàng)目　182
13.3.3　管理庫(kù)項(xiàng)目　183
1. 創(chuàng)建空白庫(kù)項(xiàng)目　183
2. 編輯庫(kù)項(xiàng)目　183
3. 刪除庫(kù)項(xiàng)目　183
13.3.4　插入庫(kù)項(xiàng)目　183
13.4　本章小結(jié)　184
13.5　過(guò)關(guān)練習(xí)題　184

第14章　龍騰科技公司網(wǎng)站　185
14.1　分析與設(shè)計(jì)　186
14.2　設(shè)計(jì)首頁(yè)效果圖　186
14.3　制作首頁(yè)　187
14.4　本章小結(jié)　193
14.5　過(guò)關(guān)練習(xí)題　193

第15章　天宇裝飾公司網(wǎng)站　195
15.1　分析與設(shè)計(jì)　196
15.2　設(shè)計(jì)首頁(yè)效果圖　196
15.3　制作首頁(yè)　197
15.4　本章小結(jié)　205
15.5　過(guò)關(guān)練習(xí)題　205

第16章　青山綠水旅行社網(wǎng)站　207
16.1　分析與設(shè)計(jì)　208
16.2　設(shè)計(jì)首頁(yè)效果圖　208
16.3　制作首頁(yè)　209
16.3.1　準(zhǔn)備過(guò)程　209
16.3.2　制作過(guò)程(一)　209
16.3.3　制作過(guò)程(二)　214
16.3.4　制作過(guò)程(三)　220
16.4　制作內(nèi)頁(yè)　223
16.5　本章小結(jié)　226
16.6　過(guò)關(guān)練習(xí)題　226

第17章　北島房地產(chǎn)公司網(wǎng)站　227
17.1　分析與設(shè)計(jì)　228
17.2　設(shè)計(jì)首頁(yè)效果圖　228
17.3　制作首頁(yè)　229
17.3.1　準(zhǔn)備過(guò)程　229
17.3.2　制作過(guò)程(一)　229
17.3.3　制作過(guò)程(二)　232
17.3.4　制作過(guò)程(三)　239
17.4　在線調(diào)查　240
17.4.1　系統(tǒng)分析　240
17.4.2　創(chuàng)建數(shù)據(jù)庫(kù)　241
1. 設(shè)計(jì)數(shù)據(jù)庫(kù)表vote_db　241
2. 設(shè)計(jì)數(shù)據(jù)庫(kù)表vote_ip　241
17.4.3　創(chuàng)建數(shù)據(jù)庫(kù)連接　242
17.4.4　顯示投票結(jié)果　243
1. 創(chuàng)建記錄集　243
2. 顯示數(shù)據(jù)　244
3. 制作圖示　246
17.4.5　提交投票信息　247
1. 制作投票界面　247
2. 防止重復(fù)投票　249
3. 傳遞投票信息　251
17.4.6　處理投票信息　252
17.4.7　提示重復(fù)投票　253
17.5　本章小結(jié)　254
17.6　過(guò)關(guān)練習(xí)題　254

第18章　迎祥商城網(wǎng)站　255
18.1　分析與設(shè)計(jì)　256
18.2　設(shè)計(jì)首頁(yè)效果圖　256
18.3　制作首頁(yè)　257
18.3.1　準(zhǔn)備過(guò)程　257
18.3.2　制作過(guò)程(一)　257
18.3.3　制作過(guò)程(二)　259
18.3.4　制作過(guò)程(三)　263
18.3.5　制作過(guò)程(四)　271
18.3.6　制作過(guò)程(五)　272
18.4　制作內(nèi)頁(yè)　274
18.5　制作留言系統(tǒng)　279
18.5.1　設(shè)計(jì)分析　279
18.5.2　創(chuàng)建數(shù)據(jù)庫(kù)　280
1. 創(chuàng)建空數(shù)據(jù)庫(kù)　280
2. 設(shè)計(jì)數(shù)據(jù)庫(kù)表liuyandata　281
3. 設(shè)計(jì)數(shù)據(jù)庫(kù)表liuyanuser　282
18.5.3　創(chuàng)建數(shù)據(jù)庫(kù)連接　284
18.5.4　注冊(cè)用戶(hù)　284
18.5.5　用戶(hù)登錄　292
18.5.6　留言首頁(yè)　295
18.5.7　查看留言詳細(xì)內(nèi)容　302
1. 布局頁(yè)面　302
2. 綁定數(shù)據(jù)　305
3. 設(shè)置權(quán)限　308
18.5.8　發(fā)表留言　310
18.5.9　回復(fù)留言　314
18.5.10　修改留言　318
18.5.11　刪除留言　320
18.5.12　退出登錄　322
18.5.13　后臺(tái)管理　323
1. 管理首頁(yè)　323
2. 管理留言　323
3. 管理用戶(hù)　325
4. 訪問(wèn)權(quán)限　325
18.6　本章小結(jié)　325
18.7　過(guò)關(guān)練習(xí)題　326

第19章　發(fā)布和推廣　327
19.1　發(fā)布　328
19.1.1　使用Dreamweaver上傳　328
19.1.2　使用瀏覽器上傳　330
19.1.3　使用FTP工具上傳　331
19.2　推廣　331
19.2.1　登錄搜索引擎　331
19.2.2　其他方式　333
19.3　本章小結(jié)　333
19.4　過(guò)關(guān)練習(xí)題　333

附錄　Dreamweaver CS3實(shí)戰(zhàn)技巧300招　335