文档介绍：网页设计与制作设计说明书
姓名:
学号:
班级:
指导教师:
完成日期: 2010/10/19
目录
摘要 3
第一章绪论 3
3
环境时空网站开发价值 3
第二章开发与设计 4
开发技术 4
总体设计 5
详细设计 7
总结 12
参考文献 12
摘要
随着人类生活的发展,提倡绿色生活,低碳经济。我们越发感到环境给我们带来的压力和责任。为了更好的加入到环保的的大军,环境时空网基于网页制作软件,给大家做出简单明了的环保网页,介绍环保的历史发展,生活中环保的小知识,以及和我们息息相关的生活-----衣食住行中的环保知识,环保的法律政策。希望通过本网站的宣传,提升我们每个人的环保理念,做一个环保的好公民。
同时,在第二章的内容中,简单的介绍软件Dreamweaver CS3 的操作和代码含义,软件Photoshop的简单操作和javascript语言和CSS的应用,目的在于了解简单静态网页的制作和排版。
最后总结出此次制作网页全过程的心得体会,为以后的网页制作积累经验。
第一章绪论

自从本世纪20年代以后,世界性环境污染威胁着人类的安全。同时人们逐渐认识到,威胁人类生存的不仅仅是局部地区,而是更大的范围甚至是全球环境污染。环境是人类生产和生活中与之发生联系的自然因素的总和,人类的活动必然对这些因素造成或多或少的影响。我国在2001年加入世界贸易组织,发达国家会要求我们执行与之同样的高环境标准。因此,WTO的一些绿色条款,就要求国内企业提高环境保护意识,加大环境保护方面的投入,建立环境管理体系,持续改善环境行为,以提高产品的国际竞争力。从经济观角度,可持续发展主张在保护地球上自然系统的基础上经济持续增长;从自然观角度,可持续发展主张人与自然和谐发展。
环境时空网站开发价值
加强环境保护是落实科学发展观的重要举措,是全面建设小康社会的内在要求,是坚持执政为民、提高执政能力的实际行动,是构建社会主义和谐社会的有力保障。加强环境保护,有利于促进经济结构调整和增长方式转变,实现更快更好地发展;有利于带动环保和相关产业发展,培育新的经济增长点和增加就业;有利于提高全社会的环境意识和道德素质,促进社会主义精神文明建设;有利于保障人民群众身体健康,提高生活质量和延长人均寿命;有利于维护中华民族的长远利益,为子孙后代留下良好的生存和发展空间。因此,必须用科学发展观统领环境保护工作,痛下决心解决环境问题。
环境时空网站的主旨在唤起人类爱护地球、保护家园的意识,促进资源开发与环境保护的协调发展。其目的是向社会公众普及地学知识,加强全社会对地学的认识和有效利用,提高公众对资源国情的认识,实现人与自然和谐发展。
第二章开发与设计

(1)Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
html文档示例:
<html>
<head>
<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>
(2)常用网页存在的两种种CSS方式
链入外部样式表
链入外部样式表(Linking to a Style Sheet)
先建立外部样式表文件(.css),然后使用HTML的link对象。示例如下:
<head>
<title>title of article</title>
<link rel=stylesheet href="" type="text/css">
</head>
定义内部样式块对象
定义内部样式块对象(Embedding a Style Block)
你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>...</STYLE>块对象。
示例如下:
<html>
<style type="text/css">
<!--