•突出高職教育特色。根據行業企業需要，基礎知識和理論以“必需、夠用”為度，強化學生實踐能力的培養，提升從業技能。

•定位最新技術。在強化基礎知識和基本技能的基礎上，兼顧軟件的最新版本和行業應用的最新技術并進行講解。

•采用實例教學。依托參編人員豐富的網站制作經驗，每章至少一個實例，方便學生學習，激發學習興趣。

隨著WWW技術的日益成熟，以Internet為基礎的電子商務、電子政務、電子校園等信息化手段成為工作、生活的重要內容，而網站和網頁作為WWW網絡的最常規方式，已成為企、事業單位和個人的網上名片。網頁（站）設計與制作行業需要一大批具有一定理論基礎和較強操作技能的專業技術人才。為了適應行業企業需要，許多高職高專院校在計算機、電子商務、軟件技術、多媒體等專業開設了網頁設計與制作課程。為此，我們組織多位具有多年教學經驗和較強實踐能力的老師，編寫了這本適合高職高專院校在校生使用的教材，以滿足廣大教師和學生的需要。

本教材緊緊抓住行業需要，以培養能力、突出實用為主要出發點。全書在介紹網頁設計與制作相關知識的基礎上，以實例為主線，詳細介紹制作步驟、方法和技巧。

本教材充分考慮高職院校學生的認知特點，每章通過具有綜合性、創造性、實踐性的實例，在促進學生綜合運用所學知識、提升制作能力的同時，激發學生的學習興趣。全書共分8章，主要內容如下：

第1章通過一個農家院網站的設計與制作，介紹網頁的基本概念和網站、網頁的常規操作。

第2章通過一個工業企業網站的設計，介紹常用網頁元素（文字、圖像、表格和超鏈接等）的創建與設置方法。

第3章通過一個旅游網站的設計與制作，重點講解CSS樣式在網頁設計與制作中的應用。

第4章通過一個網頁拼圖游戲的設計與制作，講解網頁特效的相關知識，包括利用Dreamweaver軟件本身制作特效和如何從網上下載特效并進行修改等。

第5章通過一個留言板的設計與制作，講解表單和動態網站開發環境的搭建等內容。

第6章通過制作網頁的Logo、效果圖和背景圖像等，講解如何使用Photoshop軟件處理網頁的圖像。

第7章通過圖片輪顯動畫和引導頁動畫的設計與制作，講解如何使用Flash軟件制作網頁動畫。

第8章通過一個完整的網站制作實例，講解網站規劃、圖像制作、動畫制作和網頁編輯合成等內容，使學習者在全書內容的基礎上，所學知識和技能得到升華。

本教材的主要特色如下：

（1）突出高職教育特色。根據行業企業需要，基礎知識和理論以“必需、夠用”為度，強化學生實踐能力的培養，提升從業技能。

（2）定位最新技術。在強化基礎知識和基本技能的基礎上，兼顧軟件的最新版本和行業應用的最新技術并進行講解。

（3）采用實例教學。依托參編人員豐富的網站制作經驗，每章至少一個實例，方便學生學習，激發學習興趣。

（4）在內容上做到內容全面、重點突出、針對性強。在內容安排上，加入了軟件之外的網頁特效、動態網站開發初步等章節；為適應目前網站開發的新趨勢，強化CSS樣式在網頁設計與制作中的應用；同時，大膽刪除了許多網站開發中少用或不用的內容。

（5）遵循高職教育的教學規律。本教材的主編與副主編大部分為教育學碩士，具有多年的教學與實踐經驗，能夠將網站設計與制作知識和技能與教學工作緊密結合。

本書由陳彥許、陳維華任主編，盧愛芹、李巍、方士杰任副主編，同時參與本書編寫工作的人員還有郭士琪、張紅艷、吳樹芳、姜清超、王紅艷、梅豪杰、潘霞、付巖等。

由于計算機技術發展迅速，加上編者水平所限，書中難免有錯誤和不妥之處，歡迎廣大讀者批評指正。

目 錄
前言

