保护大自然环境(PNE)主题网站设计与开发

摘  要：随着信息科技不断高速发展，大自然环境不断恶化，保护大自然环境--PNE（Protection Nature Environmental ）网站服务于每一位关注环保的平台，使广大人民群众意识到环境保护的重要性，网站采用DIV+CSS布局，应用DW、交互设计，SEO优化等知识，在VS环境下进行开发设计。本站有首页，新闻中心，保护项目，走进自然，留言，PNE基金，登入与后台管理等页面，界面由灰色与橙色调为主，“冷暖色调，简约风格”烘托环保行动一直存在的矛盾，网站结合SQL server数据库的使用完成注册登入，留言板块，新闻及评论，后台管理等功能，版式设计多以“简洁大方”为主，便于交互，突出环境保护的内在精神，达到宣传环保地目的。

关键词：保护大自然环境  PNE网站  SQL server数据库

 

目 录

1 引言 1

1.1 保护大自然环境（PNE）主题网站开发背景 1

1.2 保护大自然环境（PNE）主题网站意义与设计目的 1

2 开发工具及环境介绍 2

2.1 保护大自然环境开发环境 2

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

2.2.1 AdobeDreamweaverCS5 2

2.2.2 AdobePhotoshopCS6 3

2.2.3 MicrosoftSQLServer2008 3

2.2.4 Microsoft Visual Studio 2012 4

2.2.5 动软 4

2.2.6 JQuery 5

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

2.3.1 C# 语言 5

2.3.2 DIV+CSS 6

2.3.3 Web.Config配置文件 6

2.3.4 @font-face 7

2.3.5 SEO搜索引擎优化 7

3 项目概述 8

3.1 保护大自然环境（PNE）项目概述 8

3.2 项目风险 8

3.3 项目进度计划 9

4 项目需求分析 10

4.1 需求分析 10

4.2 设计流程 10

4.2.1 网站结构图 10

4.2.2 网站概要设计说明 10

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

5 数据库设计 12

5.1 数据库结构 12

5.2 数据库表 12

5.3 数据库表关系图 13

5.4 数据库设计命名规范 14

6 PNE—网站实现 15

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

6.1.1 前台首页展示 15

6.1.2 内容页详细介绍 17

6.2 网站后台界面设计与布局 21

6.2.1 后台登入界面 21

6.2.2 后台界面布局 21

6.3 说明 21

6.3.1 项目文件命名规范 21

6.3.2 项目文件结构说明 21

6.4 动软生成解决方案 22

6.5 Web.Config 文件配置 23

6.6 SEO搜索引擎优化方案 23

6.6.1 保护大自然环境站内优化 23

6.6.2 保护大自然环境站外优化 23

6.6.3 前期优化步骤 24

6.6.4 安全策略 25

7 总结与展望 26

致谢 27

参考文献 28