动态网站设计制作与维护

以培养职业能力为核心，以项目为载体，任务驱动，学生在设计与制作网站的过程中学会知识与技能，体现了“做中学、学中做”。

基于网站设计与制作的工作过程构建项目和选取课程内容。每个项目又细分为子项目和任务，各任务安排循序渐进、由浅入深。

可读性强、适用性强。各项目由长期身处教学一线和网站设计制作工作岗位的教师及工程师编写。

综合性强。融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++案例项目精讲 [主编 杨国兴]