動(dòng)態(tài)網(wǎng)站設(shè)計(jì)制作與維護(hù)

以培養(yǎng)職業(yè)能力為核心，以項(xiàng)目為載體，任務(wù)驅(qū)動(dòng)，學(xué)生在設(shè)計(jì)與制作網(wǎng)站的過(guò)程中學(xué)會(huì)知識(shí)與技能，體現(xiàn)了“做中學(xué)、學(xué)中做”。

基于網(wǎng)站設(shè)計(jì)與制作的工作過(guò)程構(gòu)建項(xiàng)目和選取課程內(nèi)容。每個(gè)項(xiàng)目又細(xì)分為子項(xiàng)目和任務(wù)，各任務(wù)安排循序漸進(jìn)、由淺入深。

可讀性強(qiáng)、適用性強(qiáng)。各項(xiàng)目由長(zhǎng)期身處教學(xué)一線和網(wǎng)站設(shè)計(jì)制作工作崗位的教師及工程師編寫(xiě)。

綜合性強(qiáng)。融Photoshop、Dreamweaver、ASP和Access數(shù)據(jù)庫(kù)技術(shù)于網(wǎng)站設(shè)計(jì)與制作過(guò)程中，全書(shū)自始至終貫穿一個(gè)綜合項(xiàng)目，課程完成一個(gè)完整的網(wǎng)站也就制作完成了，學(xué)生會(huì)有很強(qiáng)的成就感。

前 言

Internet應(yīng)用日益普及，承載信息的主要平臺(tái)是網(wǎng)站，要把各行各業(yè)的信息通過(guò)Web服務(wù)提供給全球用戶，作為從業(yè)人員就必須掌握網(wǎng)站制作技術(shù)。

本書(shū)打破傳統(tǒng)的學(xué)科體系，選取學(xué)生熟悉的班級(jí)動(dòng)態(tài)網(wǎng)站作為項(xiàng)目載體，以網(wǎng)站設(shè)計(jì)與制作的工作過(guò)程為主線組織教學(xué)任務(wù)，將網(wǎng)站制作的靜態(tài)技術(shù)與動(dòng)態(tài)技術(shù)融合在項(xiàng)目任務(wù)中，融Dreamweaver頁(yè)面制作技術(shù)、ASP編程技術(shù)和數(shù)據(jù)庫(kù)技術(shù)于一體。教材設(shè)計(jì)中不強(qiáng)求理論體系的完整性，以夠用為度，以實(shí)用為標(biāo)準(zhǔn)。整個(gè)項(xiàng)目任務(wù)循序漸進(jìn)，直至完成網(wǎng)站的測(cè)試與發(fā)布。在學(xué)習(xí)過(guò)程中著重培養(yǎng)學(xué)生獨(dú)立思考問(wèn)題和主動(dòng)解決問(wèn)題的能力及團(tuán)隊(duì)合作精神。

本書(shū)依據(jù)網(wǎng)站設(shè)計(jì)與制作的工作過(guò)程分為五個(gè)項(xiàng)目，從優(yōu)秀站點(diǎn)的鑒賞、站點(diǎn)的規(guī)劃、站點(diǎn)環(huán)境的搭建與調(diào)試、主頁(yè)及分支頁(yè)的布局設(shè)計(jì)到頁(yè)面的具體制作以及最后的網(wǎng)站測(cè)試發(fā)布與維護(hù)。對(duì)每個(gè)項(xiàng)目中的各個(gè)具體任務(wù)都做了詳細(xì)的分析及操作講解。五個(gè)項(xiàng)目完成后就完成了一個(gè)完整的綜合項(xiàng)目——班級(jí)動(dòng)態(tài)網(wǎng)站，學(xué)生會(huì)有很強(qiáng)的成就感。讓學(xué)生在做網(wǎng)站的過(guò)程中學(xué)會(huì)知識(shí)與技能，真正做到“做中學(xué)、學(xué)中做”，體現(xiàn)了以學(xué)生為主體的思想。教材每個(gè)子項(xiàng)目后都有課程同步實(shí)訓(xùn)，從知識(shí)點(diǎn)和實(shí)訓(xùn)操作兩大部分對(duì)所學(xué)、所做的內(nèi)容進(jìn)行歸納和訓(xùn)練，起到了舉一反三的作用。

本書(shū)由史桂紅、楊正校任主編，陸黎、周玲余、劉怡然、李志剛?cè)胃敝骶帯Ａ硗鈪⒓颖緯?shū)部分編寫(xiě)工作的還有俞國(guó)紅、練振興、庾佳、普星、劉坤、王明珠、沈蘊(yùn)梅、顧蓬蓬等。參加本書(shū)編寫(xiě)的人員全部是長(zhǎng)期工作在教學(xué)一線和網(wǎng)站設(shè)計(jì)制作崗位的教師和工程師，具有豐富的網(wǎng)站制作與開(kāi)發(fā)經(jīng)驗(yàn)。

