【摘要】人类生存的首先要有是良好的空气质量。而尽管空气可以通过自然沉降、降水、阳光中紫外线的照射等方式完成自我净化，但如今中国工业的迅速发展，致使工业废气、汽车尾气的排放量大大增加，城市空气质量不断下降。因此对空气质量进行监测、了解空气质量的状况，并及时做出防范及处理措施，同时为城市居民提供生活地区周边空气质量数据就是现在中国的一大难题。我们制作的空气质量网页主要获取并提供公认会对健康造成威胁的气体和颗粒物的信息并对数据进行处理。不同污染气体和颗粒对健康的威胁随时间浓度和距离有所变化，所以在产生可接受的效应估算之前，仔细监测污染气体浓度以及颗粒粒径分布，浓度和组成是必要的。
【关键词】空气质量 web网页制作
一、项目背景
空气质量是一个重要的环境健康问题，世界上无论是发达地区还是欠发达地区都在逐渐加强对它的重视程度，我们制作的空气质量网页主要获取并提供公认会对健康造成威胁的气体和颗粒物的信息并对数据进行处理。不同污染气体和颗粒对健康的威胁随时间浓度和距离有所变化，所以在产生可接受的效应估算之前，仔细监测污染气体浓度以及颗粒粒径分布，浓度和组成是必要的。
虽然在制定城市地区清洁空气实施计划方面取得了很大的成绩，特别是发达国家，但仍有许多生活在城市地区的居民--约全球人口的25%暴露于他们吸入空气中的高浓度气态和颗粒状化合物。而且，人口增长率持续增加，在21世纪中期全球人口可能是现在的近2倍。大部分人口增长将出现在低收入国家，使他们原本不足的基础设施，技术力量和财力感到更为紧张。与此同时，城市人口的增加，将会出现人类活动所致污染物排放的密集中心。
自1950年以来人们就一直以在评估空气污染对人类健康带来的危害，并于1958年推导出了指导值。1987年WTO欧洲地区办公室EURO出版了《欧洲空气质量准则》，之后逐渐过渡到标准的《空气质量准则》，在1987到1998年期间，共审议了120多种化学成分和混合物的健康危险度，到了1999年在《空气质量准则》中己经广泛讨论了部分发达国家环境空气中传统污染物的浓度。
在2015年11月至12月两个月期间，中国大部分地区频繁出现严重雾霾天气，空气質量问题己经成为影响中国环境可持续发展的主要问题。与国外城市相比，中国大城市面临的局面要更加复杂，庞大的人口数量，快速的城市化进程，复杂度燃料结构以及高密度的产业聚集，产生了更为复杂的污染物与更为眼中钉空气污染，给空气质量检测与分析带来了巨大的困难。
二、空气质量系统的软硬件环境要求
硬件需求：内存1G以上；1024*768屏幕，16位显卡
生产厂家：Microsoft；版本号：NT 6.1
软件需求：除一般PC机及windows？以上的操作系统外无特殊要求。
（一）功能概述
概述系统实现的主要功能，包括系统性能。需给出系统功能的框架结构图，样例如图1所示。
是综合运用adobe photoshop cc，html，Javascript做出来的一个关于空气质量的网上平台，在这里用户可以更加清晰，更加完善的了解自己想要了解的关于各个地区空气质量的'主要信息。我们的系统平台功能完善、设计合理、界面美观、信息实时更新，具有创新性、实用性。
（二）技术架构
htmlcss制作静态网页包括盒子模型的布局并采用遮罩层弱化背景JavaScript用jquery和ajax调用了”极速数据“所提供的空气质量数据aqi接口得到json格式数据并用JavaScript处理显示在网页中，此外JavaScript还用在了一些页面的动态处理比如information页面中文章的点击显示就运用了onclick属性并用JavaScript写了一个函数接受onclick事件传入的参数并让该参数对应的文章显示其他则隐藏。
（三）Web网站页面结构设计
Web网站的页面导航，给出Web网站的页面关系图，如图2所71丈
下面是对系统功能分层逐一详细说明。注意此处给出的是从用户角度看到的功能。二级结点是：“首页和监测点名称”，相关信息首页的三级结点是：“AQI的地图显示气温（1温度2天气3地点）各类空气质量信息（1指数2浓度3适宜活动4影响人群）”监测点名称的三级结点是：“监测点（普陀，虹口等）以及各监测点的各类空气质量信息（1指数2浓度3适宜活动4影响人群）”。
三、系统界面设计
主网页是整个智能信息检索平台的门面，要有分区的展示和内容的简介，对整个网站来说是至关重要的。在布局上以简单大方为主，让用户可以直观清晰地找到相应的内容。对于不同的地区的空气质量情况不仅有颜色标识，而且还有搭配文字进行注释详解。
（一）界面设计风格
页面以清新自然的背景图片作为背景，左侧的地图清晰直观的显示出上海各个地区的空气受污染的严重程度，右侧表格给出详细数据。
页面左侧是通过颜色标识的aqi指数表示条，便于用户通过其右侧地图上某区域的颜色辨识出当前选择地区的aqi指数，右侧的表格详细展示了当前所选择地区的详细气象与空气质量状况并可以根据上方的Observation station按钮选择不同区域显示空气质量状况，而在选择进入Information界面后，可以查看到许多关于空气质量的科普短文，而Air quality通过线性时间图说明了我国对空气关注程度的发展史，给用户提供了各方面关于空气质量的信息。
（二）主要功能界面
页面上方的Home，Observation station，Information，Airquality四个按键，Home可以使用户回到初始界面，用户可以根据上方的Observation station按钮选择不同区域显示空气质量状况，而在选择进入Information界面后，可以查看到许多关于空气质量的科普短文，而Air quality通过线性时间图说明了我国对空气关注程度的发展史，给用户提供了各方面关于空气质量的信息。
参考文献：
[1]刘春兰，关靖，李铮，王海华.世界城市空气污染治理与空气质量管理研究[M].化学工业出版社，2016
[2]王作元等译.空气质量准则[M].人民卫生出版社，2003.
[3]储久良前端开发技术实验与实践HTML，CSS，JavaScript第2版[M].清华大学出版社2016.
[4]张俊梅.网络媒体设计与制作[M].中国广播电视出版社，？2016.
[5]付强主编；滕曼，楚宝临副主编.环境空气质量自动监测系统基本原理及操作规程[M].北京：化学工业出版社，2016.
[6]董天奇，李伟.基于Android系统的空气质量查询系统[J].工业控制计算机，2017.