环境保护不仅仅只是政府或社会的责任，更与我们每一个人都息息相关。只有每个人都对环保的理念有所了解，从日常生活中的点点滴滴做起，才能真正的实现对环境的保护。

在民众层面，环保仍旧是一个仅仅挂在嘴边的话题。而不是我们生活的一部分。为了宣传环境保护，使用户更方便的获取到环保的相关信息，建立一个传递环保信息及理念的网站能够更好的实现这一目标。

通过深入的调查和研究用户在互联网时代，对信息和咨询的获取和分享需求，本论文采用了HTML5,CSS3,javascript等技术，开发和实现了一个环境保护宣传网站。基于HTML5的网站除基本功能的实现之外，在用户体验方面也有显著的提升。例如图片，视频等更好的展示，利用vue技术实现无刷新瀑布流布局等

功能：最基础的登陆+注册

前端（用户）

浏览最新资讯和科普、发起环境保护活动、发起环境保护的众筹项目、建立和申请加入环保社团、参加环保活动、参与环保众筹、发布众筹项目、用环保币兑换物品、留言评论、修改个人信息

后端(管理员)

发布最新资讯和科普、管理用户、资讯、活动和项目的信息、发布+审核众筹项目、管理用户的环保币、审核众筹项目、管理+审核环保社团

1. 网站首页

当访问者打开网站，首先浏览的是首页。所以首页应该提供网站最重要的，想要传递的信息。网站成立的初衷，分版中的最新和最热门的文章等。目的是将网站的大体架构呈现给用户，能够吸引住访问者。

2. 信息页面

网站的子页面分为环保理念，环境与健康以及绿色行动三大板块。分别呈现与环保相关联的新闻，理念，生活方式等。

在网页的一侧，要实现热门文章的推送，使用户更容易获取信息。文章利用CSS3进行排版，并实现图像显示，以及视频的播放功能。

3. 用户注册/登陆页面

此页面旨在实现用户的登陆与注册。普通用户在注册后能够在网页的留言板中进行留言。

4. 搜索页面

用户在进行信息筛选时，会对网站信息进行搜索。需添加网站内容的搜索功能，使用户能够有目的的获取所需资讯。

5. 后台管理

管理员通过后台管理页面，能够对普通用户进行管理，以及对网页实现修改，添加和删除等操作。