Internet席卷全球，網頁制作技術如日中天。網絡的普及所帶來的是前所未有的交流方式。無論是學術、商業，還是游戲、娛樂，都與網頁息息相關。以至于現在上至電腦精英，下至電腦初學者，都對網頁的制作有濃厚的興趣。網頁的制作，已經隨著電腦技術的普及而逐漸成為一門必修課程。

而我們所要運用的最強大的網頁制作工具便是Macromedia Dreamweaver MX這一專業的HTML編輯器，它將被用于對Web站點、Web頁和Web應用程序進行設計、編碼和開發。無論你喜歡直接編寫HTML代碼的駕馭感還是偏愛在可視化編輯環境中工作，Dreamweaver都會為你提供幫助良多的工具，豐富你的Web創作體驗。利用Dreamweaver中的可視化編輯功能，你可以快速地創建頁面而無需編寫任何代碼。不過，如果你更喜歡用手工直接編碼，Dreamweaver還包括許多與編碼相關的工具和功能。借助Dreamweaver，你還可以使用服務器語言，例如ASP、ASP.NET、ColdFusion標記語言（CFML、JSP和PHP）生成支持動態數據庫的Web應用程序。

除了Dreamweaver，還有并稱三劍客的Fireworks和Flash兩個軟件的大力支持。本書全面介紹以上3個軟件在網頁制作中的綜合運用技術。

本書有以下特點：

 圖注豐富，便于理解

本書以大量的圖注增加了信息的表達，讓你一目了然。同時減少了讀者對照圖文的時間，大大提高學習效率。

 實例入手，針對性強

作者在把握內容的基礎上，精挑細選了15個實例，拋棄了傳統教程中大段大段的說明，只要跟著作者的步法，掌握這些實例的制作技巧，你會發現網頁制作易如反掌。

 內容全面，重點突出

本書以簡練的語言介紹軟件的功能，讓你輕松掌握網頁制作所有的精髓。

本書的寫作過程中，得到了中國水利水電出版社計算機編輯室的大力支持。本書由梁奕繽主編，郭曉光、徐春卉、武海燕副主編，參與本書編寫的還有黃卓、李鑫、杜波、郝思嘉、葉鑫、朱力思、權亮、龔嘉棟、王婧、盧福子、林廣毅、黃浩、童劍等。

同時，歡迎廣大讀者和作者聯系，電子信箱是bsbwindy@hotmail.com。也歡迎大家對本書的不足提出意見和建議。

最后，祝所有對網頁制作知識渴望的朋友能獲得真知，早日成功。

編者

2005年10月

