海洋主题静态网站的设计与开发
建立web站点就是向广大的浏览者清楚地获取信息的一种方式。本次毕业设计是通过静态网页来对海洋的生态环境加以研究，通过页面介绍能直观的看出海洋的生态和目前的情况，从而可以让我们更加了解海洋的生态环境，联想到这些生态和以前的变化，更为直观的看出海洋变成这样是怎么造成的。静态网页通过由开始的原先的海洋以及人类对海洋资源的开采和破坏，造成现在的海洋生态环境，到人类开始保护海洋，最后看到海洋的生态开始改善这一主线来展示,从而让我们进行深刻反思,努力保护海洋生态环境。
目录
引言 1
一、 静态网页制作概述及相关技术 1
（一）静态页面 1
（二）网页开发技术 1
1.Dreamweaver简介 1
2.Fireworks矢量图处理 1
3.CSS样式表概述 2
4.JQuery概述 2
（三）网页布局 2
（四）网页设计原则 2
1.目的性 2
2.专业性 2
二、如何将海洋元素运用于网页设计中 2
三、网站的需求及分析 3
（一）课题来源 3
（二）需求分析 4
1.海洋面临的问题。 4
2.我国海洋环境保护存在的问题及原因 4
3.具体的解决这些问题的网站方式。 4
四、网站设计规划 5
（一）首页的设计 5
（二）中页海洋新闻 6
（三）中页海洋公报 7
（四）中页数据资料 8
（五）尾页海洋法规 8
（六）网站的css代码的实现 9
五、总结 12
致 谢 13
参考文献 14
引言
当今社会对信息数据的需求量越来越大，信息的传递模式也越来越多，速度也越来越快，我们这个时代是个信息化的时代，在世界经济发展的道路上，主要的推动力就是新材料技术、生物技术和信息技术，而在这几项技术中，对人们的政治、经济和社会生活，产生最大影响的就是信息技术，信息业正一步一步的成为社会的主要支柱产业，人类社会的进步将依赖于信息技术的发展和应用。<
*好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
br /> 关于海洋的静态网页制作为了改善人类与海洋之间的关系，这样才能充分的利用海洋资源和保护海洋。
一、 静态网页制作概述及相关技术
（一）静态页面
静态页面顾名思义就是网页的代码和想呈现的内容都在页面中，它不需要执行一些软件，.net等程序生成客户端网页代码的网页。静态页面最大的优点就是能够将你所想表达的内容充分的表达出来，并且使用很简单的方式。其次优点就是下载速度快，因为静态网站是不会自动更新页面的，所以说只有通过将它下载下来用页面制作软件修改。静态页面常见有以.html和.htm两种方式，并非网站上静止的就是静态网站。
（二）网页开发技术
HTML（HyperTextMarkupLanguage）即超文本标记语言，是WWW的描述语言。HTML不是程式语言，如C++和Java之类的，它是网络的通用语言,一种简单、通用的全置标记语言。作者能够通过它将文本与图片相结合形成一些复杂的页面，而这些页面可被通过网上浏览的人查看，不管你是用什么类型的电脑还是浏览器都可以查阅。
1.Dreamweaver简介
Dreamweaver是创建和管理网页的专业化可视编辑器。专业的网页设计师基本上都会使用DW来给客户带来视觉上的改变，因为利用它可以轻而易举的让浏览者满意的动感页面。
2.Fireworks矢量图处理
Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，使用其必然简化了那些对网络图形设计有困难的用户，并且能够通过使用Fireworks十分动感的GIF动画就被很轻松的制作出来了，还可以对图片切割、动态按钮、动态翻转图等轻易地编辑出来。所以说Fireworks对于辅助网页编辑来说，必然是不可缺少的软件?
3.CSS样式表概述
CSS是（CascadingStyleSheet）的缩写，译作“层叠样式表单”。它是一种在网页制作过程中经常用到的技术。总的来说css样式表就是一组样式，它为HTML增加了更多的方法。样式就是用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合。大家早就和“样式”打过交道了。在Word的“格式”菜单中的“样式项”里，提供了多种样式，如“标题1”、“标题2”、“正文”等。将要改的文字选中，然后选择不同的样式，所选定的文字就会自动改变字体、字号、对齐方式、字间距等。同样，我们可以通过CSS来规定网页元素的各种样式，如颜色、位置、大小等。
4.JQuery概述?
jQuery就是javascript与query的结合。同时它是免费、开源的，可以通过 MIT许可协议。它语法设计可以使得开发者更加方便快捷，比如对文档对象的操作、对DOM元素的选择、对动画效果的制作等等功能。不仅如此，jQuery对开发者提供API编写插件。这样一来开发者编制出强大的静态与动态网页就十分轻松了。
（三）网页布局
网站设制主页是最关键的步骤，它就好比人的脸要给浏览者留下好的第一印象，这样浏览者才会感兴趣的浏览下去。但过多的闪耀，夸张的色彩等等都会造成反面影响，好的网站主页应当抓住想表达的内容，淋漓尽致的展现在客户面前。
（四）网页设计原则
1.目的性
做网站不能盲目，要将想表达的内容淋漓尽致的呈现给客户其目的很重要。网站的制作是希望哪方面的浏览者去浏览，是消费者或者说是供应商还是面对客户，这一点也很重要。但这样做就是为了将公司的产品，公司的文化呈献给大家。网站的设制还应当包含类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响。
2.专业性
网站的信息内容应当以体现企业的专业为专一，向广大客户介绍企业的产品，向广大的浏览者宣传企业的业务范围与性质，并且得充分展示出自己的实力，从而为企业带来更大的利益，为公司的未来带来更多的商机。
二、如何将海洋元素运用于网页设计中
（一）展现海有许多种方式
网页设计的页面如果做成像海报那样有着十分精致、花经心思的去加工，那么这样的网站将是十分了不起的作品。如果说非要对一个网页做的如此刻意也许是可以的，但你想要将整个网页都做得精致却是一件十分难得的，但是我们可以通过在网页插上属于大自然的图案，比如说本编做的是海洋类的网站那样可以通过在设计时插入属于海洋的元素，那样既能够简单表述也能够让页面不显得单调。但是所要表达的情绪过于单调。如果让网页“溺于深海”呢？大海有波涛汹涌的一面也有让人觉得十分宁静的一面。
目录
引言 1
一、 静态网页制作概述及相关技术 1
（一）静态页面 1
（二）网页开发技术 1
1.Dreamweaver简介 1
2.Fireworks矢量图处理 1
3.CSS样式表概述 2
4.JQuery概述 2
（三）网页布局 2
（四）网页设计原则 2
1.目的性 2
2.专业性 2
二、如何将海洋元素运用于网页设计中 2
三、网站的需求及分析 3
（一）课题来源 3
（二）需求分析 4
1.海洋面临的问题。 4
2.我国海洋环境保护存在的问题及原因 4
3.具体的解决这些问题的网站方式。 4
四、网站设计规划 5
（一）首页的设计 5
（二）中页海洋新闻 6
（三）中页海洋公报 7
（四）中页数据资料 8
（五）尾页海洋法规 8
（六）网站的css代码的实现 9
五、总结 12
致 谢 13
参考文献 14
引言
当今社会对信息数据的需求量越来越大，信息的传递模式也越来越多，速度也越来越快，我们这个时代是个信息化的时代，在世界经济发展的道路上，主要的推动力就是新材料技术、生物技术和信息技术，而在这几项技术中，对人们的政治、经济和社会生活，产生最大影响的就是信息技术，信息业正一步一步的成为社会的主要支柱产业，人类社会的进步将依赖于信息技术的发展和应用。<
*好棒文|www.hbsrm.com +Q: 3_5_1_9_1_6_0_7_2
br /> 关于海洋的静态网页制作为了改善人类与海洋之间的关系，这样才能充分的利用海洋资源和保护海洋。
一、 静态网页制作概述及相关技术
（一）静态页面
静态页面顾名思义就是网页的代码和想呈现的内容都在页面中，它不需要执行一些软件，.net等程序生成客户端网页代码的网页。静态页面最大的优点就是能够将你所想表达的内容充分的表达出来，并且使用很简单的方式。其次优点就是下载速度快，因为静态网站是不会自动更新页面的，所以说只有通过将它下载下来用页面制作软件修改。静态页面常见有以.html和.htm两种方式，并非网站上静止的就是静态网站。
（二）网页开发技术
HTML（HyperTextMarkupLanguage）即超文本标记语言，是WWW的描述语言。HTML不是程式语言，如C++和Java之类的，它是网络的通用语言,一种简单、通用的全置标记语言。作者能够通过它将文本与图片相结合形成一些复杂的页面，而这些页面可被通过网上浏览的人查看，不管你是用什么类型的电脑还是浏览器都可以查阅。
1.Dreamweaver简介
Dreamweaver是创建和管理网页的专业化可视编辑器。专业的网页设计师基本上都会使用DW来给客户带来视觉上的改变，因为利用它可以轻而易举的让浏览者满意的动感页面。
2.Fireworks矢量图处理
Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，使用其必然简化了那些对网络图形设计有困难的用户，并且能够通过使用Fireworks十分动感的GIF动画就被很轻松的制作出来了，还可以对图片切割、动态按钮、动态翻转图等轻易地编辑出来。所以说Fireworks对于辅助网页编辑来说，必然是不可缺少的软件?
3.CSS样式表概述
CSS是（CascadingStyleSheet）的缩写，译作“层叠样式表单”。它是一种在网页制作过程中经常用到的技术。总的来说css样式表就是一组样式，它为HTML增加了更多的方法。样式就是用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合。大家早就和“样式”打过交道了。在Word的“格式”菜单中的“样式项”里，提供了多种样式，如“标题1”、“标题2”、“正文”等。将要改的文字选中，然后选择不同的样式，所选定的文字就会自动改变字体、字号、对齐方式、字间距等。同样，我们可以通过CSS来规定网页元素的各种样式，如颜色、位置、大小等。
4.JQuery概述?
jQuery就是javascript与query的结合。同时它是免费、开源的，可以通过 MIT许可协议。它语法设计可以使得开发者更加方便快捷，比如对文档对象的操作、对DOM元素的选择、对动画效果的制作等等功能。不仅如此，jQuery对开发者提供API编写插件。这样一来开发者编制出强大的静态与动态网页就十分轻松了。
（三）网页布局
网站设制主页是最关键的步骤，它就好比人的脸要给浏览者留下好的第一印象，这样浏览者才会感兴趣的浏览下去。但过多的闪耀，夸张的色彩等等都会造成反面影响，好的网站主页应当抓住想表达的内容，淋漓尽致的展现在客户面前。
（四）网页设计原则
1.目的性
做网站不能盲目，要将想表达的内容淋漓尽致的呈现给客户其目的很重要。网站的制作是希望哪方面的浏览者去浏览，是消费者或者说是供应商还是面对客户，这一点也很重要。但这样做就是为了将公司的产品，公司的文化呈献给大家。网站的设制还应当包含类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响。
2.专业性
网站的信息内容应当以体现企业的专业为专一，向广大客户介绍企业的产品，向广大的浏览者宣传企业的业务范围与性质，并且得充分展示出自己的实力，从而为企业带来更大的利益，为公司的未来带来更多的商机。
二、如何将海洋元素运用于网页设计中
（一）展现海有许多种方式
网页设计的页面如果做成像海报那样有着十分精致、花经心思的去加工，那么这样的网站将是十分了不起的作品。如果说非要对一个网页做的如此刻意也许是可以的，但你想要将整个网页都做得精致却是一件十分难得的，但是我们可以通过在网页插上属于大自然的图案，比如说本编做的是海洋类的网站那样可以通过在设计时插入属于海洋的元素，那样既能够简单表述也能够让页面不显得单调。但是所要表达的情绪过于单调。如果让网页“溺于深海”呢？大海有波涛汹涌的一面也有让人觉得十分宁静的一面。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wljs/565.html
