基于H5+PHP开发的环保网站系统设计含文档

• 选题背景

当今，绿色经济、循环经济成为新世纪的标志。用环保促进经济结构调整成为经济发展的必须趋势。保护环境就是保护生产力，改善环境就是发展生产力。因此，如何协调环境与经济关系，建设人与自然和谐相处的现代文明是坚持实现保护环境的基本国策的关键。

• 为什么要保护环境

谁不想让自己的家园变得更美好，更漂亮？然而，随着科学技术的发展，各种五花八门的生活垃圾越来越多，其中大多数垃圾都是会造成环境污染的。基于此，故利用所学的HTML5知识开发此网站，重在宣传环保理念，让全社会都对环保的重要性有一个全新认识。

• 设计原型图

• 首页设计效果图

• 部分代码展示

.wraper_box1 {width:100%;height:345px;background:#4bc8b6;border-bottom:2px solid #40b399;}
.wraper_box1_con {width:940px;margin:0 auto;padding:30px 0 20px 0;}
.wraper_box1_con h1 {width:100%;height:45px;line-height:45px;text-align:center;color:#fff;font-size:30px;}
.readme_box {width:940px;padding:30px 20px;line-height:2;font-size:14px;text-align:center;color:#fff;}
.big_more {width:178px;height:45px;background:#038f75;margin:0 auto;}
.big_more a {display:block;width:178px;height:45px;line-height:45px;color:#fff;font-family:Arial;font-size:18px;font-weight:bold;text-align:center;}
.graybg {background:url(../images/graybg.gif) 0 0 repeat-x #eeebe6;}
.wraper_box2 {width:100%;padding:20px 0;overflow:hidden;}
.wraper_box2_con {width:1000px;margin:0 auto;padding:0;}
.wraper_box2_con h1 {width:200px;height:45px;line-height:45px;text-align:center;color:#888;font-size:30px;margin:0 auto 10px auto;background:#eeebe6;}
.iphoto3_box {float:left;width:333px;margin:0;}
.iphoto3_box dl {width:289px;margin:0 auto;padding:0 0 8px 0;}
.iphoto3_box dl dt {width:289px;height:98px;text-align:center;}
.iphoto3_box dl dt img {width:289px;height:98px;border:none;}

.iphoto3_box dl dd {width:289px;height:126px;}
.iphoto3_box dl dd h3 {height:36px;line-height:36px;text-align:center;font-size:15px;}
.iphoto3_box dl dd h3 a {color:#038f75;}
.iphoto3_box dl dd p {text-align:center;line-height:2;color:#888;}
.imore {width:163px;height:38px;background:url(../images/more.gif);margin:0 auto;}
.imore a {display:block;width:163px;height:38px;}
.iphoto3_box1 {float:left;width:333px;margin:0;}
.iphoto3_box1 dl {width:289px;margin:0 auto;padding:0 0 8px 0;}
.iphoto3_box1 dl dt {width:289px;height:108px;text-align:center;}
.iphoto3_box1 dl dt img {width:289px;height:108px;border:none;}

.iphoto3_box1 dl dd {width:289px;height:126px;}
.iphoto3_box1 dl dd h3 {height:36px;line-height:36px;text-align:center;font-size:15px;}
.iphoto3_box1 dl dd h3 a {color:#038f75;}
.iphoto3_box1 dl dd p {text-align:center;line-height:2;color:#888;}

本套源码含PPT，任务书，以及论文，需要源码的朋友关注公众号    比特网络服务    获取，源码只供个人学习使用，请勿用作商业用途