环境保护网页设计

环境保护网页设计
摘要：人类在经过漫长的奋斗历程后，在改造自然和发展社会经济方面取得辉煌的业绩，于此同时，生态破坏与环境污染，对人类的生存和发展已构成了现实危险。

保护和改善生态环境，实现人类社会的持续发展，市全人类紧迫而艰巨的任务。

本文主要介绍了环境保护网页的设计内容、研究方法、研究思路和技术路线等内容。

关键词：环境保护；Dreamweaver技术；B/S模式
Abstract: after long struggles of human history, the transformation of nature and the social and economic development made a brilliant performance, at the same time, the ecological destruction and environmental pollution, to human survival and development has constituted a real danger. Protect and improve the ecological environment, realize sustainable development of human society, city urgent and arduous task of all mankind. This article mainly introduced the environmental protection design of webpage content, research method, research thought and technical route etc..
Key words: environmental protection; Dreamweaver technology; B/S model
目录
第一章．绪论.................................................................................................................................. .3
1.1 课题背景........................................................................................................................... .3
1.2 本课题研究的目的........................................................................................................... .3
1.3 本课题研究的意义........................................................................................................... .3
1.4 本课题的研究方法........................................................................................................... .3 第二章．Dreamweaver技术的概述 .............................................................................................. .4
2.1 Dreamweaver简介 ......................................................................................................... .4
2.2 Dreamweaver的特点 ..................................................................................................... .5 第三章．本论.................................................................................................................................. .6
3.1 设计项目的研究内容................................................................................................... .6
3.2 研究思路和技术路线................................................................................................... .7 第四章．结论.................................................................................................................................. .7
4.1 .实用价值和推广价值.................................................................................................. .7
4.2 存在的问题................................................................................................................. .7
4.3 结束语......................................................................................................................... .8 参考文献. (9)
第一章绪论
1.1 课题背景
现在B/S模式的设计与研发在网上十分流行，大学学校的资源也都通过这种形式展现出来，我们所在百度中搜索到得网页就是各种B/S模式之中最明显的一个例子。

Dreamweaver技术是通过服务器和客户端浏览器来实现数据的传输，它通过客户端实现管理、申请、提交用户信息，来完成各种功能。

随着计算机应用水平和Internet网的迅速发展，各种资源实现网络化，已经成为必然趋势。

环境保护网页可以让人们实时动态的检测所在位置的空气质量，污染指数等各方面环境信息。

1.2 本课题研究的目的
(1)掌握Dreamweaver技术的发展方向，了解B/S模式存在的优势和必然原因。

(2)熟悉编程语言及.net平台的应用。

(3)熟悉一种或几种图画制作工具，并且把它运用在实际当中。

(4)认真培养自学和独立能力，从大量资料中能够选取所需资料。

1.3 本课题研究的意义
虽然环境保护的意识已经深入人心，但是，让更多的人加入环境保护的
行动中并非一件易事。

所以想通过制作环境保护网页，让更多的人了解有关
环境保护方面的知识，为保护环境作出一份应有的贡献。

1.4 本课题的研究方法
环境保护网页的设计采用的是B/S结构。

基于Windows平台下，采用.net 技术+VB.Script完成的设计。

首先本文先从环境保护网页可实现的功能入手，简单地描述出环境保护网页准备实现的各种功能。

其次是对开发环境和工具的介绍、了解、熟悉及掌握使用它们的方法，再次运用以往学过的知识和现在准备的知识进行网页技术设计。

最后，在.net平台下，选择熟悉的语言进行环境保护网页的详细设计，对本课题进行系统的测试，找出问题，总结经验。

第二章Dreamweaver技术的概述
2.1Dreamweaver简介
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

说到MACROMEDIA公司大家不会感到陌生，著名的多媒体开发工具AUTHORWARE和DIRECTOR均出自该公司的旗下，以及目前在互联网(Internet)上越来越流行的网络多媒体开发工具FLASH也是出自该公司的旗下。

而DREAMWEAVER则是MACROMEDIA公司继FLASH以后向互联网(Internet)推出的又一梦幻工具。

DREAMWEAVER、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。

说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点：
（1）难以精确达到与浏览器完全一致的显示效果。

也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来；
（2）页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几分钟，但您要它完全符合您要求可能需要几十分钟，甚至更多时间。

而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的HTML 代码都在您的监控下产生，但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。

如何实现两者的完美结合，则既产生干净、准确的HTML代码，又具备则见则所得的高效率、直观性，一直是网页设计师梦想。

在DREAMWEAVER 之前，FRONTPAGE98一直被人们认为是最好的所见即所得网页编辑器，但是它同样继承了所见即所得的种种劣性。

但是我说过这是在DREAMWEAVER之前，现在我无意说DREAMWEAVER已经实现网页设计师的梦想，但我觉得DREAMWEAVER正在努力向这个梦想一步步走去。

2.2 Dreamweaver特点
（1）最佳的制作效率
Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop 等档案移至网页上。

使用检色吸管工具选择萤幕上的颜色可设定最接近的网页安全色。

对於选单，快捷键与格式控制，都只要一个简单步骤便可完成。

Dreamweaver 能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。

除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

（2）网站管理
使用网站地图可以快速制作网站雏形、设计、更新和重组网页。

改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。

使用支援文字、HTML码、
HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

（3）无可比拟的控制能力
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。

它包含HomeSite和BBEdit等主流文字编辑器。

