本味视觉影像网站的设计与实现

摘  要：本味视觉网站，以更多彩真实的摄影风格展现给大家，满足了如今精神文明需求的大家，同时也保证了个性化的服务，该平台秉承每个人都有着独立的小宇宙，有着自己的个人审美喜好观念。较传统摄影行业，平台服务于各大个性化需求者的P2P（peer-to-peer）影像网站，个性化高，体验感强，时效性强，信息真实可靠且直观全面，发展空间巨大。

网站开发采用了div+css开发技术，有网站首页、平台介绍，产品系列，作品展示，摄影团队、联系我们、用户中心、后台管理等页面。界面设计以黑白为主，呈现一种简约极致的风格，体现摄影艺术的魅力所在。网站版块多以图片展示为基础设计，紧贴影像网站这个主题。布局简约大方清爽，符合视觉审美要求。网站结合js的使用完成了图片轮播及图片单击放大效果。

并运用了CMS实现了登入、留言、后台管理等功能。

 

关键词：div+css 摄影网站 Js

目 录

1 引言 1

1.1 本味视觉影像网站的开发背景 1

1.2 本味视觉影像网站的意义与设计目的 1

2 开发工具及环境介绍 3

2.1 本味视觉影像网站的开发环境 3

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

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

3 项目概述 8

3.1 项目概述 8

3.2 项目风险 8

3.3 项目进度计划 9

4 项目需求分析 10

4.1 业务分析 10

4.2 概要设计 11

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

5 CMS构建 16

5.1 栏目设定 16

5.2 模板信息设定 16

5.3 CMS后台页面层次展 19

6 网站实现 26

6.1 网站前台界面设计与布局 26

6.2 说明 35

6.3 JS动态效果实现 36

6.4 java script文件配置 36

7 测试 38

7.1 测试 38

7.2 测试例子及其结果 39

8 总结与展望 42

致谢 43

参考文献 44