环境保护网页设计.docx

环境保护网页设计摘要：人类在经过漫长的奋斗历程后，在改造自然和发展社会经济方面取得辉煌的业绩，于此同时，生态破坏与环境污染，对人类的生存和发展已构成了现实危险保护和改善生态环境，实现人类社会的持续发展，市全人类紧迫而艰巨的任务本文主要介绍了环境保护网页的设计内容、研究方法、研究思路和技术路线等内容关键词：环境保护；Dreamweaver技术；B/S模式Abstract:afterlongstrugglesofhumanhistory,thetransformationofnatureandthesocialandeconomicdevelopmentmadeabrilliantperformanee,atthesametime,theecologicaldestructionandenvironmentalpollution,tohumansurvivalanddevelopmenthasconstitutedarealdanger.Protectandimprovetheecologicalenvironment,realizesustainabledevelopmentofhumansociety,cityurgentandarduoustaskofallmankind.Thisarticlemainlyintroducedtheenvironmentalprotectiondesignofwebpagecontent,researchmethod,researchthoughtandtechnicalrouteetc..Keywords:environmentalprotection;Dreamweavertechnology;B/Smodel目录第一章.绪论31.1课题背景31.2本课题研究的目的31.3本课题研究的意义31.4本课题的研究方法3第二章.Dreamweaver技术的概述42.1 Dreamweaver简介4Dreamweaver的特点5第三章.本论63.1 设计项目的研究内容6研究思路和技术路线7第四章•结论74.1 .实用价值和推广价值74.2 存在的问题7结束语8参考文献....9第一章绪论1.1 课题背景现在B/S模式的设计与研发在网上十分流行，大学学校的资源也都通过这种形式展现出来，我们所在百度中搜索到得网页就是各种B/S模式之中最明显的一个例子。

Dreamweaver技术是通过服务器和客户端浏览器来实现数据的传输，它通过客户端实现管理、申请、提交用户信息，来完成各种功能随着计算机应用水平和Internet网的迅速发展，各种资源实现网络化，已经成为必然趋势环境保护网页可以让人们实时动态的检测所在位置的空气质量，污染指数等各方面环境信息本课题研究的目的⑴掌握Dreamweaver技术的发展方向，了解B/S模式存在的优势和必然原因⑵熟悉VB.NET编程语言及.net平台的应用3) 熟悉一种或几种图画制作工具，并且把它运用在实际当中4) 认真培养自学和独立能力，从大量资料中能够选取所需资料1.2 本课题研究的意义虽然环境保护的意识已经深入人心，但是，让更多的人加入环境保护的行动中并非一件易事所以想通过制作环境保护网页，让更多的人了解有关环境保护方面的知识，为保护环境作出一份应有的贡献1.3 本课题的研究方法环境保护网页的设计采用的是B/S结构基于Windows平台下，采用.net技术+VB.Script完成的设计首先本文先从环境保护网页可实现的功能入手，简单地描述出环境保护网页准备实现的各种功能其次是对开发环境和工具的介绍、了解、熟悉及掌握使用它们的方法，再次运用以往学过的知识和现在准备的知识进行网页技术设计。

最后，在.net平台下，选择熟悉的语言进行环境保护网页的详细设计，对本课题进行系统的测试，找出问题，总结经验2.1 第二章Dreamweaver技术的概述Dreamweaver简介Dreamweaver是美国MACROMED公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页说到MACROMEDIA司大家不会感到陌生，著名的多媒体开发工具AUTHORWA和EDIRECTO均出自该公司的旗下，以及目前在互联网（Internet）上越来越流行的网络多媒体开发工具FLASH也是出自该公司的旗下而DREAMWEAVS是MACROMED公司继FLASH以后向互联网（Internet）推出的又一梦幻工具DREAMWEAVERLASH以及在DREAMWEAVS后推出的针对专业网页图像设计的FIREWORKSE者被MACROMED公司称为DREAMTEA梦之队），足见市场的反响和MACROMED公司对它们的自信说到DREAMWEAVE们应该了解一下网页编辑器的发展过程，随着互联网（Internet）的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WOR中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点：1）难以精确达到与浏览器完全一致的显示效果也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来；（2）页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几分钟，但您要它完全符合您要求可能需要几十分钟，甚至更多时间而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的HTML代码都在您的监控下产生，但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率如何实现两者的完美结合，则既产生干净、准确的HTML弋码，又具备则见则所得的高效率、直观性，一直是网页设计师梦想在DREAMWEAVER之前，FRONTPAGE一直被人们认为是最好的所见即所得网页编辑器，但是它同样继承了所见即所得的种种劣性但是我说过这是在DREAMWEAVE前，现在我无意说DREAMWEAVER实现网页设计师的梦想，但我觉得DREAMWEAVE在努力向这个梦想一步步走去。

