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

第1章　Dreamweaver CS3與網(wǎng)站設(shè)計概述　1
1.1　Dreamweaver CS3簡介　2
1.1.1　新增功能　2
1.1.2　系統(tǒng)配置要求　3
1.1.3　幫助信息　3
1. 啟動幫助信息　3
2. 查看操作相關(guān)幫助　4
3. 參考手冊　4
1.2　認識網(wǎng)頁　4
1.2.1　網(wǎng)頁的分類　4
1.2.2　網(wǎng)頁中的專用術(shù)語　5
1.2.3　網(wǎng)頁用色技巧　5
1.3　網(wǎng)站建設(shè)基本流程　5
1.3.1　需求分析　5
1.3.2　收集資料　6
1.3.3　規(guī)劃站點結(jié)構(gòu)　6
1.3.4　制作網(wǎng)站頁面　6
1.3.5　測試站點　6
1.3.6　申請空間　6
1.3.7　申請域名　7
1. 域名分類　7
2. 申請頂級域名　7
3. 申請免費域名　7
1.3.8　發(fā)布網(wǎng)頁　7
1.3.9　網(wǎng)站的更新和維護　7
1.4　本章小結(jié)　7
1.5　過關(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　【標準】工具欄　13
2.3.4　【樣式呈現(xiàn)】工具欄　13
2.3.5　【編碼】工具欄　13
2.4　面板組　13
2.5　本章小結(jié)　14
2.6　過關(guān)練習(xí)題　14

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

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

第5章　制作圖文網(wǎng)頁　47
5.1　插入圖像　48
5.1.1　網(wǎng)頁圖像的常用格式　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　圖像隨機顯示　55
5.4　本章小結(jié)　57
5.5　過關(guān)練習(xí)題　57

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

第7章　用多媒體豐富網(wǎng)頁　73
7.1　多媒體概述　74
7.2　插入Flash媒體元素　74
7.2.1　了解Flash文件類型　74
7.2.2　插入Flash動畫　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　添加背景音樂　80
7.4.3　背景音樂隨機播放　81
7.5　本章小結(jié)　82
7.6　過關(guān)練習(xí)題　82

第8章　用表格布局頁面　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)頁　99
1. 制作頁眉區(qū)　99
2. 制作主體　102
3. 制作版權(quán)區(qū)　109
8.6　本章小結(jié)　110
8.7　過關(guān)練習(xí)題　110

第9章　用層布局頁面　111
9.1　創(chuàng)建層　112
9.1.1　層的概念　112
9.1.2　創(chuàng)建新層　112
1. 直接插入層　112
2. 繪制層　112
3. 拖動層到預(yù)定位置來創(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è)置層的默認參數(shù)　116
9.2　【AP元素】面板　117
9.2.1　顯示【AP元素】面板　117
9.2.2　控制層的重疊順序　117
9.2.3　控制層的可見性　117
9.3　層的基本操作　118
9.3.1　激活層　118
9.3.2　選中層　118
1. 選中單個層　118
2. 選中多個層　119
9.3.3　調(diào)整層的大小　119
1. 調(diào)整單個層的大小　119
2. 調(diào)整多個層的大小　119
9.3.4　調(diào)整層的位置　119
1. 移動層　120
2. 對齊層　120
9.3.5　改變層名稱　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　制作浮動廣告　123
9.4.2　使用層布局網(wǎng)頁　126
9.5　本章小結(jié)　134
9.6　過關(guān)練習(xí)題　134

第10章　用框架布局頁面　135
10.1　創(chuàng)建框架和框架集　136
10.1.1　了解框架和框架集　136
10.1.2　創(chuàng)建預(yù)定義框架集　136
1. 使用【新建文檔】對話框　136
2. 使用【布局】插入欄　137
10.1.3　自主創(chuàng)建框架集　138
1. 使用菜單項　138
2. 使用鼠標拖曳　138
10.1.4　創(chuàng)建嵌套框架集　138
10.2　框架和框架集的基本操作　138
10.2.1　認識【框架】面板　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　單獨保存　141
10.4.2　同時保存　142
10.5　使用框架布局網(wǎng)頁　143
10.6　本章小結(jié)　148
10.7　過關(guān)練習(xí)題　148

第11章　應(yīng)用表單　149
11.1　創(chuàng)建表單　150
11.1.1　了解表單　150
11.1.2　表單域　150
11.1.3　表單對象　151
11.2　表單的應(yīng)用　153
11.3　本章小結(jié)　159
11.4　過關(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　打開瀏覽器窗口　166
12.2.4　顯示-隱藏元素　167
12.3　本章小結(jié)　170
12.4　過關(guān)練習(xí)題　170

第13章　模板和庫　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)建可編輯標簽屬性　176
3. 創(chuàng)建重復(fù)區(qū)域　178
4. 創(chuàng)建可選區(qū)域　179
13.2.4　基于模板創(chuàng)建網(wǎng)頁　180
1. 使用【資源】面板　180
2. 使用【新建文檔】對話框　181
13.3　庫項目　182
13.3.1　關(guān)于庫項目　182
13.3.2　創(chuàng)建庫項目　182
13.3.3　管理庫項目　183
1. 創(chuàng)建空白庫項目　183
2. 編輯庫項目　183
3. 刪除庫項目　183
13.3.4　插入庫項目　183
13.4　本章小結(jié)　184
13.5　過關(guān)練習(xí)題　184

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

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

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

第17章　北島房地產(chǎn)公司網(wǎng)站　227
17.1　分析與設(shè)計　228
17.2　設(shè)計首頁效果圖　228
17.3　制作首頁　229
17.3.1　準備過程　229
17.3.2　制作過程(一)　229
17.3.3　制作過程(二)　232
17.3.4　制作過程(三)　239
17.4　在線調(diào)查　240
17.4.1　系統(tǒng)分析　240
17.4.2　創(chuàng)建數(shù)據(jù)庫　241
1. 設(shè)計數(shù)據(jù)庫表vote_db　241
2. 設(shè)計數(shù)據(jù)庫表vote_ip　241
17.4.3　創(chuàng)建數(shù)據(jù)庫連接　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ān)練習(xí)題　254

第18章　迎祥商城網(wǎng)站　255
18.1　分析與設(shè)計　256
18.2　設(shè)計首頁效果圖　256
18.3　制作首頁　257
18.3.1　準備過程　257
18.3.2　制作過程(一)　257
18.3.3　制作過程(二)　259
18.3.4　制作過程(三)　263
18.3.5　制作過程(四)　271
18.3.6　制作過程(五)　272
18.4　制作內(nèi)頁　274
18.5　制作留言系統(tǒng)　279
18.5.1　設(shè)計分析　279
18.5.2　創(chuàng)建數(shù)據(jù)庫　280
1. 創(chuàng)建空數(shù)據(jù)庫　280
2. 設(shè)計數(shù)據(jù)庫表liuyandata　281
3. 設(shè)計數(shù)據(jù)庫表liuyanuser　282
18.5.3　創(chuàng)建數(shù)據(jù)庫連接　284
18.5.4　注冊用戶　284
18.5.5　用戶登錄　292
18.5.6　留言首頁　295
18.5.7　查看留言詳細內(nèi)容　302
1. 布局頁面　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　后臺管理　323
1. 管理首頁　323
2. 管理留言　323
3. 管理用戶　325
4. 訪問權(quán)限　325
18.6　本章小結(jié)　325
18.7　過關(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ān)練習(xí)題　333

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