帧(frames)和表格的制作速度快的令您无法想像。

进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。

所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT，Tango与自行发展的应用软体。

当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。

梦幻样版和XML Dreamweaver将内容与设计分开，应用於快速网页更新和团队合作网页编辑。

建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。

您也可以使用样版正确地输入或输出XML内容。

全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。

对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。

使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。

当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。

第三章本论
3.1 设计项目的研究内容
本文主要研究的内容是环境保护，环境是人类生存的基础，越来越多的事实证明环境的恶化给人类的生活带来严重的灾难。

如何保护环境，实现社会的可持续发展，是地球上每一个人都必须认真考虑的问题，作为2l世纪的地球公民，
我们有责任共同努力，为我们的子孙后代留下一个美好的世界。

中国的环境保护目前不是很好。

有的人会说：用水用电和我们搞环保有什么关系呢？其实，节水、节电，就是在保护我们的环境。

因为电是动力，是二次能源，它是从一次能源转化过来的。

因此想通过制作环境保护网页的形式向大家传达环境保护的重要性。

3.2研究思路和技术路线
在制作环境保护网页时参照了内蒙古自治区环境保护局-中国环保网、环境保护部-图片库、法律法规库等网页。

主要是参照了它们的网页设计布局，利用Dreamweaver技术对网页进行了设计，同时还充分利用了网页“三剑客”中的Fireswork对图片进行了相应的处理。

（1）在整个网页的编写代码制作过程中，从局部出发:从一个小的部分的样式写起,目的是让你熟悉css样式的元素有哪些，那些元素都有一些什么作用，怎么样使用这些元素，以及div+css的属性有哪些？等等这一步是基础!
比如，我有一个层,里面包括标题列表还有背景图片，层的宽度高度这些属性，还要设置标题列表的字体样式颜色等等，能用的属性都用上，从一个小的层，实现各种能表现出来的形式。

（2）整体布局很重要:有了第一步基础，你可以尝试布局框架，把网页分成一块一块，先把框框写好，各浏览器中测试不要错位了，可以先用不同的背景颜色看效果，不错位就行，框架ok了之后,这样你的而已应该就没问题了，你可以尝试更多方式写布局，两栏式，三栏式等都可以.
（3）把整体跟局部结合,也就是把你第一步中的基础东西写好，往框架的层里面填充就好了！所以第一步很关键!
第四章结论
4.1 实用价值和推广价值
环境保护网页的实用价值在于它可以让更多的人了解到环境保护的重要性，通过哪些方法可以保护环境，实时的了解各地环境保护方面的相关信息。

保护环境是每个人的职责，要想让每一个人都履行自己的职责就必须让每个人深入的了解环境方面的相关内容，我们可以将其推广到一些偏远的社区或者是山区。

4.2存在的问题
在整个网页制作的过程当中，我遇到了一些问题，其中一些已经解决，但还有一些问题未解决，现将未解决的问题列在下面：
（1）怎样测试浏览器并自动装入所需要的网页?
（2）怎样让图片纵向平铺？
（3）怎样隐藏在状态栏里出现的LINK信息?
（4）怎样在网页中加入幻灯片图片？
（5）如何使网页中的图片从左向右滚动？
4.3结束语
经过两个多月的努力，环境保护网页的设计终于完成在整个设计过程中，出现过很多的难题，但都在老师和同学的帮助下顺利解决了，在不断的学习过程中我体会到：写网页设计说明书是一个不断学习的过程，从最初刚写网页设计书时模糊认识到最后能够对该问题有深刻的认识，我体会到实践对于学习的重要性，以前只是明白理论，没有经过实践考察，对知识的理解不够明确，通过这次的亲自动手，真正做到理论与实践相结合。

总之，通过毕业设计,我深刻体会到要做好一个完整的事情，需要有系统的思维方式和方法，对待要解决的问题，要耐心、要善于运用已有的资源来充实自己。

同时我也深刻的认识到，在对待一个新事物时，一定要从整体考虑，完成一步之后再作下一步，这样才能更加有效。

通过三年的大学生活，我不仅学到了专业知识，而且我还学到了不少书本以外的知识，结识许多的朋友和老师，在此我向所有辛勤付出的老师致以最崇高的敬意！
三年的读书生活在这个季节即将划上一个句号，而于我的人生却只是一个逗号，我将面对又一次征程的开始。

三年的求学生涯在师长、亲友的大力支持下，走得辛苦却也收获满囊，我更急切地要把我的敬意和赞美献给一位平凡的人，我的导师。

我不是您最出色的学生，而您却是我最尊敬的老师。

您治学严谨，学识渊博，思想深邃，视野雄阔，为我营造了一种良好的精神氛围。

授人以鱼不如授人以渔，置身其间，耳濡目染，潜移默化，使我不仅接受了全新的思想观念，树立了宏伟的学术目标，领会了基本的思考方式，从毕业设计题目的选定到网页设计说明书写作的指导，经由您悉心的点拨，再经思考后的领悟,常常让我有“山重水复疑无路，柳暗花明又一村”。

参考文献：
[1]吴黎兵罗云芳编《网页设计教程》武汉大学出版社
[2]庄王健编《网页设计三剑客白金教程》电子工业出版社
[3]任学文范严编《网页设计与制作》中国科学技术出版社
[4]庄王健编《网页设计三剑客白金教程》电子工业出版社
[5]吴涛编《网站全程设计技术（修订本）》清华大学出版社北京交通大学出版社。