叢書序
前言
案例一 Hello Macromedia，我的歡迎網頁 1
1.1 實現功能及思路簡析 1
1.2 設計過程 1
1.2.1 網頁基本屬性設置 1
1.2.2 背景顏色的設置及顏色的選取 2
1.2.3 文本的輸入和網頁的完成 3
1.2.4 檢查和預覽 4
1.3 配色方案 5
1.3.1 網頁顏色原理和象征意義 5
1.3.2 網頁顏色的使用風格 6
1.3.3 設計用色10例 6
1.4 小結 10
1.5 課后作業 10
案例二 與影同行，我的電影發布站 11
2.1 實現功能及思路簡析 11
2.2 設計過程 11
2.2.1 單頁面的建立 11
2.2.2 頁內的錨接 13
2.2.3 頁面間的鏈接 14
2.2.4 指向Internet站點的鏈接 16
2.2.5 創建電子郵件鏈接 16
2.2.6 鏈接的管理 17
2.2.7 站點的建立 17
2.2.8 鏈接的檢查 20
2.2.9 使用“報告”測試站點 22
2.3 小結 22
2.4 課后作業 23
案例三 五彩繽紛，我的世界地圖 24
3.1 實現功能及思路簡析 24
3.2 設計過程 24
3.2.1 基本要素的插入 24
3.2.2 修改文字的屬性 25
3.2.3 修改圖像的屬性 26
3.2.4 利用CSS進行樣式修改 28
3.2.5 建立鏈接網頁 29
3.2.6 熱點鏈接的建立 30
3.2.7 返回按鈕的建立 31
3.3 小結 32
3.4 課后作業 33
3.5 附表 33
案例四 秀出個性，我的網絡簡歷 34
4.1 實現功能及思路簡析 34
4.2 設計過程 34
4.2.1 新建文檔，創建表格 34
4.2.2 選擇表格元素 35
4.2.3 表格基本屬性的修改 37
4.2.4 編輯表格 40
4.2.5 在表格中插入內容 41
4.3 利用表格美化網頁 43
4.3.1 一個像素寬的分隔線 43
4.3.2 利用cellspacing屬性制作細線表格 44
4.3.3 利用cellpadding屬性制作等間距細線表格 45
4.3.4 利用表格做空格 47
4.4 表格中常見問題及應變處理方法 48
4.4.1 表格的變形問題 48
4.4.2 表格布滿頁面的問題 49
4.4.3 任意大小的表格 49
4.4.4 被撐大的表格 49
4.5 小結 49
4.6 課后作業 49
案例五 憑票入內，我的注冊系統 51
5.1 實現功能及思路簡析 51
5.2 設計過程 51
5.2.1 創建表單 51
5.2.2 添加文本框 53
5.2.3 插入列表或菜單 54
5.2.4 插入單選按鈕和復選框 55
5.2.5 添加按鈕 56
5.2.6 跳轉菜單 57
5.2.7 在表單中插入表格 57
5.2.8 檢查表單 58
5.2.9 完成網頁并預覽 58
5.3 檢驗表單 59
5.3.1 配置表單 60
5.3.2 打開行為界面 60
5.3.3 添加行為 61
5.3.4 預覽效果 63
5.3.5 即時檢查 64
5.4 小結 64
5.5 課后作業 65
案例六 多面英姿，我的框架系統 66
6.1 實現功能及思路簡析 66
6.2 設計過程 66
6.2.1 創建框架 66
6.2.2 框架結構的修改 68
6.2.3 框架的屬性 72
6.2.4 在框架中編輯網頁 72
6.2.5 對框架設計的思考 75
6.3 小結 76
6.4 課后作業 76
案例七 騰云駕霧，我的動感網頁 77
7.1 實現功能及思路簡析 77
7.2 設計過程 77
7.2.1 基本網頁的制作 77
7.2.2 層的建立 78
7.2.3 利用Timelines設置簡單層動畫 80
7.2.4 利用關鍵幀完成動畫 83
7.2.5 利用Flash制作GIF動畫元素 84
7.2.6 在層中插入GIF動畫 88
7.2.7 對層動畫進行調整 88
7.3 小結 90
7.4 課后作業 90
案例八 千里傳情，我的電子賀卡 92
8.1 實現功能及思路簡析 92
8.2 設計過程 92
8.2.1 建立網站 92
8.2.2 首頁的布局規劃 95
8.2.3 首頁內容的處理 97
8.2.4 發送卡片子頁的布局 99
8.2.5 完成網站之間的鏈接 101
8.3 小結 103
8.4 課后作業 104
案例九 流光溢彩，我的電影收藏夾 105
9.1 實現功能及思路簡析 105
9.2 設計過程 105
9.2.1 站點的建立 105
9.2.2 相冊的建立 106
9.2.3 子頁的制作 109
9.2.4 主頁面的完善 110
9.2.5 預覽效果 111
9.3 小結 112
9.4 課后作業 112
案例十 橫嶺側峰，我的網頁布局 113
10.1 實現功能及思路簡析 113
10.2 利用表格進行排版設計過程 113
10.2.1 制作圖像元素 113
10.2.2 插入表格并設置標題圖像 114
10.2.3 內容區的布局 117
10.2.4 設置網頁過渡效果 120
10.3 利用層面進行排版設計過程 121
10.3.1 插入層面 121
10.3.2 層中插入內容 122
10.4 轉換網頁和檢查網頁 125
10.4.1 轉換網頁 125
10.4.2 檢查網頁 127
10.4.3 建立選擇瀏覽器的網頁 128
10.5 實現HTML自動排版的法則 129
10.5.1 不使用絕對位置 130
10.5.2 對話框應當匹配最大可用寬度和高度 130
10.5.3 每個控件都應位于分離的表格單元中 131
10.5.4 允許文本換行 131
10.5.5 把復選框、單選按鈕與它們的標簽分離 132
10.5.6 為今后的擴展預留足夠的空間，避免固定寬度的項目 132
10.5.7 按鈕、列表框和組群框大小的確定方法 132
10.5.8 高度的設置 133
10.5.9 不使用左對齊和右對齊 134
10.5.10 避免將本地化工作人員需要改變的CSS值內聯在網頁中 134
10.6 布局理念 134
10.6.1 網頁布局類型 134
10.6.2 關于第一屏 135
10.6.3 有關導航欄的位置 135
10.6.4 什么樣的布局是最好的 135
10.7 小結 135
10.8 課后作業 136
案例十一 鏡花水月，我的模板網頁 137
11.1 實現功能及思路簡析 137
11.2 利用模板建立網頁 137
11.2.1 插入模板 137
11.2.2 網頁的加工 139
11.3 制作模板 139
11.3.1 設置模板布局 140
11.3.2 插入可編輯區域 142
11.3.3 插入可選區域 144
11.3.4 創建重復區 145
11.3.5 嵌套表格 147
11.4 小結 147
11.5 課后作業 148
案例十二 兩面三刀，我的翻滾按鈕 149
12.1 實現功能及思路簡析 149
12.2 設計過程 149
12.2.1 建立平臺 149
12.2.2 切片并設置圖層內容 151
12.2.3 設置按鈕的行為 153
12.2.4 插入元素按鈕 156
12.2.5 在Dreamweaver中插入交互圖 157
12.3 小結 159
12.4 課后作業 159
案例十三 多才多藝，我的多樣圖層 160
13.1 實現功能及思路簡析 160
13.2 設計過程 160
13.2.1 制作對象的輔助說明 160
13.2.2 拖動圖層的應用 163
13.2.3 制作靜止浮動效果 165
13.2.4 活動菜單的制作 166
13.3 小結 170
13.4 課后作業 170
案例十四 個性天下，我的游戲網站 171
14.1 實現功能及思路簡析 171
14.2 網頁框架和內容設計 171
14.2.1 網站主題的制定 171
14.2.2 網站標題的制定 172
14.2.3 網站框架的建立 172
14.2.4 規劃站點 172
14.2.5 素材的準備 173
14.2.6 定位網站CI形象 173
14.2.7 確定網站的欄目 175
14.2.8 確定網站的鏈接結構 175
14.2.9 設計網站的整體風格 176
14.3 片頭Flash的制作 176
14.3.1 背景的制作 176
14.3.2 logo和標題的制作 179
14.3.3 動畫的制作 179
14.4 模板的建立 183
14.4.1 標題欄制作 183
14.4.2 導航按鈕的制作 186
14.4.3 可編輯區的設定 189
14.5 層疊樣式 190
14.6 各個欄目網頁的制作 192
14.6.1 建立News頁 192
14.6.2 desktop頁的制作 194
14.6.3 music音樂和video視頻的播放和下載 200
14.6.4 設置狀態行上的文本 201
14.6.5 添加信息交互功能 203
14.7 檢查網站 205
14.8 小結 206
14.9 課后作業 206
案例十五 “錢”途無量，我的商業網站 207
15.1 實現功能及思路簡析 207
15.2 設計理念概述 207
15.2.1 構思階段 207
15.2.2 整體規劃 208
15.2.3 設計過程 209
15.2.4 色彩方案 210
15.2.5 頁面各要素 212
15.3 精品賞析 214
15.3.1 韓國商業網站設計分析 214
15.3.2 ericsson.com 219
15.3.3 FSX.CO.UK 221
15.3.4 sonystyle.com 221
15.3.5 millennium point 221
15.3.6 hp.com 223
15.4 如何讓更多的人知道自己的網站 224
15.5 小結 226

