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

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

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

綜合性強。融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. Java面向對象程序設計 [主編 姜春磊 陳虹潔]
3. 系統架構設計師章節習題與考點特訓 [主編 薛大龍 鄒月平]
4. Photoshop平面設計（微課版）（第二版） [主編　趙艷莉]
5. 網絡規劃設計師真題及模考卷精析（適用機考） [主編 朱小平 施游]
6. C語言程序設計實驗指導與實訓（第二版） [主編 倪燃]
7. 1000MW級超超臨界燃煤發電機組設計方案圖集 [張斌　孫立剛]
8. 600MW級超超臨界燃煤發電機組設計方案圖集 [張斌　孫立剛]
9. Python程序設計及實踐教程 [肖朝暉]
10. C語言程序設計 [魏琴 劉祖珉 趙仕波 肖陽春]
11. 海綿城市雨水花園可持續發展設計研究 [何茜 著]
12. C語言程序設計實驗教程 [張小剛 司春景]
13. 設計構成基礎教程（第二版） [劉艷芳　王陽]
14. 系統架構設計師備考一本通（第二版） [倪奕文 王建平 編著]
15. 電氣控制與PLC程序設計（第二版） [胡冠山]
16. Java Web項目化設計實踐教程 [邱云 曾陳萍]
17. 應用型高校通識教育課程思政教學設計研究 [唐敬偉 江娜 著]
18. 人工智能開發框架應用 [主編 王明超 蘆婭云]
19. HTML5+CSS3網頁設計與制作項目化教程 [范佳　胡卓舒　馮迎]
20. 電子產品設計與制作 [黃荻　陳志漫]
21. C語言程序設計（第三版） [主編 丁紅 王立新 蔡開立]
22. 民航客艙服務實用英語教程 [主編 田靜 徐亞玲]
23. Python數據分析 [主編　馮志輝　趙磊　李放]
24. Python程序設計與應用（第二版） [主編 張廣淵]
25. 石墨烯在太赫茲及中紅外頻段電磁器件設計中的應用 [李艷秀 莊華偉 著]
26. 電子產品設計案例教程（微課版）—基于嘉立創EDA（專業版） [王靜 莫志宏 陳學昌 丁紅]
27. C程序設計實踐教程 [劉衛國]
28. C程序設計（慕課版） [劉衛國]
29. 程序設計基礎實踐教程（C/C++語言版） [張桂芬 葛麗娜]
30. C++案例項目精講 [主編 楊國興]