Dreamweaver特点（1）最佳的制作效率Dreamweave可以用最快速的方式将Fireworks，FreeHand,或Photoshop等档案移至网页上使用检色吸管工具选择萤幕上的颜色可设定最接近的网页安全色对於选单，快捷键与格式控制，都只要一个简单步骤便可完成Dreamweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化2）网站管理使用网站地图可以快速制作网站雏形、设计、更新和重组网页改变网页位置或档案名称，Dreamweaver会自动更新所有连结使用支援文字、HTM码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单3) 无可比拟的控制能力Dreamweave是唯一提供RoundtripHTML视觉化编辑与原始码编辑同步的设计工具它包含HomeSite和BBEdit等主流文字编辑器帧(frames)和表格的制作速度快的令您无法想像。

进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页梦幻样版和XMLDreamweaver将内容与设计分开，应用於快速网页更新和团队合作网页编辑建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式您也可以使用样版正确地输入或输出XML内容全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上对于cascadingstylesheets的动态HTMl支援和鼠标换图效果，声音和动画的DHTM效果资料库可在Netscape和Microsoft浏览器上执行。

使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何当有新的浏览器上市时，只要从Dreamweave啲网站在下载它的描述档，便可得知详尽的成效报告第三章本论3.1设计项目的研究内容本文主要研究的内容是环境保护，环境是人类生存的基础，越来越多的事实证明环境的恶化给人类的生活带来严重的灾难如何保护环境，实现社会的可持续发展，是地球上每一个人都必须认真考虑的问题，作为2l世纪的地球公民，我们有责任共同努力，为我们的子孙后代留下一个美好的世界中国的环境保护目前不是很好有的人会说：用水用电和我们搞环保有什么关系呢？其实，节水、节电，就是在保护我们的环境因为电是动力，是二次能源，它是从一次能源转化过来的因此想通过制作环境保护网页的形式向大家传达环境保护的重要性3.2 研究思路和技术路线在制作环境保护网页时参照了内蒙古自治区环境保护局-中国环保网、环境保护部-图片库、法律法规库等网页主要是参照了它们的网页设计布局，利用Dreamweaver技术对网页进行了设计，同时还充分利用了网页“三剑客”中的Fireswork对图片进行了相应的处理1）在整个网页的编写代码制作过程中，从局部出发:从一个小的部分的样式写起,目的是让你熟悉css样式的元素有哪些，那些元素都有一些什么作用，怎么样使用这些元素，以及div+css的属性有哪些？等等这一步是基础!比如，我有一个层,里面包括标题列表还有背景图片，层的宽度高度这些属性，还要设置标题列表的字体样式颜色等等，能用的属性都用上，从一个小的层，实现各种能表现出来的形式。

2）整体布局很重要:有了第一步基础，你可以尝试布局框架，把网页分成一块一块，先把框框写好，各浏览器中测试不要错位了，可以先用不同的背景颜色看效果，不错位就行，框架ok了之后,这样你的而已应该就没问题了，你可以尝试更多方式写布局，两栏式，三栏式等都可以.（3）把整体跟局部结合,也就是把你第一步中的基础东西写好，往框架的层里面填充就好了！所以第一步很关键!第四章结论4.1实用价值和推广价值环境保护网页的实用价值在于它可以让更多的人了解到环境保护的重要性，通过哪些方法可以保护环境，实时的了解各地环境保护方面的相关信息保护环境是每个人的职责，要想让每一个人都履行自己的职责就必须让每个人深入的了解环境方面的相关内容，我们可以将其推广到一些偏远的社区或者是山区4.2 存在的问题在整个网页制作的过程当中，我遇到了一些问题，其中一些已经解决，但还有一些问题未解决，现将未解决的问题列在下面：（1）怎样测试浏览器并自动装入所需要的网页?（2）怎样让图片纵向平铺？（3）怎样隐藏在状态栏里出现的LINK信息?（4）怎样在网页中加入幻灯片图片？（5）如何使网页中的图片从左向右。