摘要:现在是互联网信息时代，网站的重要性已经很明显了，大学二级学院网站已经成为了大学二级学院的刚需，大学二级学院网站怡然也是成为了教育行业紧跟互联网发展的刚需，同样是减少教育门槛和补充教育资源不平衡的重要方法。网站是学院的门户，现在大学生报考学校前都会先上网了解下意向学校学院的官网，了解相关师资力量、口碑等，学院网站可以全方位的宣传该专业的品牌形象。学院网站建设对于学生是有很大的帮助，可以在官网公布一些学校的最新政策、信息、举办的活动，或者提供在线业务办理，另一方面通过学院网站还可以实现自身教育资源的传递，通过网站可以很好的把这些资源传递给需要的学生，减少差异性。

本网站基于以上目的，建设了一个二级学院的官方网站，用jquery 框架来设计网站功能：首页、学院概况、新闻中心、师资队伍、教育教学、科学研究、党群工作、 学团工作、下载专区等页面。基于HTML5语言来开发网站更加专业，并且根据这些页面设计了数据库，并托管在access中，用asp作为服务器可以减少前后端不匹配等问题。最后通过黑盒测试网站并修复所有问题。

关键词：学院网站；功能页面；jquery；HTML5；access

目录

摘要

Abstract

引    言-1

1 绪言-2

1.1开发背景-2

1.2国内外现状-3

1.3项目的目的及意义-3

1.4项目的实践意义-4

2  系统开发所采用的技术-4

2.1 asp-4

2.2 access-4

2.3 jquery-5

2.4 Html5-5

2.5 JavaScript-5

3  需求分析-5

3.1网站建设需求分析-5

3.1网站需求图例-6

3.2网站界面需求分析-6

3.3功能架构分析-7

3.4首页模块需求分析-8

3.5学院教学模块需求分析-8

3.6科学研究模块需求分析-9

3.7党群工作模块需求分析-9

3.8下载专区模块需求分析-9

3.9学院概况模块需求分析-9

3.10新闻中心模块需求分析-10

3.11师资队伍模块需求分析-10

3.12学团工作模块需求分析-10

4  网站可行性分析-10

4.1技术可行性分析-10

4.2经济可行性分析-11

4.3应用可行性分析-11

5  网站网站开发环境-11

6  网站功能详细设计-11

6.1首页页面详细设计-11

6.2学院教学页面详细设计-12

6.3科学研究页面详细设计-12

6.4党群工作页面详细设计-13

6.5下载专区页面详细设计-14

6.6学院概况模页面详细设计-14

6.7新闻中心页面详细设计-15

6.8师资队伍页面详细设计-16

6.9学团工作页面详细设计-16

7 数据库设计-17

7.1  关于abouts表-17

7.2  展示banner表-18

7.3  文档link表-18

7.4  登录login表-18

7.5  新闻news表-19

7.6  新闻school表-19

7.7  教师techer表-19

8  网站界面设计与实现-20

8.1 网站首页设计与实现-20

8.2 学院教学模块设计与实现-21

8.3 科学研究模块设计与实现-21

8.4 党群工作模块设计与实现-22

8.5 下载专区模块需设计与实现-22

8.7新闻中心模块设计与实现-23

8.8师资队伍页面设计与实现-24

8.9 学团工作页面设计与实现-25

9  系统测试-25

9.1 链接测试-25

9.2表单测试-25

9.3负载测试-26

结    论-26