以培養職業能力為核心，以項目為載體，任務驅動，學生在設計與制作網站的過程中學會知識與技能，體現了“做中學、學中做”。

基于網站設計與制作的工作過程構建項目和選取課程內容。每個項目又細分為子項目和任務，各任務安排循序漸進、由淺入深。

可讀性強、適用性強。各項目由長期身處教學一線和網站設計制作工作崗位的教師及工程師編寫。

綜合性強。融Photoshop、Dreamweaver、ASP和Access數據庫技術于網站設計與制作過程中，全書自始至終貫穿一個綜合項目，課程完成一個完整的網站也就制作完成了，學生會有很強的成就感。

前 言

Internet應用日益普及，承載信息的主要平臺是網站，要把各行各業的信息通過Web服務提供給全球用戶，作為從業人員就必須掌握網站制作技術。

本書打破傳統的學科體系，選取學生熟悉的班級動態網站作為項目載體，以網站設計與制作的工作過程為主線組織教學任務，將網站制作的靜態技術與動態技術融合在項目任務中，融Dreamweaver頁面制作技術、ASP編程技術和數據庫技術于一體。教材設計中不強求理論體系的完整性，以夠用為度，以實用為標準。整個項目任務循序漸進，直至完成網站的測試與發布。在學習過程中著重培養學生獨立思考問題和主動解決問題的能力及團隊合作精神。

本書依據網站設計與制作的工作過程分為五個項目，從優秀站點的鑒賞、站點的規劃、站點環境的搭建與調試、主頁及分支頁的布局設計到頁面的具體制作以及最后的網站測試發布與維護。對每個項目中的各個具體任務都做了詳細的分析及操作講解。五個項目完成后就完成了一個完整的綜合項目——班級動態網站，學生會有很強的成就感。讓學生在做網站的過程中學會知識與技能，真正做到“做中學、學中做”，體現了以學生為主體的思想。教材每個子項目后都有課程同步實訓，從知識點和實訓操作兩大部分對所學、所做的內容進行歸納和訓練，起到了舉一反三的作用。

本書由史桂紅、楊正校任主編，陸黎、周玲余、劉怡然、李志剛任副主編。另外參加本書部分編寫工作的還有俞國紅、練振興、庾佳、普星、劉坤、王明珠、沈蘊梅、顧蓬蓬等。參加本書編寫的人員全部是長期工作在教學一線和網站設計制作崗位的教師和工程師，具有豐富的網站制作與開發經驗。

在編寫本書的過程中參考了大量書籍和資料，在此對這些書籍和資料的作者表示最誠摯的謝意。

在編寫過程中，我們力求精益求精、全面周到，但由于編者水平有限，書中難免有疏漏和不妥之處，懇請專家、同仁和廣大讀者批評指正。

作 者

2011年6月

目 錄
前言

