我的相册网站的设计与实

摘  要： 随着时代的发展，人们现在每天看到的信息越来越多，每天也会遇到很多有趣的事，而这些瞬间，或影像，我们都能用手机、相机记录下这些时候，可记录下来后，又不知会在什么时候再打开相册看一看呢，很多时候都是一直安静的躺在相册里，直到你的手机内存不足的时候，才会想起来去看一眼，也是最后一眼。本网站设计的初衷就是为了帮助我们留住这些影像，同时，你也可以在该网站上分享自己的影像，与大家共同分享这一瞬间，或开心，或失落，或激动，都可以，无论你是摄影大师分享自己的作品，还是上班族空闲时随手一拍，都可以来此分享。

网站开发采用了DIV+CSS开发技术，有网站首页、登录页、图库页、社区页、关于我们页面，界面设计以黑色为主，极强的表现了网络化生活。网站使用jQuery实现了大多数动画及功能，包括轮播图，瀑布流，登录模块等等。

关键词：div+css 图片网站 

目 录

引言 1

1.1 我的相册的开发背景 1

1.2 我的相册的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 我的相册的开发环境 2

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

2.2.1 Sublime Text 3

2.2.2 Visual Studio Code 3

2.2.3 Adobe Photoshop CC 2019 3

2.2.4 WampServer 4

2.2.5 Chrome 4

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

2.3.1 DIV+CSS 5

2.3.2 java script 5

2.3.3 Ajax 6

2.3.4 PHP 6

3 项目概述 8

3.1 项目概述 8

3.2 项目风险 8

3.3 项目进度计划 9

4 项目需求分析 11

4.1 业务分析 11

4.1.1 业务组织结构 11

4.1.2 业务工作角色分析 11

4.2 现行研究存在的问题及解决办法 13

5 网站实现 14

5.1 网站前台界面设计与布局 14

5.1.1 首页 14

5.1.2 图库页 17

5.1.3 社区页 20

5.1.4 关于我们页 23

5.1.5 登录页 23

5.1.6 相册页 24

5.2 说明 25

5.2.1 项目文件命名规范 25

5.2.2 项目文件结构说明 25

6 测试 26

6.1 测试 26

6.2 页面效果测试 27

7 总结与展望 28

致谢 29

参考文献 30