一． 前言
20 世纪以来，科技进步和社会生产力的提高，使人类得以创造出前所未有的物质财富。但与此同时，人口剧增、资源过度消耗、环境污染。生态破坏、国家或地区之间贫富差距扩大等全球性问题也日益突出，严重阻碍了人类社会的长远发展和生活质量的提高，甚至对人类未来的生存和发展构成了威胁。特别是这几年地球生态环境被破坏很大，造成了很多的水土流失，动物灭种，自然灾害频繁发生，从那年的干旱开始这几年出现了洪水、雪灾、地震差不多每年都会出现一次重大的自然灾害。这就是人类破坏了自然的后果，做这个网站就是为了提倡大家关爱自然，尊重生命，保护自然环境，维护生态平衡，毕竟我们只有一个地球。
二． 总体设计
做网站前我浏览了国家环保局的网站与各种关于环境保护的网站，最后我、确定我的网站主要实现让人们可以从我的网站了解环保法规、了解环保知识、宣传环保广告等功能，确定了网站要实现的功能后，就是着手画网站草图了，浏览与参考了很多网站后终于成功画出网站的草图，并根据草图最终完成网站制作。网站逻辑图如下
三． 详细设计
1.草图的设计，浏览了各大环保网站后,我已在心中确定了我的环保网站的大体布局,并成功的建立网站草图.
2.布局的规划，第一步新建“HTML” 在新建的空白网页的”工具栏”选项卡中选中”布局”由于在网页中”层”不好固定位置,所以我选用表格布局,进入布局模式选用”绘制布局单元格”在空白网页中根据先前设计的个人网站草图绘出网页的框架. 根据个人网站显示的需要更改表格布局的属性值, 最后成功完成了网站主页的布局设计,并根据需要调整好页面的布局表格属性值.
网站的布局
3. 网页背景的设计
a.打开Adobe Photoshop CS2根据网页页面的要求建立相应大小的空白图片,然后在新建的图片上进行处理.
b.使用各工具对网页背景的大体颜色进行喷绘,为使网站的背景颜色不会太过死板生硬,将各工具的”硬度”调整为0.
c.使用Adobe Photoshop CS2中的钢笔路径工具裁取网页背景所需要的装饰图片
1.打开需要抠图的图片在Adobe Photoshop CS2的工具栏上选中”钢笔”工具并将其改为”路径描点”模式.
2.使用钢笔工具描出需要抠取图片,描点完成后同时按住键盘上”ctrl”+”enter”完成路径的合并,将图选中.
3.切换到刚刚新建的网站背景图,将刚刚抠取的图片粘贴进去.
4.重复抠图步骤剪取背景所需的各种装饰图.对网站背景进行美化.
最后运用了Adobe Photoshop CS2将所有网页页面的背景模板都按照草图要求美化。完成了整个网站各页面的背景模板的美化设计.
我设计的网页背景图
4.网页模板的建立，由于网站有很多网页是用的同一种风格，所以建立网页模板可以节省很多时间与精力，模板是做好一个网页的母版后，选择“文件“里的”另存为模板“，如果计算机以前没有建立站点，存模板时会提示建立站点，站点的文件夹要设为网页保存的文件夹，最后成功的建立了模板并运用模板建立了多个子网页。
网站的模板
5.广告页面flash的设计，1．打开Flash，在开始页上选择“从模板创建”中的“幻灯片演示文稿”，在弹出的对话框中选择一模板，如“科技幻灯片演示文稿”，然后“确定”即可。如果没有开始页，不要紧，可以单击菜单“文件”中的“新建”，也可出现该对话框。2．打开后如下图所示，在Flash中的幻灯片和PowerPoint结构略有不同，它是一个倒挂的树形结构。树根只有一个，在幻灯片演示中一直存在，一般用来做背景；同级之间是兄弟关系，默认情况是“替换”，也就是说第二张幻灯片如果与第一张幻灯片同在一级，当第二张幻灯片出现时，第一张幻灯片消失；还有上下级关系，与上级之间默认情况是“叠加”关系，也就是说，如果第二张幻灯片是第一张幻灯片的下级，当第二张幻灯片出现时，它是加在第一张幻灯片上面的。3．当然，模板给的幻灯片个数可能与所需幻灯片不一样，也可以自己添加幻灯片或删除它。在需要添加或删除的幻灯片上单击鼠标右键，如下图，可以很方便地添加或添除它。当选择“插入屏幕”时，插入的幻灯片与所选幻灯片同级并在所选幻灯片的下方；当选择“插入嵌套屏幕”时，插入的幻灯片与所选幻灯片是下级关系。好了，只要将每张幻灯片变成自己的内容，然后选择“文件->存盘”，再选择“文件->发布”，就会在保存文件的位置发现一个同名的swf文件，这就是制作出的幻灯片文件了。
四． 心得体会
做完这个网站,让我真正的认识到一个成功的网站，先期的准备工作是很重要的，好的开始等于成功的一半。选择这个环保网站的建设的样式后，就要为目标而努力了。熟练掌握网页设计和图形处理的技巧是必须的，但经验是在实战中获得的，我们虽然刚开始学也不必因此而畏惧退缩，多多练习才会有提高。网站建设最重要的莫过于两个问题：设计和内容，素材的准备.
1、设计的要求：
第一、导航清晰，布局合理，层次分明，页面的链接层次不要太深，尽量让人第一眼看清网站的大体.
第二、保持统一的风格，有助于加深访问者对的网站的印象。要实现风格的统一，不一定要把每个栏目做得一模一样，举个例子来说，可以尝试让导航条样式统一，各个栏目采用不同的色彩搭配，在保持风格统一的同时为网站增加一些变化.
第三、色彩和谐、重点突出：在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美观的页面.
第四、界面清爽：要吸引访问者长时间的停留在的网站，千万不能让用户第一眼就感觉压抑。大量的文字内容要使用舒服的背景色，前景文字和背景之间要对比鲜明，这样访问者浏览时眼睛才不致疲劳。
第五、坚持原创：刚开始学做主页时，适当模仿别人的优秀设计是可取的，但模仿绝不等同于抄袭，一定要把握好其中的尺度。设计是这样，内容的选取也是如此，多一些原创的内容，的主页才会带有更多的个性色彩；
第六、动态效果不宜太多：适当的动态效果可以起到画龙点睛的作用，过多的动态效果会让人眼花缭乱而抓不住主题。
2、技术运用中要注意的一些事项：
第一、明确技术是为设计服务的，不要沉迷于技术的运用，坚决摒弃那些华而不实的特效；
第二、先为站点定义好统一的外部CSS，内部页面都调用这个CSS，这样不但可以让的网页在浏览器改变设置时不变形，还有助于保持整个站点的风格统一，并且方便修改；
第三、不要打开过多的新窗口，每个链接都会打开不同的新窗口尤其让人反感；
第四、图象的制作要兼顾大小和美观，图片和文字的混排、图片的合理压缩可以让页面美观而且文件小巧。即使是个性十足的设计站点，浪费太多的时间在页面下载上也会令人生厌；
3.加深了网站设计的技术熟悉
这次对网站的设计让我对各种网站设计的技术和网站设计中应注意的问题以及网站设计中所运用的工具更加的了解与熟练.
1） 站点名称：必须为自己的站点命名，名称要紧扣站点主题2） 站点文件夹：以个人学号姓名命名，图片放在images文件夹中，主页以index命名，其他文件夹自己命名，但以英文字母命名，网页文件也要以英文字母命名。
3） 站点类型：一律为静态站点
4） 站点结构：分类存放在网站中的资源，一律以目录树结构表示并说明文件夹的用途
5） 站点地图：以结构图方式给出网页的名称和各网页间的超级连接
1. 网站内容要求：
1）网站至少要有8个页面，可以用表格等布局工具进行统一布局
2）网站的站标要显示自己的个性图像，网站名称自己命名，要跟网站的主题一致。
3）每个主页要有适当的标题，导航条。注意：网页标题是指显示在浏览器标题栏上的文字，而不是网页中的段落标题。每个网页都能够返回上一级页面或主页。
4）网页中必须要有一个个人的自我介绍
5）网站中使用的工具应尽量包括本学期所学，如使用框架、表格、表单、css样式、行为、热点链接、锚点连接，flash播放、图像查看器等。
去这里: http://xumin.vip.sina.com/green/zhishi/index.htm# 有更多哦. http://www.chinaenvironment.com/ 中国环保网http://zhidao.baidu.com/question/7857199.html 环保口号http://www.greenhome.net.cn/index_zlk.htm 环保资料库http://env.people.com.cn/GB/41909/42115/index.html 环境知识http://theglobe.ep.net.cn/index04.htm 环保资料库http://zhidao.baidu.com/question/6655957.html 室内环保 金点子一： 我们所关注的环境问题： 植物是地球最宝贵的财富，我们学生的用纸浪费现象很严重，造纸的原料很多都来自于植物，会导致对生态平衡的破坏。一些生活中的木制易耗品也要注意恰当使用。 我们认为可以改进的方法： 1、 将旧练习本中未用完的纸张装订起来，做草稿本， 2、 收集用过的草稿纸和旧作业本及试卷，找到合适的途径，送到造纸厂重新加工成可以使用的纸张。 3、 节约用纸，把草稿纸写满，不要只写几个数字就扔掉。 4、 尽量节约用纸，无论是手纸还是餐巾纸，能用手帕代替的就用手帕代替。 5、 在废报纸上练习写毛笔字和画国画。 6、 有些包装纸，可以做成手工艺品，美化生活。 7、 尽量不用一次性碗筷。 8、 方便筷或竹签使用后可以回收利用，做成工艺品。 9、 不要用机械的方法破坏、损害树木。 10、 多种植植物。 11、 把装修中剩余的木头、木屑送去造纸厂，减少砍伐树木的数量。 12、 和日本人一样，珍爱自己国家的每一棵树，用法律来规范人们的保护意识。 我们的改进方案所面临的问题： 1、 大家没有重视对植物的保护。 2、 用过的废纸没有恰当的去处。 3、 同学们有大手大脚的坏习惯。 金点子二： 我们所关注的环境问题：水资源的紧缺 我们认为可以改进的方法： 1、 可以把用过的但相对比较干净的水冲马桶、擦地板或者浇花。 2、 用水间歇可以把水龙头关上，避免不必要的浪费。 3、 少量的衣服用手洗，避免洗衣机洗时使用大量的水。 4、 洗澡时，将开头空房的冷水积蓄起来，可以洗衣服或别的用场。 我们的改进方案所面临的问题： 1、等待二次使用的水平时放在哪里。 金点子三： 我们所关注的环境问题：电资源的节约使用 我们认为可以改进的方法： 1、 没人或没必要的时候，不开灯、不使用空调。 2、 离开房间后随手关灯。 3、 同一个房间，在采光情况良好的情况下，不用开两盏灯。 我们的改进方案所面临的问题： 同学们有认识上的误区，认为只要我付得起电费，让自己舒服一点，多用点电有什么关系。 金点子四： 我们所关注的环境问题：塑料袋的使用 我们认为可以改进的方法： 1、 不随便扔塑料袋，对大自然有害。 2、 超市里的塑料袋可以当垃圾袋。 3、 买菜时少要塑料袋，或自备布袋或篮子。 我们的改进方案所面临的问题： 大家图方便和美观，不愿意使用布袋或篮子。 金点子五： 我们所关注的环境问题：节约汽油，保护环境 我们认为可以改进的方法： 1、 能坐公交车上下学的，就不用专车接送。 2、 去很近的地方办事，就步行或骑自行车去。既环保又锻炼身体。 我们的改进方案所面临的问题： 1、 学习太紧张，时间不多。 2、 同学们有虚荣心，觉得家中有汽车接送才够档次，如果坐公交车有些丢人。 http://www.vks.cn/temp/hl_site/hl/read1.asp?s=%B0%E0%BC%B6%D0%C2%CE%C5&id=6031、每天都该是“水日”——不要只是在水日我们才想起重视水，节约水，生活里的每一天都应该是“水日”。 2、能骑车就别开车，不开车上班有奖。 3、遵从自然的法则，让落叶堆肥，不焚烧落叶。 4、安装节水龙头，使用节水马桶。 5、用柠檬，植物等替代空气清新剂。 6 去图书馆或上网查找环保资料，每人做几个绿色小书签，大家交流。 7、每出生一个孩子，父母都为他种植一棵同龄树。 8、“口下留情”，“食有禁忌”，不吃野生动物。 9、尽可能多地走进大自然，和鸟儿一道唱歌，同蝴蝶一道飞舞，与鱼儿一道戏水，激发热爱自然的环境意识。 10、设个“班级环保奖”，在班级成员中开展“节约一滴水、一度电、一张纸，不践踏草坪，不乱扔垃圾，不随地吐痰”等活动，进行日记录、周讲评、月总结，奖优罚劣。 http://www.bcct.com.cn/bluecat/daily/read_xy.jsp?dailyid=1379家庭垃圾 环保处理 活用广告单，减少垃圾量 平时，信箱、报纸中常会夹杂许多广告单。如果这些广告单为单面印刷，可以利用其空白面当备忘纸使用。 对于那些两面都印了字的广告单，可以将其衬在垃圾桶中，也可以将其折叠成纸盒状，放在餐桌上装果皮、菜屑和鱼骨等。使用后包成一团丢弃即可，既实用方便，又可防止蚊蝇滋生或产生臭味。 不购买使垃圾增量的物品 现在，有些商品的包装非常复杂，作为消费者，应该有意识地避免购买这类产品。而且，在超市购物时，应尽量少要包装袋，也应尽量少买用塑料瓶包装的产品。 减少厨房湿垃圾 厨房垃圾若含有水分，不但会增添垃圾处理的难度，而且容易让污水流出并散发恶臭。所以，处理厨房垃圾时，如果垃圾水分很多，最好先用旧报纸等把水分吸附一下，再用纸包裹起来丢弃。 慎重处理有害垃圾 日光灯、干电池、体温计等物品，都是可能造成水银污染的有害垃圾，应尽量送到回收这类东西的地方回收利用，以减少对生态环境的破坏。如果找不到回收的地方，在丢弃日光灯、体温计等垃圾时，至少应用废纸把垃圾包裹起来，并在上面明显处标示“危险”字样。 留意可能造成危险的垃圾 各种喷雾罐丢弃后，若罐内仍残留有气体，很容易引发爆炸，危害公共安全。所以，各种喷雾罐包装的物品(如摩丝、杀虫剂等)，在丢弃前请先在罐上方做打洞处理。 碎玻璃、针和刮胡子刀片等小型危险物品，最好先放入空罐内，盖上盖儿，用胶带把盖儿固定后，再丢弃。 镜子、陶瓷器皿等可能割伤人的废弃物，则应包裹好，并在明显处标明“危险”字样后，再丢弃。 空瓶子可作为资源回收 各种空瓶子应尽量送到资源回收点，而不要任意丢弃。方法是取下瓶盖儿，将瓶子冲洗一下，然后再按颜色分门别类，以方便再生处理。 布类旧物可再利用或做慈善捐赠 破旧的床单、窗帘和毛巾等，可剪裁后当抹布使用。 还能穿的旧衣物，请不要丢弃，而应将其洗净后收起来，一旦有做慈善捐赠的机会，再拿出来做捐赠。 环保金点子： 废物清洁 碎蛋壳可用来清洗细口瓶，方法是把碎蛋壳和一些水注入瓶中，然后堵住瓶口，高速晃动。苹果核儿或准备丢弃的菜屑，可用来清除厨房操作台面的污垢或排水口的黏液。洗米水虽然有去除油污的效果，但由于这样做会污染水质，所以最好用洗米水来浇花。煮完面条、饺子等的面汤，可以用来清洗餐具，或作为除草剂。 废物美容 用蛋壳上残留的蛋白来敷眼角，可以减少眼角的鱼尾纹；用剩醋在洗发时当润发精；用喝剩的白酒或清酒当护手液，可防止双手粗糙干裂；把橘子皮、萝卜叶晒干后，放入布袋用来泡澡，可保健肌肤。 奶油再利用 不少人嫌蛋糕上的奶油太腻，在吃蛋糕时会将其刮去扔掉，太可惜了!其实，如果嫌奶油太腻，可以将奶油刮掉后放起来，等日后家里做面食的时候，再把它们和入面中。这样不仅避免了浪费，还会使面食的味道更好。
