3
环境时空网站的主旨在唤起人类爱护地球、保护家园的意识，促进资源开发与环境 保护的协调发展。其目的是向社会公众普及地学知识，加强全社会对地学的认识和有效 利用，提高公众对资源国情的认识，实现人与自然和谐发展。
第二章 开发与设计 2.1 开发技术
(1)Dreamweaver 是美国 MACROMEDIA 公司开发的集网页制作和管理网站于一身的所 见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工 具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
(3)JavaScript Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化 继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务 器端语言，比如 Perl，遗留的速度问题，为客户提供更流畅的浏览效果。当时服务端需 要对数据进行验证，由于网络速度相当缓慢，只有 28.8kbps，验证步骤浪费的时间太多。 于是 Netscape 的浏览器 Navigator 加入了 Javascript，提供了数据验证的基本功能。
1.2 环境时空网站开发价值 加强环境保护是落实科学发展观的重要举措，是全面建设小康社会的内在要求，是
坚持执政为民、提高执政能力的实际行动，是构建社会主义和谐社会的有力保障。加强 环境保护，有利于促进经济结构调整和增长方式转变，实现更快更好地发展；有利于带 动环保和相关产业发展，培育新的经济增长点和增加就业；有利于提高全社会的环境意 识和道德素质，促进社会主义精神文明建设；有利于保障人民群众身体健康，提高生活 质量和延长人均寿命；有利于维护中华民族的长远利益，为子孙后代留下良好的生存和 发展空间。因此，必须用科学发展观统领环境保护工作，痛下决心解决环境问题。
jQuery 是继 prototype 之后又一个优秀的 Javascrīpt 框架。其宗旨是——W RITE LESS,DO MORE,写更少的代码,做更多的事情。
它是轻量级的 js 库(压缩后只有 21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）
<input type="text" name="用户名" value="" size="10" /> 密 码： <input type="password" name="密码" value="" size="10" /> <br /> <br /> <a class="bt" href="#" target="_blank" >设为首页</a><img src="img/首页.gif" /> <input type="submit" name="注册" value="注册" /> <input type="submit" name="提交" value="登陆" /> </td> </tr> </table> 效果如下图：
html 文档示例： ＜html＞ ＜head＞
4
＜title＞标题＜title＞ ＜/head＞ ＜body＞
插入图片 ＜img src=”图形文件名”＞ 定义表格 ＜table＞……….＜/table＞ 有序号的清单 ＜ol＞ ＜li＞项目 1 ＜li＞项目 2 ＜li＞项目 3 ＜/ol＞ 无序号的清单 ＜ul＞ ＜li＞项目 1 ＜li＞项目 2 ＜li＞项目 3 ＜/ul＞ 定义式清单 ＜dl＞ ＜dt＞项目 1 ＜dd＞项目 1 说明 ＜dt＞项目 2 ＜dd＞项目 2 说明 ＜dt＞项目 3 ＜dd＞项目 3 说明＜/dl＞ ……….文件内容………. ＜/body＞ ＜/html＞
定义内部样式块对象
定义内部样式块对象 (Embedding a Style Block) 你 可 以 在 你 的 HTML 文 档 的 <HTML> 和 <BODY> 标 记 之 间 插 入 一 个 <STYLE>...</STYLE>块对象。 示例如下：
5
<html> <style type="text/css"> <!-body {font: 10pt "Arial"} h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon} h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue} p {font: 10pt/12pt "Arial"; color: black} --> </style> <body>
用绿色，突出环保的主题。 总体布局如下图：
2.3 详细设计 具体共制作六张网页，index,index1 insex2,index3，index-a,index-b 以首页 index 为例子 (1).Header 部分在盒模型中用表格制作，代码如下： <table border="0" width="780" id="table1" cellspacing="1" cellpadding="1" height="46">
第一章 绪论 1.1 开发背景
自从本世纪 20 年代以后，世界性环境污染威胁着人类的安全。同时人们逐渐认识 到，威胁人类生存的不仅仅是局部地区，而是更大的范围甚至是全球环境污染。环境是 人类生产和生活中与之发生联系的自然因素的总和，人类的活动必然对这些因素造成或 多或少的影响。 我国在 2001 年加入世界贸易组织，发达国家会要求我们执行与之同样 的高环境标准。因此，WTO 的一些绿色条款，就要求国内企业提高环境保护意识，加大 环境保护方面的投入，建立环境管理体系，持续改善环境行为，以提高产品的国际竞争 力。从经济观角度，可持续发展主张在保护地球上自然系统的基础上经济持续增长；从 自然观角度，可持续发展主张人与自然和谐发展。
网页设计与制作设计说明书
姓 名：
赵伟
学 号： 20070570106
班 级：机电工程学院 07 金属本
指导教师：
刘艳
完成日期： 2010/6/26
1
目录 摘要....................................................................................................................................3 第一章 绪论.............................................................3
<tr bordercolor="#000000">
7
<td width="100" background="img/004.jpg"><img src="img/CkKyMNskiH.jpg" align="left" /></td>
<td width="120" ><img src="img/logo 副本.jpg" /></td> <td align="center" background="img/004.jpg"> 用户名：
1.1 开发背景..............................................................................................................3 1.1 环境时空网站开发价值.....................................................................................3 第二章 开发与设计..........................................................................................................4 2.1 开发技术.............................................................................................................4 2.2 总体设计.............................................................................................................5 2.3 详细设计.............................................................................................................7 总结..................................................................................................................................12 参考文献..........................................................................................................................12
