浩蓝环保公司网站的设计与实现

摘  要：环保公司的建立使人们更多的了解环保，对环保产品的普及和推广都有促进作用，不仅降低了生活生产产生的污染，还为人们生活水平的提高做出了贡献。环保项目的进展是为了改善污染情况，协调人与自然的环境，以创造出适合于人类生活，工作的环境，让环保的观念深入人心，让可持续发展战略落实到底。

    网站开发采用了DIV+CSS、VS开发技术，有公司首页、公司简介、新闻页、新闻内容页、项目栏目页、项目内容页、后台登录页、后台管理等页面，界面设计以白色为主，极强的表现了无污染的洁白美感。网站页面多以洁白色彩与文章相结合，给人一种简单自然的感觉。布局清爽大方，符合交互要求。网站结合SQL Srver数据库的使用完成了注册登录、搜索、留言板、后台管理等功能。

关键词：DIV+CSS 环保 SQL数据库 

目 录

1 引言 1

1.1 浩蓝环保股份有限公司的开发背景 1

1.2 浩蓝环保股份有限公司的意义与设计目的 1

2 开发工具及环境介绍 3

2.1 浩蓝环保公司网站的开发环境 3

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

2.2.1 Microsoft SQL Server 2008 3

2.2.2 Adobe Photoshop CS4 4

2.2.3 Dreamweaver 8 5

2.2.4 Microsoft Visual Studio 2010 5

2.2.5 动软 5

2.2.6 IE Tester 6

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

2.3.1 C# 语言 6

2.3.2 JS 7

2.3.3 DIV+CSS 7

3 项目概述 9

3.1 项目概述 9

3.2 项目风险 9

3.3 项目进度计划 10

4 项目需求分析 11

4.1 业务分析 11

4.1.1 业务组织结构 11

4.1.2 业务工作角色分析 11

4.2 概要设计 12

4.2.1 网站结构图 12

4.2.2 网站概要设计说明 14

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

5 数据库设计 17

5.1 数据库结构 17

5.2 数据库表 17

5.3 数据库表关系图 18

5.4 数据库设计命名规范 19

6 网站实现 20

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

6.1.1 后台登入界面 20

6.1.2 信息管理界面 21

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

6.2.1 首页 22

6.2.2 公司简介界面 25

6.2.3 案例页 25

6.3 说明 28

6.3.1 项目文件命名规范 28

6.3.2 项目文件结构说明 28

6.4 动软生成解决方案 29

7 测试 31

7.1 测试 31

7.2 测试例子及其结果 32

7.2.1 页面效果测试 32

7.2.2 后台添加测试 32

8 总结与展望 35

致谢 36

参考文献 37