內容安排符合教學規律和需求、難易適度、結構合理、實用性強。

大量的圖示講解案例，操作步驟清晰明了，方便學生上機實踐及自學。

始終圍繞網站建設進行內容安排，內容更緊湊而有針對性，便于學生更快地掌據網頁設計的基本技能。

前 言

隨著計算機與通信技術的不斷發展，網絡已經遍及全球各個角落，它成為人們獲取和交換信息的最有效途徑。網絡正深刻地改變著人們的生活。網站成為Internet上的一個重要元素，各類網站通過Internet來開展業務和展示自我形象，網站也可以用在企業內部來解決內部管理和信息交流等問題。網站設計已成為當今流行的技術，掌握一定的網站建設和管理方法對當代大學生是一種重要的計算機技能。

本書作為掌握計算機網頁設計的入門教材，第1章介紹網頁的基礎知識，包括網站設計規劃的原則及網頁設計的原則與方法，使讀者能夠對網頁設計有初步的了解；在第2章Dreamweaver部分，通過一個“樂山樂水”旅游網站的建設，介紹了Dreamweaver軟件制作網頁的基礎知識；第3、4章介紹了網頁設計布局工具的使用方法，并進行了綜合應用，同時介紹了網頁設計中常見的高級應用；第5、6章主要介紹Photoshop軟件的使用方法，注重對網頁設計中涉及到的靜態圖像處理時的相關技術的介紹；第7、8章系統介紹了Flash軟件的使用，講解了本書網站設計中用到的Flash動畫的制作方法；第9章通過一個綜合實例，介紹了使用這3個軟件制作一個完整網站的步驟和過程。

根據作者一線教學的親身體驗，在實際的網站設計制作過程中涉及的設計軟件較多，而市面上大部分網頁設計類書籍只是單純地介紹一兩個軟件或相關實例，讀者并不能真正掌握網站設計及相應美工設計的全部過程。本書正是滿足了這一需求，將網站制作的相關軟件和必要技術呈獻給讀者，幫助讀者快速掌握網站建設和網頁制作的方法。

學習和掌握一門技術并不是一件輕而易舉的事情，一方面需要具備鉆研的精神和態度；另一方面需要使用正確的方法，務必重視對基礎知識的掌握。建議在學習本書時，讀者不僅僅關注于某一個效果的具體實現方法，還要真正掌握其中的基本原理，只有這樣才能將所學知識融會貫通，將所學技能真正用到網站設計之中。

本書具有以下特點：

（1）本書作者全部為長期從事計算機教學的一線教師，對本門課程已有多年的教學經驗，能夠充分了解學生需求，合理安排教學內容和進度，提供有針對性的實驗內容，內容安排符合教學規律和需求，難易適度、結構合理、實用性強。

（2）本書有大量的圖示講解案例，操作步驟清晰明了，方便學生上機實踐及自學；每章最后配備操作練習，可作為上機操作的內容，便于學生檢驗學習效果，鞏固所學知識和技能。

（3）書中內容相互銜接。在整個Dreamweaver部分以一個“樂山樂水”旅游網站的建設對此網頁設計工具進行了前后關聯的詳細介紹；并將其中用到的靜態圖片處理方法在Photoshop的內容部分進行了講解；用到的動畫制作方法在Flash的內容部分進行了講解。這使得三大軟件的講解始終圍繞網站建設進行內容安排，全書內容更緊湊而有針對性，便于學生更快地掌據網頁設計的基本技能。

本書由陳建國、李勤任主編，并負責全書的統稿工作，秦洪英、蔡宗吟、李林、張貴紅任副主編。其中第1章由秦洪英編寫，第2～4章由蔡宗吟編寫，第5、6章由李勤編寫，第7、8章由李林編寫，第9章由張貴紅編寫。另外，參加本書部分編寫工作的還有劉毅、張波、杜麗君、李彬、黃健、楊霞等。由于編者水平有限，書中難免存在疏漏和錯誤之處，懇請廣大讀者批評指正。

編 者

2013年9月

前言