項目一 規劃網站 1
子項目1-1 優秀網站欣賞 1
1-1-1 工作任務 1
1-1-2 任務實現 1
1-1-3 相關知識 5
1-1-4 模塊小結 8
同步訓練 9
子項目1-2 規劃網站 9
1-2-1 工作任務 9
1-2-2 任務實現 10
1-2-3 相關知識 12
1-2-4 模塊小結 16
同步訓練 16
項目二 搭建與調試環境 17
子項目2-1 創建本地站點 17
2-1-1 工作任務 17
2-1-2 任務實現 17
2-1-3 相關知識 35
2-1-4 模塊小結 43
同步訓練 43
子項目2-2 管理本地站點 44
2-2-1 工作任務 44
2-2-2 任務實現 44
2-2-3 模塊小結 46
同步訓練 46
項目三 主頁的設計與制作 48
子項目3-1 主頁效果圖設計 48
3-1-1 工作任務 48
3-1-2 任務實現 48
3-1-3 相關知識 55
3-1-4 模塊小結 70
同步訓練 71
子項目3-2 主頁制作（特殊效果
設計與制作） 72
3-2-1 工作任務 72
3-2-2 任務實現 72
3-2-3 相關知識 84
3-2-4 模塊小結 93
同步訓練 93
子項目3-3 主頁制作（管理員登錄
設計與制作） 95
3-3-1 工作任務 95
3-3-2 任務實現 95
3-3-3 相關知識 111
3-3-4 模塊小結 138
同步訓練 138
子項目3-4 主頁制作（班級新聞信息的設計
與制作） 140
3-4-1 工作任務 141
3-4-2 任務實現 141
3-4-3 相關知識 146
3-4-4 模塊小結 150
同步訓練 150
子項目3-5 主頁制作（網絡導航的設計
與制作） 152
3-5-1 工作任務 152
3-5-2 任務實現 152
3-5-3 相關知識 153
3-5-4 模塊小結 154
同步訓練 154
子項目3-6 主頁制作（版權信息欄處的“加入收藏”
和“聯系我們”的設計與制作） 155
3-6-1 工作任務 155
3-6-2 任務實現 155
3-6-3 相關知識 156
3-6-4 模塊小結 159
同步訓練 159
子項目3-7 主頁制作（利用CSS
美化網頁） 160
3-7-1 工作任務 160
3-7-2 任務實現 160
3-7-3 相關知識 164
同步訓練 168
項目四 分支頁的設計與制作 170
子項目4-1 班級網站分支頁布局 170
4-1-1 工作任務 170
4-1-2 任務實現 170
4-1-3 相關知識 177
同步訓練 189
子項目4-2 班級網站分支頁制作 190
4-2-1 工作任務 190
4-2-2 任務實現 190
4-2-3 相關知識 214
4-2-4 模塊總結 215
同步訓練 215
項目五 網站測試、發布與維護 217
子項目5-1 網站測試 217
5-1-1 工作任務 217
5-1-2 任務實現 217
5-1-3 相關知識 221
5-1-4 模塊小結 225
同步訓練 226
子項目5-2 網站發布與維護 226
5-2-1 工作任務 226
5-2-2 任務實現 226
5-2-3 相關知識 230
5-2-4 模塊小結 233
同步訓練 233
參考文獻 234
參考網站 234

1. 石墨烯在太赫茲及中紅外頻段電磁器件設計中的應用 [李艷秀 莊華偉 著]
2. 電子產品設計案例教程（微課版）—基于嘉立創EDA（專業版） [王靜 莫志宏 陳學昌 丁紅]
3. C程序設計實踐教程 [劉衛國]
4. C程序設計（慕課版） [劉衛國]
5. 程序設計基礎實踐教程（C/C++語言版） [張桂芬 葛麗娜]
6. C++案例項目精講 [主編 楊國興]
7. 工程數學 [主編 郭立娟 王海]
8. SwiftUI完全開發 [李智威 著]
9. 網絡規劃設計師備考一本通 [夏杰 編著]
10. 電工電子技術基礎 [主編 劉 軍 楊國龍 劉天成]
11. MySQL數據庫項目式教程 [陳亞峰]
12. 軟考論文高分特訓與范文10篇—系統架構設計師 [薛大龍 鄒月平 施游]
13. 機械設計基礎（第二版） [主編 田亞平 李愛姣]
14. C語言程序設計習題與實驗指導（第二版） [主編 甄增榮 張賓]
15. C語言程序設計（第二版） [主編 甄增榮 田云霞]
16. Unity3D虛擬現實應用開發實踐 [主 編 劉龍]
17. 智能化技術基礎（第三版） [鄧文達　李禮]
18. Python程序設計 [主編 姜春磊 陳虹潔]
19. 系統架構設計師真題精析與模擬試卷 [薛大龍]
20. 系統架構設計師考試32小時通關（第二版） [薛大龍 鄒月平]
21. C語言程序設計實踐教程（活頁式） [主編 鄭茵 陳巍 滕泓虬]
22. 面向對象程序設計 [主編 張勇 張平華 趙小龍]
23. 算法設計與分析 [趙晶]
24. Python程序設計基礎及實戰 [主編　劉健]
25. CLO 3D服裝虛擬仿真設計與應用基礎 [主編　王靜]
26. C語言程序設計 [姜雪]
27. Python程序設計實踐教程 [王鶴琴 蔡正保]
28. 儲配方案設計與實施 [主編　李作聚]
29. 電視節目策劃與制作（微課版） [主　編　黃滴滴]
30. 盆栽花園——陽臺微型花境設計 [大衛·斯夸爾（David Squire）]