保护海洋生物的网站的设计与制作毕业设计说明书
目 录
一、引言 2
（一） 开发背景 2
（二） 选题意义 2
二、需求分析 2
（一） 可行性分析 2
三、开发工具介绍 3
四、网站设计 3
（一） 网站结构图 3
（二） 网站LOGO 3
（三） 网页布局 4
1. 主页 4
2. 子页 4
五、网站实现 5
（一）一级页面 5
（二）二级页面 5
（三）三级页面 8
1. 实施对策 8
2. 污染因素 9
（四）特效的运用 10
1. 大屏切换 10
2. 图片点击页面跳转 10
3. 图片点击放大 11
六．总结 12
谢辞 13
参考文献 14
附录 15
保护海洋生物的网站
The Design of?protecting Marine life website
To protect Marine life website for people to understand the present status of Marine life: now more and more Marine organisms are endangered, because of the human by the fishing and the change of the Marine environment, make a lot of Marine organisms living environment is be *好棒文|www.hbsrm.com +Q: *351916072*
coming worse, ubiquitous fish before, now has become a rare species. Human has much effect on the Marine life, on the one hand, now many factories will reduce the industrial sewage directly into the ocean, bring pollution, we should be in the long run, not only immediate interests. Human overfishing on the other hand, their fins, oil and other precious resources, such excessive killing, diminished the Marine fish species. In addition with the constant change of global climate, Marine life will also be affected. Are to do the site in order to called on people to protect the Marine environment, protect the Marine life, starts from me.
【 key words 】Protection, ocean, biological, and websites
一、引言
开发背景
国际互联网是人们了解关于海洋生物相关知识的良好渠道，由于网站在宣传方面有着比传统媒体更好更快的优势，所以本课题选择网站作为宣传平台，让人们及时了解正在发生的与海洋相关的事件。我们相信人们对海洋生态的破坏，是他们对相关知识极度匮乏的体现，可能有人认为，海洋那么大，它的生物资源肯定是取之不尽用之不竭的，所以也就肆无忌惮的开展捕捞。其实不然，对海洋生物资源的无序开发也会使其有枯竭的一天。如果现在不采取行动保护她们，不久之后，我们只能在书里面看到海洋生物了，所以说，保护海洋生物从现在做起，刻不容缓。
选题意义
之所以选择做保护海洋生物的网站不仅因为自己本身对于海底生物的喜爱，更重要的是想让更多的人参与进来，一起保护我们的海洋生态环境。海洋是生命之源，地球上71%都是海洋，海洋里生活着各种生物，不过由于人类的活动对其影响，很多生物也已经濒临灭绝。希望通过网站，让大家了解海洋生物，了解它们的生活环境，呼吁人们保护海洋生物，参加一些保护海洋生物的活动。并对污染海洋和肆意捕杀海洋生物的行为进行警示。
二、需求分析
可行性分析
保护海洋生物的网站先是从介绍海洋生物开始的，让我们了解到海洋里各种各样的神奇物种，让我们看到一个丰富多彩的海底世界。由于现在的网络信息传播速度很快，所以说网站的建立，能让更多人快速了解我们所要展现的海洋世界。网站里的内容也力求丰富，既有图片文字的搭配，还有各种特效，让看的人不会觉得单调。通过浏览网站，我们会发现海洋的美丽和重要性，通过网站把保护海洋生物的知识广泛普及，从而减少破坏海洋生物的行为。通过我们发布在网站里的内容，浏览者可以及时联系到相关的部门，从而有助于制止破坏海洋环境的行为。
三、开发工具介绍
网站制作所用到的软件有EditPlus 3，Photoshop和Javascript。网站的结构和框架用到了EditPlus 3，这个工具能帮助我们设计出网页的内容布局和网页的框架构造。Photoshop则是用来对logo和图片进行处理，还有对每个网页的规划设计，在做网站的时候首先就要在Photoshop里面先布局内容，然后方便我们制作每个页面。Javascript的用处则是，做一些动态的特效，让网页更加绚丽。这些工具都是在做网站中不可或缺的。
JavaScript可以方便操纵页面中的对象，可以通过代码来实现网站页面中的各种特效。而网站的代码是在EditPlus 3里面编写的，这个工具很好，能够提示你出错的信息，并且可以立刻运行代码，在网页中看到效果。
四、网站设计
网站结构图
网站由主页、基本介绍、相关内容、海洋生物、联系我们五个部分组成。
如图4-1所示。
网站LOGO
因为是保护海洋生物的网站，所以网站的logo也是用了一条鱼的形象，还有下面的英文BLUE OCEAN的意思是蓝色海洋，它整体也是蓝色的，通过Photoshop的处理让它有了阴影的效果，会显得更加立体。从最终网站呈现的效果来看这个logo与网站主题相适应，效果良好。如图4-2所示。
Logo
导航
内容
内容
版权
（3）海洋生物页面（如图5-4）
这个页面主要介绍海洋生物，给我们展示了各种各样的海洋生物的图组，通过每个图片的链接效果，可以更加详细的了解海洋生物。别的方面没有做什么特别的介绍，具体呈现的效果如图5-4所示。
4.折叠文字
在污染因素这个页面，主要介绍了人类对海洋的污染和过度捕捞，昔日的渔场现在已经枯竭，要想资源不断就不能连根拔起。在这个页面，做了一个折叠的特效，点击加号按钮就可以看到下面主要介绍的文字。如图5-13所示
一、引言 2
（一） 开发背景 2
（二） 选题意义 2
二、需求分析 2
（一） 可行性分析 2
三、开发工具介绍 3
四、网站设计 3
（一） 网站结构图 3
（二） 网站LOGO 3
（三） 网页布局 4
1. 主页 4
2. 子页 4
五、网站实现 5
（一）一级页面 5
（二）二级页面 5
（三）三级页面 8
1. 实施对策 8
2. 污染因素 9
（四）特效的运用 10
1. 大屏切换 10
2. 图片点击页面跳转 10
3. 图片点击放大 11
六．总结 12
谢辞 13
参考文献 14
附录 15
保护海洋生物的网站
The Design of?protecting Marine life website
To protect Marine life website for people to understand the present status of Marine life: now more and more Marine organisms are endangered, because of the human by the fishing and the change of the Marine environment, make a lot of Marine organisms living environment is be *好棒文|www.hbsrm.com +Q: *351916072*
coming worse, ubiquitous fish before, now has become a rare species. Human has much effect on the Marine life, on the one hand, now many factories will reduce the industrial sewage directly into the ocean, bring pollution, we should be in the long run, not only immediate interests. Human overfishing on the other hand, their fins, oil and other precious resources, such excessive killing, diminished the Marine fish species. In addition with the constant change of global climate, Marine life will also be affected. Are to do the site in order to called on people to protect the Marine environment, protect the Marine life, starts from me.
【 key words 】Protection, ocean, biological, and websites
一、引言
开发背景
国际互联网是人们了解关于海洋生物相关知识的良好渠道，由于网站在宣传方面有着比传统媒体更好更快的优势，所以本课题选择网站作为宣传平台，让人们及时了解正在发生的与海洋相关的事件。我们相信人们对海洋生态的破坏，是他们对相关知识极度匮乏的体现，可能有人认为，海洋那么大，它的生物资源肯定是取之不尽用之不竭的，所以也就肆无忌惮的开展捕捞。其实不然，对海洋生物资源的无序开发也会使其有枯竭的一天。如果现在不采取行动保护她们，不久之后，我们只能在书里面看到海洋生物了，所以说，保护海洋生物从现在做起，刻不容缓。
选题意义
之所以选择做保护海洋生物的网站不仅因为自己本身对于海底生物的喜爱，更重要的是想让更多的人参与进来，一起保护我们的海洋生态环境。海洋是生命之源，地球上71%都是海洋，海洋里生活着各种生物，不过由于人类的活动对其影响，很多生物也已经濒临灭绝。希望通过网站，让大家了解海洋生物，了解它们的生活环境，呼吁人们保护海洋生物，参加一些保护海洋生物的活动。并对污染海洋和肆意捕杀海洋生物的行为进行警示。
二、需求分析
可行性分析
保护海洋生物的网站先是从介绍海洋生物开始的，让我们了解到海洋里各种各样的神奇物种，让我们看到一个丰富多彩的海底世界。由于现在的网络信息传播速度很快，所以说网站的建立，能让更多人快速了解我们所要展现的海洋世界。网站里的内容也力求丰富，既有图片文字的搭配，还有各种特效，让看的人不会觉得单调。通过浏览网站，我们会发现海洋的美丽和重要性，通过网站把保护海洋生物的知识广泛普及，从而减少破坏海洋生物的行为。通过我们发布在网站里的内容，浏览者可以及时联系到相关的部门，从而有助于制止破坏海洋环境的行为。
三、开发工具介绍
网站制作所用到的软件有EditPlus 3，Photoshop和Javascript。网站的结构和框架用到了EditPlus 3，这个工具能帮助我们设计出网页的内容布局和网页的框架构造。Photoshop则是用来对logo和图片进行处理，还有对每个网页的规划设计，在做网站的时候首先就要在Photoshop里面先布局内容，然后方便我们制作每个页面。Javascript的用处则是，做一些动态的特效，让网页更加绚丽。这些工具都是在做网站中不可或缺的。
JavaScript可以方便操纵页面中的对象，可以通过代码来实现网站页面中的各种特效。而网站的代码是在EditPlus 3里面编写的，这个工具很好，能够提示你出错的信息，并且可以立刻运行代码，在网页中看到效果。
四、网站设计
网站结构图
网站由主页、基本介绍、相关内容、海洋生物、联系我们五个部分组成。
如图4-1所示。
网站LOGO
因为是保护海洋生物的网站，所以网站的logo也是用了一条鱼的形象，还有下面的英文BLUE OCEAN的意思是蓝色海洋，它整体也是蓝色的，通过Photoshop的处理让它有了阴影的效果，会显得更加立体。从最终网站呈现的效果来看这个logo与网站主题相适应，效果良好。如图4-2所示。
Logo
导航
内容
内容
版权
（3）海洋生物页面（如图5-4）
这个页面主要介绍海洋生物，给我们展示了各种各样的海洋生物的图组，通过每个图片的链接效果，可以更加详细的了解海洋生物。别的方面没有做什么特别的介绍，具体呈现的效果如图5-4所示。
4.折叠文字
在污染因素这个页面，主要介绍了人类对海洋的污染和过度捕捞，昔日的渔场现在已经枯竭，要想资源不断就不能连根拔起。在这个页面，做了一个折叠的特效，点击加号按钮就可以看到下面主要介绍的文字。如图5-13所示
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/rjgc/1704.html
