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

第1章　跨入網(wǎng)頁制作的大門　1
1.1　認識網(wǎng)頁　2
1.1.1　什么是網(wǎng)頁　2
1.1.2　網(wǎng)頁有哪些類型　2
1. 普通網(wǎng)頁　2
2. 動態(tài)網(wǎng)頁　2
3. 包含數(shù)據(jù)庫的動態(tài)網(wǎng)頁　3
1.1.3　網(wǎng)頁中的專用術語　3
1. 站點　3
2. 導航條　4
3. 發(fā)布　4
4. Internet　4
5. WWW　4
6. URL(統(tǒng)一資源定位器)　4
7. IP地址　4
8. 域名地址　5
1.1.4　HTML和DHTML　5
1.1.5　了解網(wǎng)站　5
1. 專業(yè)網(wǎng)站　5
2. 門戶網(wǎng)站　6
3. 職能網(wǎng)站　6
4. 個人網(wǎng)站　6
1.2　網(wǎng)頁構架和制作原則　6
1.2.1　網(wǎng)頁構架　6
1. “匚”右框型布局結構　6
2. “亙”字型布局結構　7
3. “目”字型布局結構　7
4. “曰”字型對稱布局結構　7
5. POP布局結構　7
6. 綜合布局結構　7
1.2.2　網(wǎng)頁制作原則　7
1. 站點名要有創(chuàng)意　7
2. 要有整體規(guī)劃　7
3. 主題要鮮明　7
4. 導航要明朗　8
5. 要制作通用的網(wǎng)頁　8
6. 動畫不易太多　8
7. 對圖像進行優(yōu)化　8
8. 定時更新　8
1.3　網(wǎng)頁制作技巧　8
1.3.1　網(wǎng)頁元素的標準和使用技巧　8
1. Logo　8
2. banner　8
3. 導航欄　9
4. 按鈕　9
5. 圖片　9
6. 文本　9
1.3.2　網(wǎng)頁用色技巧　9
1.4　網(wǎng)頁制作常用軟件　10
1.4.1　網(wǎng)頁布局軟件　10
1.4.2　網(wǎng)頁圖像處理軟件　10
1.4.3　網(wǎng)頁動畫制作軟件　10
1.5　網(wǎng)站建設的一般流程　10
1.5.1　收集資料　10
1.5.2　網(wǎng)站規(guī)劃　11
1．確定目標　11
2．規(guī)劃網(wǎng)站結構　11
3．設計導航結構　11
1.5.3　制作網(wǎng)頁　11
1.5.4　測試　12
1.5.5　申請空間　12
1. 申請專線空間　12
2. 服務器托管　12
3. 虛擬主機　12
4. 免費空間　12
1.5.6　申請域名　13
1. 域名分類　13
2. 申請頂級域名　13
3. 申請免費域名　13
4. 通過CNNIC認證的cn域名服務機構(不全)　13
1.5.7　發(fā)布網(wǎng)頁　14
1.5.8　網(wǎng)站的更新和維護　14
第2章　初識Dreamweaver 8　15
2.1　Dreamweaver 8中文版簡介　16
2.1.1　功能簡介　16
2.1.2　新增功能　18
1. 使用最佳做法　18
2. 完成更多工作　19
3. 與最新技術和標準集成　21
2.1.3　系統(tǒng)配置要求　21
2.2　Dreamweaver 8的安裝與運行　22
2.2.1　安裝Dreamweaver 8　22
2.2.2　運行Dreamweaver 8　23
2.2.3　退出Dreamweaver 8　25
2.3　Dreamweaver 8的工作界面　25
2.3.1　工具欄　25
2.3.2　【插入】欄　26
2.3.3　【文檔】工具欄　26
2.3.4　【標準】工具欄　26
2.3.5　屬性面板　26
2.3.6　面板組　27
2.3.7　網(wǎng)頁視圖　27
2.4　網(wǎng)頁的創(chuàng)建和保存　28
2.4.1　新建網(wǎng)頁　28
2.4.2　保存網(wǎng)頁　29
1. 直接保存　29
2. 另存文檔　29
2.4.3　打開網(wǎng)頁　29
2.4.4　預覽網(wǎng)頁　29
2.5　參數(shù)設置　30
2.6　幫助信息　31
1. 啟動幫助信息　31
2. 查看操作相關幫助　32
3. 參考手冊　32
第3章　站點的創(chuàng)建和管理　33
3.1　創(chuàng)建站點前的準備工作　34
3.1.1　站點的概念　34
1. 本地站點　34
2. 遠程站點　34
3. 測試站點　34
3.1.2　規(guī)劃站點結構　34
1. 創(chuàng)建文件夾　34
2. 命名規(guī)范　34
3. 制作導航草圖　34
4. 確定頁面風格　35
3.2　創(chuàng)建站點　35
3.2.1　使用站點向導創(chuàng)建站點　35
3.2.2　利用增強方式創(chuàng)建站點　37
3.2.3　站點詳細設置　39
1. 本地信息　39
2. 遠程信息　39
3. 測試服務器　40
4. 備注　40
5. 設計備注　40
6. 站點地圖布局　40
7. 文件視圖列　41
8. Contribute　41
9. 模板　42
3.3　管理站點　42
3.3.1　打開站點　42
3.3.2　編輯站點屬性　42
3.3.3　刪除站點　43
3.3.4　操作站點文件　43
1. 在站點中新建文件或者文件夾　43
2. 重命名文件或者文件夾　44
3. 刪除文件或者文件夾　44
4. 編輯文件　44
3.4　頁面屬性的設置　45
3.4.1　外觀　45
3.4.2　鏈接　46
3.4.3　標題　46
3.4.4　標題/編碼　47
3.4.5　跟蹤圖像　47
3.4.6　典型實例——“春天的祝?！薄?7
3.5　架設Web服務器(IIS)　49
3.5.1　Web服務器(IIS)的安裝　49
3.5.2　Web服務器(IIS)的配置　50
3.5.3　設置測試服務器　52
第4章　用文本豐富網(wǎng)頁　53
4.1　輸入文本　54
4.1.1　普通文本的添加　54
4.1.2　特殊字符的添加　54
4.1.3　在字符之間添加空格　55
4.1.4　插入水平線　55
4.2　設置文本格式　56
4.2.1　字符格式　56
1. 改變字體　56
2. 設置文字大小　56
3. 設置字體顏色　56
4.2.2　文本的換行與分段　56
4.2.3　段落格式　56
4.3　設置不可見元素　57
4.3.1　顯示和隱藏不可見元素　57
1. 定制不可見元素的顯示　57
2. 激活不可見元素的顯示　58
4.3.2　顯示頭部內容　58
4.3.3　編輯頭部內容　59
1. 插入關鍵字　59
2. 插入說明信息　59
3. 定義自動刷新　60
4.4　網(wǎng)頁的元素定位　60
4.4.1　標尺　60
4.4.2　網(wǎng)格　61
4.4.3　輔助線　61
4.5　使用【歷史記錄】面板　62
第5章　網(wǎng)頁圖像　63
5.1　網(wǎng)頁圖像　64
5.1.1　網(wǎng)頁圖像格式　64
5.1.2　網(wǎng)頁圖像的獲取　64
5.2　添加圖像　64
5.2.1　直接插入圖像　64
5.2.2　通過插入圖像占位符　65
5.3　設置圖像屬性　66
5.4　交互式圖像　68
5.4.1　插入交互式圖像　68
5.4.2　預覽交互式圖像　68
5.5　圖像映射　69
5.6　與Fireworks 8的整合　71
5.6.1　設置外部圖像編輯器　71
5.6.2　編輯和優(yōu)化圖像　71
5.6.3　創(chuàng)建電子相冊　73
第6章　用表格布局網(wǎng)頁　75
6.1　創(chuàng)建表格　76
6.1.1　表格元素　76
6.1.2　插入表格　76
6.1.3　輸入數(shù)據(jù)　76
6.2　編輯表格　77
6.2.1　選中表格　77
1. 選中整個表格　77
2. 選中表格的行　78
3. 選中表格的列　78
4. 選中單元格　78
6.2.2　改變表格高度和寬度　79
6.2.3　添加行和列　79
6.2.4　刪除行或列　80
6.2.5　表格的復制和粘貼　80
1. 復制和剪切單元格　81
2. 粘貼單元格　81
6.2.6　單元格的拆分與合并　81
6.2.7　表格的嵌套　81
6.3　格式化表格　82
6.3.1　設置表格屬性　82
6.3.2　設置行、列和單元格的屬性　83
6.3.3　表格模板　83
6.4　表格數(shù)據(jù)的導入和導出　85
6.4.1　導入表格式數(shù)據(jù)　85
6.4.2　導出表格式數(shù)據(jù)　85
6.5　表格排序　86
6.6　典型實例——溫馨設計裝飾公司主頁　87
第7章　使用超級鏈接暢游網(wǎng)絡　91
7.1　超級鏈接簡述　92
7.1.1　超級鏈接的概念　92
7.1.2　鏈接路徑　92
7.1.3　鏈接顏色　93
7.2　創(chuàng)建超級鏈接　93
7.2.1　文本鏈接　93
7.2.2　圖像鏈接　94
7.2.3　E-mail鏈接　96
7.2.4　空鏈接　97
7.2.5　錨鏈接　98
1. 創(chuàng)建命名錨記　98
2. 鏈接到命名錨記　99
7.2.6　腳本鏈接　100
7.2.7　下載鏈接　101
7.3　管理超鏈接　102
7.3.1　設置鏈接管理特性　102
7.3.2　在站點地圖中管理鏈接　102
7.4　制作導航條　103
第8章　多媒體讓網(wǎng)頁動起來　105
8.1　多媒體概述　106
8.2　插入Flash媒體元素　106
8.2.1　Flash動畫　106
8.2.2　Flash按鈕　107
8.2.3　Flash文本　108
8.3　其他媒體元素　109
8.4　音樂為網(wǎng)頁增添魅力　109
8.4.1　背景音樂　109
8.4.2　頁面音樂的鏈接　110
第9章　用層布局網(wǎng)頁　111
9.1　什么是層　112
9.2　創(chuàng)建層　112
9.2.1　創(chuàng)建新層　112
1. 直接插入層　112
2. 繪制層　112
3. 拖動【描繪層】圖標　113
9.2.2　創(chuàng)建嵌入層　113
9.2.3　設置層屬性　113
9.2.4　設置層的默認參數(shù)　114
9.3　【層】面板　114
9.3.1　顯示【層】面板　114
9.3.2　控制層的重疊順序　115
9.3.3　控制層的可見性　115
9.4　操作層　115
9.4.1　激活層　115
9.4.2　選中層　116
9.4.3　移動層　116
9.4.4　縮放層　117
9.4.5　對齊層　117
9.5　應用層設計表格　118
9.5.1　層轉換為表格　118
9.5.2　表格轉換為層　118
9.6　應用層制作網(wǎng)頁特效　119
9.6.1　可控制的頁內窗口　119
9.6.2　浮動廣告的制作　120
第10章　用框架布局網(wǎng)頁　125
10.1　框架網(wǎng)頁簡述　126
10.2　創(chuàng)建框架網(wǎng)頁　126
10.2.1　框架頁面創(chuàng)建的注意事項　126
10.2.2　使用預設方式創(chuàng)建框架網(wǎng)頁　127
1. 使用【插入欄】　127
2. 使用向導　127
10.2.3　自主創(chuàng)建框架　128
10.3　保存框架網(wǎng)頁　129
10.3.1　框架網(wǎng)頁的選擇　129
10.3.2　框架網(wǎng)頁的保存　129
1. 保存框架集　130
2. 保存框架中顯示的頁面文檔　130
10.3.3　一步到位的保存方法　130
10.4　設置框架和框架集的屬性　131
10.5　編輯框架　133
10.5.1　拆分框架　133
10.5.2　刪除框架　133
10.5.3　框架鏈接　133
第11章　表單的應用　135
11.1　表單概述　136
11.1.1　表單域　136
11.1.2　表單對象　137
11.2　綜合實例　138
11.2.1　制作用戶注冊頁　138
11.2.2　分類友情鏈接　142
第12章　行為的應用　145
12.1　行為概述　146
12.1.1　行為　146
12.1.2　事件　146
12.2　應用行為　148
12.2.1　【行為】面板　148
12.2.2　綁定行為　148
12.2.3　下載和安裝第三方行為　149
12.3　行為的典型應用　149
12.3.1　關閉當前窗口　149
12.3.2　變換圖像　151
12.3.3　控制Flash播放　152
12.3.4　拼圖游戲　154
12.3.5　自動跳轉　157
12.3.6　彈出窗口　158
12.3.7　彈出警告框　159
12.3.8　背景音樂　160
12.3.9　設置問候語　161
12.3.10　樓盤展示　162
12.3.11　彈出式菜單　164
第13章　模板和庫　167
13.1　【資源】面板　168
13.2　模板　168
13.2.1　模板的功能　168
13.2.2　創(chuàng)建模板　169
1. 以現(xiàn)有文檔創(chuàng)建模板　169
2. 使用【資源】面板創(chuàng)建模板　169
13.2.3　可編輯區(qū)域　170
13.2.4　可編輯標記屬性　171
13.2.5　在模板中定義重復區(qū)域　172
1. 定義重復區(qū)　172
2. 定義重復表　172
13.2.6　在模板中定義可選區(qū)域　173
13.2.7　基于模板創(chuàng)建網(wǎng)頁文檔　174
1. 在【資源】面板中創(chuàng)建　174
2. 在【新建文檔】對話框中創(chuàng)建　175
13.3　庫項目　175
13.3.1　創(chuàng)建庫項目　175
13.3.2　管理庫項目　176
1. 創(chuàng)建空白庫項目　176
2. 編輯庫項目　176
3. 刪除庫項目　177
13.3.3　在文檔中插入庫項目　177
13.4　使用服務器端包括　177
13.4.1　服務器端包括　177
13.4.2　插入服務器端包括　177
13.4.3　編輯服務器端包括　178
第14章　Web應用程序　179
14.1　Web應用程序概述　180
14.1.1　動態(tài)網(wǎng)頁技術　180
14.1.2　Web應用程序開發(fā)基本流程　180
1. 設計HTML靜態(tài)頁面　181
2. 編寫Web應用程序　181
3. 調試應用程序　181
14.2　典型實例——動態(tài)新聞系統(tǒng)　181
14.2.1　設計分析　181
14.2.2　搭建服務器平臺　182
1. 安裝和配置IIS　182
2. 設置服務器模型　182
14.2.3　設計數(shù)據(jù)庫　182
14.2.4　創(chuàng)建數(shù)據(jù)庫連接　183
14.2.5　創(chuàng)建新聞列表頁index.asp　184
14.2.6　創(chuàng)建新聞內容頁list.asp　187
第15章　網(wǎng)站設計規(guī)范　189
15.1　組建開發(fā)團隊規(guī)范　190
15.2　開發(fā)工具規(guī)范　190
15.3　開發(fā)流程規(guī)范　191
15.4　組織結構規(guī)范　191
15.4.1　網(wǎng)站的組織　191
15.4.2　目錄結構　192
15.4.3　命名規(guī)則　192
15.4.4　URL鏈接　192
15.5　頁面設計規(guī)范　192
1. 網(wǎng)站標識(logo)　192
2. 導航　192
3. 頁面尺寸　192
4. 文件大小　193
5. 其他注意事項　193
15.6　HTML編碼規(guī)范　193
15.6.1　網(wǎng)站首頁head區(qū)代碼規(guī)范　193
1. 公司版權注釋　193
2. 網(wǎng)頁顯示字符集　193
3. 網(wǎng)頁原始制作者信息　193
4. 網(wǎng)站簡介　193
5. 搜索關鍵字　194
6. 網(wǎng)頁的css規(guī)范　194
7. 網(wǎng)頁標題　194
8. head區(qū)可以選擇加入的其他標識　194
15.6.2　其他代碼規(guī)范　194
1. 專用標記的使用　194
2. Frame　194
3. 表格　194
4. 圖像　194
第16章　神龍電腦科技公司網(wǎng)站實例　195
16.1　設計分析　196
16.2　扉頁的制作　196
16.3　首頁的設計和制作　198
16.3.1　首頁的設計　198
16.3.2　定義CSS樣式表　198
16.3.3　首頁的制作　199
第17章　海濱旅游公司網(wǎng)站實例　203
17.1　設計分析　204
17.2　扉頁的制作　204
17.3　定義CSS樣式表　205
17.4　主頁的設計　206
17.4.1　主頁的設計　206
17.4.2　主頁的制作　206
17.5　“聯(lián)系我們”頁面的設計　214
第18章　房地產(chǎn)公司網(wǎng)站實例　217
18.1　設計分析　218
18.2　定義CSS樣式　218
18.3　主頁的設計　220
18.3.1　主頁的設計　220
18.3.2　主頁的制作　220
第19章　軟件開發(fā)公司網(wǎng)站實例　227
19.1　設計分析　228
19.2　定義CSS樣式　228
19.3　主頁的設計　229
19.3.1　主頁的設計　229
19.3.2　主頁的制作　229
19.3.3　在線客服　236
19.3.4　完善頁面　241
1. 禁用鼠標右鍵　241
2. 固定頁面背景　241
3. 設置狀態(tài)欄文本　241
第20章　綜合商業(yè)網(wǎng)站實例　243
20.1　網(wǎng)站分析　244
20.2　準備工作　245
20.2.1　明確建站目的　245
20.2.2　創(chuàng)建并設置站點　245
1. 定義站點　245
2. 增建目錄　245
3. 設置服務器行為　245
20.2.3　配置Web服務器(IIS)　246
20.2.4　關于創(chuàng)建數(shù)據(jù)庫　246
20.3　扉頁的設計　247
20.4　設計頁眉區(qū)　251
20.5　頁面中其他公用區(qū)域的設計　255
20.5.1　通欄區(qū)域　255
20.5.2　版權區(qū)域　257
20.6　在線音樂系統(tǒng)　258
20.6.1　設計分析　258
20.6.2　數(shù)據(jù)庫設計　258
1. 創(chuàng)建數(shù)據(jù)庫　259
2. 設計數(shù)據(jù)庫表　259
20.6.3　連接數(shù)據(jù)庫　260
20.6.4　制作音樂列表頁面(index.asp)　261
20.6.5　制作播放音樂頁面(play.asp)　264
20.6.6　制作音樂下載頁面　266
20.7　在線投票系統(tǒng)　268
20.7.1　系統(tǒng)分析　268
20.7.2　創(chuàng)建數(shù)據(jù)庫　269
1. 設計數(shù)據(jù)庫表vote_db_vote　269
2. 設計數(shù)據(jù)庫表vote_db_voteip　270
20.7.3　創(chuàng)建數(shù)據(jù)庫連接　270
20.7.4　顯示投票結果　270
1. 創(chuàng)建記錄集　270
2. 顯示數(shù)據(jù)　271
3. 制作柱形圖示　273
20.7.5　搜集投票信息　274
1. 制作投票表單　274
2. 防止重復投票　275
3. 傳遞投票信息到count.asp　277
20.7.6　處理投票數(shù)據(jù)　277
20.7.7　提示重復投票　278
20.8　客戶留言系統(tǒng)　278
20.8.1　設計分析　278
20.8.2　創(chuàng)建數(shù)據(jù)庫　279
1. 設計數(shù)據(jù)庫表liuyandata　279
2. 設計數(shù)據(jù)庫表liuyanmanage　280
20.8.3　創(chuàng)建數(shù)據(jù)庫連接　280
20.8.4　留言首頁　281
20.8.5　簽寫留言　285
20.8.6　管理留言　288
1. 管理頁面(admin.asp)　288
2. 刪除頁面(del.asp)　289
3. 成功刪除提示頁面(delsuccess.htm)　290
4. 回復頁面(reply.asp)　290
20.8.7　安全機制　292
1. 安全機制原理　292
2. 登錄頁面(login.asp)　292
3. 登錄失敗頁面(error.htm)　294
4. 設置訪問權限　294
5. 退出管理　295
20.9　在線論壇　296
20.9.1　設計分析　296
20.9.2　創(chuàng)建數(shù)據(jù)庫　296
1. 設計數(shù)據(jù)庫表bbs　296
2. 設計數(shù)據(jù)庫表user　297
20.9.3　創(chuàng)建數(shù)據(jù)庫連接　298
20.9.4　注冊新用戶　298
20.9.5　用戶登錄　302
20.9.6　注銷登錄　304
20.9.7　論壇首頁　305
20.9.8　發(fā)表、回復帖子　309
20.9.9　閱讀帖子詳細內容　315
20.9.10　用戶修改、刪除帖子　321
1. 修改帖子　321
2. 修改帖子　323
20.9.11　后臺管理　323
1. 設置頁面訪問權限　324
2. 管理帖子　324
3. 管理用戶　325
20.10　聊天室　326
20.10.1　設計分析　326
20.10.2　創(chuàng)建數(shù)據(jù)庫　327
1. 設計數(shù)據(jù)庫表user　327
2. 設計數(shù)據(jù)庫表chatdata　327
3. 設計數(shù)據(jù)庫表expression　328
20.10.3　創(chuàng)建數(shù)據(jù)庫連接　328
20.10.4　用戶登錄　329
1. 準備活動　329
2. 用戶登錄頁(login.asp)　329
3. 表單信息處理頁(dispost.asp)　330
4. 其他相關頁　332
20.10.5　用戶注冊　333
20.10.6　預處理頁面(process.asp)　334
20.10.7　進入系統(tǒng)的過渡頁(wait.asp)　335
20.10.8　系統(tǒng)窗口頁面(main.asp)　335
20.10.9　輸入信息頁(input.asp)　335
20.10.10　顯示聊天內容(show.asp)　337
20.10.11　顯示在線用戶(userlist.asp)　339
20.10.12　用戶退出處理頁(out.asp)　340
第21章　站點發(fā)布與推廣　343
21.1　測試站點　344
21.1.1　檢查鏈接　344
21.1.2　站點報告　344
21.1.3　清理文檔　345
21.2　申請網(wǎng)站空間　346
21.2.1　虛擬主機　346
21.2.2　選擇虛擬主機的原則　346
1. 選擇成立時間長，信譽比較好的提供商　346
2. 選擇自己需要的主機程序類型　346
3. 選擇控制面板功能豐富的主機空間　347
4. 選擇技術支持比較好，服務質量比較好的網(wǎng)站　347
5. 選擇適合自己的主機型號　347
21.2.3　選擇虛擬主機的技巧　348
21.2.4　購買虛擬主機　348
21.3　發(fā)布網(wǎng)站　351
21.3.1　使用Dreamweaver上傳　351
21.3.2　在虛擬主機管理面板中上傳　353
21.4　申請域名　354
21.4.1　申請域名　354
21.4.2　域名解析　359
21.4.3　網(wǎng)站備案　362
21.5　網(wǎng)站的推廣　362
21.5.1　登錄搜索引擎　362
21.5.2　利用友情鏈接　364
21.5.3　借助網(wǎng)絡廣告　364
21.5.4　登錄網(wǎng)址導航站點　365
21.5.5　郵件推廣　365
21.5.6　BBS宣傳　365
21.5.7　病毒式營銷　365
21.5.8　網(wǎng)絡活動宣傳　366
21.5.9　傳統(tǒng)宣傳方式　366
附錄　網(wǎng)頁特效和網(wǎng)頁素材　367