第1章 網頁設計與制作概述 1
1.1 網站設計與制作的基礎知識 1
1.1.1 網站設計的有關概念 1
1.1.2 超文本協議、超文本標記語言網頁 2
1.1.3 常用的網頁設計與制作工具 4
1.2 Dreamweaver的操作界面 5
1.2.1 菜單欄 6
1.2.2 文檔標題欄 6
1.2.3 文檔工具欄 6
1.2.4 插入工具欄 6
1.2.5 狀態欄 6
1.2.6 屬性欄 7
1.2.7 浮動窗口 7
1.3 站點操作 7
1.3.1 站點的創建 7
1.3.2 文件的操作 10
1.3.3 頁面屬性 11
1.4 實踐與運用—農家院網站的設計
與制作 11
1.4.1 站點的建立 11
1.4.2 新建網頁 14
1.4.3 網頁的設計 15
1.4.4 設置超鏈接 19
復習思考題 20
第2章 Dreamweaver的基本操作 21
2.1 表格操作 21
2.1.1 表格基本語法 21
2.1.2 插入表格 22
2.1.3 編輯表格 23
2.1.4 編輯行、列和單元格 24
2.1.5 特殊樣式表格的制作 25
2.1.6 使用表格布局網頁 29
2.2 文字操作 31
2.2.1 插入標題文本 31
2.2.2 插入普通文本 31
2.2.3 插入特殊字符 32
2.2.4 設置文本樣式 33
2.2.5 設置文本列表 35
2.2.6 添加滾動文本 36
2.3 圖像操作 37
2.3.1 插入圖像 37
2.3.2 圖像屬性 38
2.3.3 為網頁設置背景圖片 39
2.4 超鏈接 42
2.4.1 文本鏈接 43
2.4.2 空鏈接 44
2.4.3 錨鏈接 44
2.4.4 電子郵件鏈接 45
2.5 實踐與運用—保定秦奮切割機廠
網站設計與制作 45
2.5.1 網頁布局設計 46
2.5.2 素材搜集與編輯 46
2.5.3 建立站點 47
2.5.4 網頁制作 47
復習思考題 53
第3章 CSS樣式 54
3.1 CSS樣式的概念 54
3.1.1 CSS樣式簡介 54
3.1.2 CSS規則 54
3.2 Dreamweaver中使用CSS 55
3.2.1 創建CSS 55
3.2.2 應用CSS 63
3.2.3 編輯CSS 65
3.3 CSS的應用 66
3.3.1 使用CSS設置文字格式 66
3.3.2 使用CSS設置圖片格式 70
3.3.3 使用CSS設置超鏈接格式 72
3.3.4 同一頁內設置不同的超鏈接 73
3.4 實踐與運用——“保定旅游網”的
設計與制作 76
復習思考題 82
第4章 網頁特效設計 84
4.1 使用Spry框架構件 84
4.1.1 使用Spry菜單欄構件 84
4.1.2 使用Spry折疊式構件 86
4.1.3 使用Spry選項卡式面板構件 88
4.2 行為 89
4.2.1 設置行為 90
4.2.2 常用的事件及行為 91
4.3 插入多媒體對象 92
4.3.1 插入Flash動畫 92
4.3.2 插入FlashPaper文件 93
4.3.3 插入FLV視頻 94
4.4 從網上下載網頁特效代碼 95
4.4.1 設為首頁與加入收藏 95
4.4.2 滾動文字代碼 97
4.4.3 橫向滾動的圖片代碼 97
4.5 AP Div元素 99
4.5.1 AP Div元素的創建 99
4.5.2 設置 AP Div元素的屬性 100
4.5.3 AP Div元素與表格的相互轉換 100
4.6 制作一個簡單的網頁拼圖游戲 101
4.6.1 圖片的準備 101
4.6.2 制作拼圖游戲 104
4.6.3 拼圖游戲的完善 105
復習思考題 106
第5章 動態網頁設計初步 108
5.1 超文本標記語言HTML 108
5.1.1 HTML簡介 108
5.1.2 常用的HTML標記 109
5.2 表單 110
5.2.1 插入表單域 111
5.2.2 插入表單對象 111
5.2.3 表單實例 115
5.3 搭建動態網站設計環境 116
5.3.1 動態網站設計簡介 117
5.3.2 配置ASP服務器 117
5.3.3 其他小型的ASP服務器 121
5.3.4 開發環境的搭建 121
5.4 數據庫的建立與連接 124
5.4.1 數據庫建立 124
5.4.2 在網頁中連接數據庫 126
5.5 交互網站設計—留住客戶信息 126
5.5.1 顯示客戶留言 127
5.5.2 客戶留言 129
復習思考題 131
第6章 處理網頁中的圖像 133
6.1 圖像處理基礎知識 133
6.1.1 像素與圖像分辨率 133
6.1.2 RGB色彩模式 134
6.1.3 位圖與矢量圖 134
6.1.4 網頁圖像的格式 135
6.1.5 了解Photoshop 135
6.2 Photoshop圖像繪制 138
6.2.1 畫筆工具的使用 138
6.2.2 圖案的使用與定義 143
6.2.3 矢量工具的使用 147
6.3 使用Photoshop摳圖 148
6.3.1 選區工具 148
6.3.2 路徑工具 150
6.4 實踐與運用——女性美食網站效果圖
設計與制作 154
6.4.1 Logo的制作 154
6.4.2 網頁背景的制作 156
6.4.3 網頁效果圖制作 158
復習思考題 162
第7章 網頁動畫的制作 164
7.1 Flash簡介 164
7.1.1 基本概念 165
7.1.2 操作環境 165
7.1.3 Flash工具箱 166
7.2 動畫制作 168
7.2.1 逐幀動畫 168
7.2.2 補間動畫 170
7.3 引導動畫與蒙版 173
7.3.1 引導動畫 173
7.3.2 遮罩動畫 176
7.3.3 元件與庫 178
7.4 綜合實踐—網頁中圖片輪顯動畫與
引導頁的設計制作 182
7.4.1 圖片輪顯動畫制作 182
7.4.2 引導頁動畫設計制作 184
復習思考題 188
第8章 網站設計與制作綜合實例 190
8.1 網站規劃 190
8.1.1 進行用戶調研，確定網站內容 190
8.1.2 根據網站內容，確定網站結構 191
8.1.3 確定網頁的版面布局 191
8.1.4 確定網站的配色與風格 192
8.2 使用Photoshop編輯網頁圖像 193
8.2.1 制作網頁Logo 193
8.2.2 制作網頁效果圖 200
8.3 使用Flash制作網頁動畫效果 210
8.3.1 制作banner的圖片輪顯動畫 210
8.3.2 制作首頁中按鈕控制的案例
展示動畫 213
8.4 使用Dreamweaver制作網站 216
8.4.1 建立站點 216
8.4.2 使用表格布局網站首頁 217
8.4.3 填充表格內容 219
8.4.4 網站效果 225

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. 網頁設計與制作（第二版） [任正云 賴玲 嚴永松 編著]