A学院网站的设计与实现

摘  要：学院网站的设计是让学生更好的去了解学校，了解这所学院所获得的荣誉和学院新闻，还有这所学院的风景，让学生在选择学院的时候不会对所选择的学院一无所知，还能更加方便的让学生查询自己的信息和成绩，让学生和学生家长都能随时了解学生的一些基本状况，让学生父母更加了解学院，让学生父母更加放心的把孩子交给学院。学院网站的设计，实时性强，信息充裕，发展空间巨大。

网站开发采用了DIV+CSS开发技术，有网站首页、登录页、注册页、后台管理等页面，界面设计以模仿A学院为主。网站版块多以新闻列表作为基础设计。布局清爽大方，符合交互要求。网站结合php以及java script的使用完成了新闻列表功能、登陆验证、图片的轮播、滚动导航栏等功能，在用户登录成功的时候会在页面显示用户名。

关键词：DIV+CSS 学院网站 php以及java script 

目 录

1 引言 1

1.1 A学院网站的设计与实现的开发背景 1

1.2 A学院网站的设计与实现的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 A学院网站的设计与实现的开发环境 2

2.2 本项目应用的主要开发工具 2

2.2.1 Sublime Text 3 2

2.2.2 WampServer 3

2.2.3 Adobe Dreamweaver CC 2017 3

2.2.4 Mozilla Firefox 4

2.2.5 Google 4

2.3 本项目应用的主要开发技术 4

2.3.1 java script 语言 4

2.3.2 DIV+CSS 5

2.3.3 PHP 5

2.3.4 jQuery 5

3 项目概述 6

3.1 项目概述 6

3.2 项目风险 6

3.3 项目进度计划 7

4 项目需求分析 8

4.1 网站分析 8

4.1.1 网站设计的目标 8

4.1.2 用户的需求分析 8

4.2 概要设计 9

4.2.1 网站结构图 9

4.2.2 网站概要设计说明 10

4.3 现行研究存在的问题及解决办法 11

5 PHP设计 12

5.1 PHP结构 12

5.2 PHP设计命名规范 12

6 网站实现 13

6.1 网站后台界面设计与布局 13

6.1.1 后台登入界面 13

6.1.2 用户注册界面 14

6.2 网站前台界面设计与布局 15

6.2.1 首页 15

6.2.2 首页动画 19

6.3 说明 19

6.3.1 项目文件命名规范 19

6.3.2 项目文件结构说明 20

7 测试 21

7.1 测试 21

7.2 测试例子及其结果 22

7.2.1 页面效果测试 22

7.2.2 后台添加测试 23

8 总结与展望 24

致谢 25

参考文献 26