第1章 網頁設計基礎知識 1
1.1 基本概念 1
1.1.1 網站和網頁 1
1.1.2 靜態網頁和動態網頁 2
1.2 網站建設的規劃 3
1.3 網站設計的原則 3
1.4 網頁設計的原則 4
1.5 網頁設計的流程 4
1.6 網頁主要設計元素 5
1.6.1 網頁標識設計 5
1.6.2 網頁導航設計 6
1.6.3 網頁版式設計 6
1.6.4 網頁色彩設計 7
1.6.5 圖形與文字的設計 7
1.6.6 網頁音效設計 9
1.7 網頁設計常用軟件 9
1.7.1 Dreamweaver CS5
——網頁頁面制作軟件 9
1.7.2 Photoshop CS5
——網頁圖像設計軟件 10
1.7.3 Flash CS5——網頁動畫制作軟件 11
習題一 11
第2章 Dreamweaver CS5網頁制作基礎 12
2.1 Dreamweaver CS5入門 12
2.1.1 Dreamweaver CS5簡介 12
2.1.2 Dreamweaver CS5工作區 12
2.2 Dreamweaver CS5站點管理 17
2.2.1 網站站點規劃與創建 17
2.2.2 站點管理 19
2.3 制作簡單網頁 20
2.3.1 HTML簡介 20
2.3.2 項目展示：圖文并茂網頁 21
2.3.3 文本的插入與編輯 22
2.3.4 圖片的插入與編輯 26
2.3.5 CSS基礎 29
習題二 39
第3章 網頁設計布局工具綜合應用 40
3.1 表格 40
3.1.1 表格基本操作 40
3.1.2 表格布局 46
3.1.3 表格布局應用實例 47
3.2 超鏈接 56
3.2.1 超鏈接基本概念 56
3.2.2 創建內部超鏈接 57
3.2.3 創建外部超鏈接 59
3.2.4 錨點超鏈接 60
3.2.5 其他類型超鏈接 61
3.2.6 超鏈接的CSS設置 62
3.3 創建并使用外部CSS樣式 63
3.3.1 創建外部CSS文件 64
3.3.2 鏈接外部CSS文件 64
3.3.3 外部CSS樣式實例 65
3.4 框架 66
3.4.1 框架基礎 66
3.4.2 創建框架 69
3.4.3 設置框架集與框架 70
3.4.4 框架實例應用 72
3.5 Div+CSS 76
3.5.1 Div基礎 76
3.5.2 插入Div的基本操作 77
3.5.3 Div+CSS應用實例 78
習題三 85
第4章 網頁設計高級應用 87
4.1 表單 87
4.1.1 表單概述 87
4.1.2 表單對象 87
4.1.3 表單應用實例 89
4.2 模板 96
4.2.1 模板概念 96
4.2.2 創建模板 96
4.2.3 應用模板 98
4.2.4 模板應用實例 98
4.3 網頁特效 101
4.3.1 JavaScript基礎 101
4.3.2 JavaScript網頁應用實例 102
4.3.3 行為面板的應用 103
習題四 107
第5章 Photoshop CS5基礎入門 108
5.1 Photoshop CS5色彩和圖像處理基本
知識 108
5.1.1 像素與圖像分辨率 108
5.1.2 位圖與矢量圖 108
5.1.3 圖像的顏色模式 109
5.1.4 圖像的文件格式 110
5.2 Photoshop CS5工作環境 111
5.2.1 Photoshop CS5工作界面 111
5.2.2 切換工作界面 113
5.2.3自定義工作界面 113
5.2.4 優化工作界面 114
5.3 Photoshop CS5的基本操作 115
5.3.1 基本文件操作 115
5.3.2 圖像的顯示 118
5.3.3 輔助工具的使用 119
習題五 121
第6章 Photoshop CS5圖像處理 122
6.1 選區的創建與編輯 122
6.1.1 選框工具 122
6.1.2 套索工具 124
6.1.3 魔棒工具 125
6.1.4 移動和取消選區 126
6.1.5 修改選區 126
6.1.6 變換選區 126
6.1.7 存儲和載入選區 126
6.1.8 羽化選區 127
6.1.9 填充選區 127
6.1.10 全選和反選 127
6.1.11 描邊選區 128
6.2 圖像繪制、修飾和編輯 129
6.2.1 畫筆工具 129
6.2.2 鉛筆工具 129
6.2.3 橡皮擦工具 130
6.2.4 漸變工具 130
6.2.5 油漆桶工具 132
6.2.6 圖章工具 132
6.2.7 修復、修補和紅眼工具的使用 133
6.2.8 模糊、銳化和涂抹工具的使用 135
6.2.9 減淡、加深和海綿工具的使用 136
6.3 圖層的創建與應用 137
6.3.1 圖層的基本概念 137
6.3.2 圖層的基本操作 139
6.3.3 編輯圖層 140
6.3.4 圖層效果和樣式 143
6.4 路徑與文字工具 143
6.4.1 創建路徑 143
6.4.2 編輯路徑 146
6.4.3 文字的輸入 148
6.4.4 文字的編輯與轉換 149
6.5 色彩與色調的調整 151
6.5.1 “色階”命令 151
6.5.2 “曲線”命令 152
6.5.3 色彩平衡調整 153
6.5.4 “色相/飽和度”命令 154
6.5.5 亮度對比度調整 155
6.6 通道與蒙版 156
6.6.1 通道控制面板 156
6.6.2 新建、復制和刪除通道 157
6.6.3 分離與合并通道 159
6.6.4 使用圖層蒙版合成圖像 160
6.6.5 圖像合成 163
6.7 濾鏡 164
6.7.1 濾鏡基礎知識 164
6.7.2 風格化濾鏡 165
6.7.3 畫筆描邊濾鏡 166
6.7.4 扭曲濾鏡 167
6.7.5 素描濾鏡 169
6.7.6 紋理濾鏡 169
6.7.7 像素化 171
6.7.8 渲染 171
6.8 動畫的制作 172
6.8.1 幀模式“動畫”面板 172
6.8.2 創建幀動畫 173
6.9 實例 175
6.9.1 實例一 制作網站Logo 175
6.9.2 實例二 制作網頁Banner 177
習題六 181
第7章 Flash CS5基礎知識 183
7.1 Flash CS5概述 183
7.1.1 Flash CS5新增功能概述 183
7.1.2　Flash CS5的應用領域 184
7.2 Flash CS5工作環境 184
7.2.1 開始頁 184
7.2.2 Flash CS5不同組合的工作區 185
7.2.3 個性化工作區 186
7.2.4 Flash CS5窗口和主要工作面板的
認識 187
7.3 基本繪圖工具 191
7.3.1　選擇工具 191
7.3.2　部分選取工具 191
7.3.3　變形工具 192
7.3.4　線條工具 193
7.3.5　鉛筆工具 194
7.3.6　矩形工具 194
7.3.7　橢圓工具 195
7.3.8　多角星形工具 196
7.3.9 橡皮擦工具 196
7.3.10 Deco工具 196
7.4 Flash動畫基礎 204
7.4.1 與Flash文檔相關的文件類型 204
7.4.2 時間軸 205
7.4.3 元件與實例 206
7.4.4 Flash CS5影片制作的基本流程 208
習題七 209
第8章 Flash CS5動畫制作 211
8.1 逐幀動畫 211
8.1.1 逐幀動畫的創建 211
8.1.2 繪圖紙 212
8.1.3 實例——滿天星 212
8.2 形狀補間動畫 215
8.2.1 形狀補間動畫的概念 215
8.2.2 構成形狀補間動畫的元素 215
8.2.3 形狀補間動畫在時間軸面板上的
表現 215
8.2.4 創建形狀補間動畫的方法 215
8.2.5 形狀補間動畫的屬性設置 216
8.2.6 實例——變臉 216
8.3 傳統補間動畫 217
8.3.1 創建傳統補間的方法 217
8.3.2 元件的變形點對補間的影響 218
8.3.3 實例——小橋流水人家 218
8.4 補間動畫 219
8.4.1 創建補間動畫 219
8.4.2 創建對象補間的基本規則 221
8.4.3 處理補間動畫范圍 221
8.4.4 實例——宣傳動畫 223
8.4.5 補間動畫和傳統補間之間的差異 224
8.5 骨骼動畫 224
8.5.1 定義骨骼 225
8.5.2 選擇骨骼 226
8.5.3 刪除骨骼 226
8.5.4 創建骨骼動畫 226
8.5.5 IK骨架動畫配合其他補間動畫 227
8.5.6 創建形狀骨骼 228
8.6 遮罩動畫 229
8.6.1 創建遮罩 229
8.6.2 構成遮罩層和被遮罩層的元素 230
8.6.3 遮罩層作為動畫層 231
8.6.4 被遮罩層作為動畫層 235
8.7 沿路徑運動的傳統補間動畫 236
8.7.1 創建沿路徑運動的傳統補間 236
8.7.2 應用沿路徑運動的傳統補間動畫的
技巧 237
8.7.3 實例——雪花飄舞 238
8.8 制作交互式動畫 238
8.8.1 動作面板介紹 239
8.8.2　為關鍵幀添加ActionScript 239
8.8.3　為按鈕添加ActionScript 240
8.8.4　為影片剪輯添加ActionScript 241
8.8.5 stop和play語句 241
8.8.6 goto語句 242
8.8.7 getURL語句 242
8.8.8 loadMovie/loadMovieNum語句 244
習題八 246
第9章 綜合與提高 248
9.1 網站的設計 248
9.1.1 站點規劃 248
9.1.2 網站的功能需求分析 249
9.1.3 網站的非功能需求分析 249
9.1.4 網站策劃 250
9.1.5 首頁的版面設計 251
9.1.6 網站的首頁制作 258
9.1.7 模板的制作 263
9.1.8 日志頁的制作 264
9.1.9 照片頁的制作 266
9.1.10 個人檔網頁的制作 267
9.1.11 “聯系我”網頁的制作 268
9.1.12 在網頁中添加Flash 268
9.2 成果發布到互聯網上 269
9.2.1 站點的本地測試 269
9.2.2 域名空間的申請 270
9.2.3 發布站點 271
9.2.4 更新維護站點 275
習題九 275
參考文獻 276