在編寫(xiě)本書(shū)的過(guò)程中參考了大量書(shū)籍和資料，在此對(duì)這些書(shū)籍和資料的作者表示最誠(chéng)摯的謝意。

在編寫(xiě)過(guò)程中，我們力求精益求精、全面周到，但由于編者水平有限，書(shū)中難免有疏漏和不妥之處，懇請(qǐng)專家、同仁和廣大讀者批評(píng)指正。

作 者

2011年6月

目 錄
前言

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

1. 舞臺(tái)化妝造型設(shè)計(jì) [主編 劉思彤 張 濤 張憶雨]
2. Python程序設(shè)計(jì)案例教程（微課版） [主編　石利平　田輝平　余以勝]
3. 物聯(lián)網(wǎng)工程設(shè)計(jì)與實(shí)踐 [湯琳 李敏]
4. Java面向?qū)ο蟪绦蛟O(shè)計(jì) [主編 姜春磊 陳虹潔]
5. 系統(tǒng)架構(gòu)設(shè)計(jì)師章節(jié)習(xí)題與考點(diǎn)特訓(xùn) [主編 薛大龍 鄒月平]
6. Photoshop平面設(shè)計(jì)（微課版）（第二版） [主編　趙艷莉]
7. 網(wǎng)絡(luò)規(guī)劃設(shè)計(jì)師真題及模考卷精析（適用機(jī)考） [主編 朱小平 施游]
8. C語(yǔ)言程序設(shè)計(jì)實(shí)驗(yàn)指導(dǎo)與實(shí)訓(xùn)（第二版） [主編 倪燃]
9. 1000MW級(jí)超超臨界燃煤發(fā)電機(jī)組設(shè)計(jì)方案圖集 [張斌　孫立剛]
10. 600MW級(jí)超超臨界燃煤發(fā)電機(jī)組設(shè)計(jì)方案圖集 [張斌　孫立剛]
11. Python程序設(shè)計(jì)及實(shí)踐教程 [肖朝暉]
12. C語(yǔ)言程序設(shè)計(jì) [魏琴 劉祖珉 趙仕波 肖陽(yáng)春]
13. 海綿城市雨水花園可持續(xù)發(fā)展設(shè)計(jì)研究 [何茜 著]
14. C語(yǔ)言程序設(shè)計(jì)實(shí)驗(yàn)教程 [張小剛 司春景]
15. 設(shè)計(jì)構(gòu)成基礎(chǔ)教程（第二版） [劉艷芳　王陽(yáng)]
16. 系統(tǒng)架構(gòu)設(shè)計(jì)師備考一本通（第二版） [倪奕文 王建平 編著]
17. 電氣控制與PLC程序設(shè)計(jì)（第二版） [胡冠山]
18. Java Web項(xiàng)目化設(shè)計(jì)實(shí)踐教程 [邱云 曾陳萍]
19. 應(yīng)用型高校通識(shí)教育課程思政教學(xué)設(shè)計(jì)研究 [唐敬偉 江娜 著]
20. 人工智能開(kāi)發(fā)框架應(yīng)用 [主編 王明超 蘆婭云]
21. HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目化教程 [范佳　胡卓舒　馮迎]
22. 電子產(chǎn)品設(shè)計(jì)與制作 [黃荻　陳志漫]
23. C語(yǔ)言程序設(shè)計(jì)（第三版） [主編 丁紅 王立新 蔡開(kāi)立]
24. 民航客艙服務(wù)實(shí)用英語(yǔ)教程 [主編 田靜 徐亞玲]
25. Python數(shù)據(jù)分析 [主編　馮志輝　趙磊　李放]
26. Python程序設(shè)計(jì)與應(yīng)用（第二版） [主編 張廣淵]
27. 石墨烯在太赫茲及中紅外頻段電磁器件設(shè)計(jì)中的應(yīng)用 [李艷秀 莊華偉 著]
28. 電子產(chǎn)品設(shè)計(jì)案例教程（微課版）—基于嘉立創(chuàng)EDA（專業(yè)版） [王靜 莫志宏 陳學(xué)昌 丁紅]
29. C程序設(shè)計(jì)實(shí)踐教程 [劉衛(wèi)國(guó)]
30. C程序設(shè)計(jì)（慕課版） [劉衛(wèi)國(guó)]