1. 基于.NET Core框架的分布式系統架構設計 [湯佳 著]
2. Web用戶界面設計與制作 [主編 趙娟]
3. ASP.NET（C#）網站開發（第二版） [主編 張志明 王輝]
4. Web開發實戰 [主編　肖睿　陳永]
5. Bootstrap與jQuery UI框架設計 [主編 肖睿 吳振宇]
6. 網頁設計與制作 [主編 楊毅]
7. 網頁制作實戰 [主編 肖睿 羅保山]
8. 網頁設計與制作 [主編 陳建國 項煒]
9. 16課學會網頁程序設計—— HTML5+CSS3+JavaScript+jQuery+ [施威銘研究室 著]
10. HTML5+CSS3前端技術——UI設計師與開發人員合作秘籍 [北京課工場教育科技有限公司Q]
11. Web程序設計實踐教程 [主編 侯萍 郭俊榮]
12. 網頁設計與制作 [孫娜 蒲秋梅 南洋 編著]
13. 玩轉Axure RP——Axure RP 7.0高保真網頁、APP原型設計 [謝星星 編著]
14. ASP.NET Web程序設計 [吳琴霞 栗青生 康晶 編著]
15. CSS+DIV頁面布局技術 [主編 朱翠苗]
16. Web開發與安全防范 [主編 武春嶺]
17. 網頁設計實訓教程 [主編 張春英 李英文 鐘大偉]
18. ASP.NET（C#）網站開發 [主編 張志明 王輝]
19. 網頁設計實用技術 [主 編 陳建國 李勤]
20. JSP設計與開發 [秦毅 王可]
21. ASP.NET項目開發教程 [鄒承俊 任 華]
22. 動態網頁設計與制作實用教程（第三版） [程偉淵 倪燃]
23. ASP程序設計（第二版） [葉潮流 杜奕智]
24. 網頁設計與制作實用技術（第二版） [齊建玲 楊艷杰]
25. 網頁前端技術 [主 編 王敏杰 任云暉]
26. 多媒體網頁設計教程 [主編 朱國華 齊暉 李楓]
27. 網站建設與網頁制作 [姚翠友 楊艷紅 編著]
28. 網頁設計與制作（第二版）實訓指導 [任正云 賴玲 嚴永松 王婭紛]
29. 網頁設計與制作（第二版） [任正云 賴玲 嚴永松 編著]
30. 網頁設計與制作 [主編 陳彥許 陳維華]