1. 實用運籌學 [主編　邢育紅　于晉臣]
2. 電子技術（第二版） [主編 覃愛娜 李飛]
3. 勞動爭議處理實務 [主編 王秀卿 羅靜]
4. 工程數學 [主編 郭立娟 王海]
5. 語音識別理論與實踐 [主編　莫宏偉]
6. 武術基礎教程 [主編 李代勇 謝志民]
7. 計算機網絡實訓教程 [主編 張浩軍 趙玉娟]
8. 畫法幾何與機械制圖習題集（多學時） [主編 趙軍]
9. 電工電子技術基礎 [主編 劉 軍 楊國龍 劉天成]
10. MySQL數據庫項目式教程 [陳亞峰]
11. 機械設計基礎（第二版） [主編 田亞平 李愛姣]
12. 畫法幾何與機械制圖 [主編 趙軍]
13. C語言程序設計習題與實驗指導（第二版） [主編 甄增榮 張賓]
14. C語言程序設計（第二版） [主編 甄增榮 田云霞]
15. Unity3D虛擬現實應用開發實踐 [主 編 劉龍]
16. 智能化技術基礎（第三版） [鄧文達　李禮]
17. 面向對象程序設計 [主編 張勇 張平華 趙小龍]
18. 網絡營銷 [主編 夏薇薇 劉婷 尚潔]
19. 電視節目策劃與制作（微課版） [主　編　黃滴滴]
20. 數據庫技術與應用實踐教程（SQL Server 2019） [主 編 嚴暉 周肆清]
21. 大學應用數學 [主編 郭立娟]
22. 工業機器人拆裝與調試 [主編 胡月霞 向艷芳 朱奇]
23. 功能材料制備與表征實驗指導書 [龔偉平 趙軍峰 梅海娟 等編著]
24. 信號與系統（第二版） [主編 張宇]
25. 信息技術基礎 [主編 唐倩 邵銳]
26. Python 語言程序設計實踐指導 [主編　張雙獅]
27. Photoshop 圖形圖像項目化教程 [主編 胡斌斌 黎婭 蘇大椿]
28. 基于.NET Core框架的分布式系統架構設計 [湯佳 著]
29. 體育舞蹈教程 [主編 劉偉 陳志明 曾明]
30. 線性代數導學篇 [主編 史昱]