摘要和目录在论文的最后 相关参考文章房地产集团网站建设方案 及 校园网网站建设经验谈
1. 前言
我国拥有近300万平方公里的管辖海域,相当于30个浙江省的陆地面积。而连接这片蔚蓝色海洋国土和青翠色陆地国土的，则是蜿蜒绵长的海岸线。海岸线又分为岛屿岸线和大陆岸线两种，两者之和在我国约为32000多公里,其中大陆岸线为18000多公里,南北跨越20个地理纬度（从北纬20到北纬40）。
我国的万里海疆，不仅美丽，而且富饶。它有种类繁多、储量巨大的资源，因而被人们称为“天然的鱼仓”、“蓝色的大海”、“盐类的故乡”、“能量的源泉”、“娱乐的栖地”。
近几十年来，人们利用海洋，开发海洋，取得了突飞猛进的成绩。改革开放以来，我国海洋经济取得了高速的发展，海洋经济的增长速度超过了全国经济的增长速度，与海洋资源开发利用相关的产业已逐步形成一个产业群，海洋养殖与加工、海洋药物与保健品、滨海旅游、海洋化工及海洋综合利用等已成为海洋经济的支柱产业。
21世纪是人类全面开发利用海洋的新世纪，充分合理地利用资源，发展海洋经济，是当今世界许多沿海国家的优先发展领域。
有关专家预测，到2020年，世界海洋水产品将主要来自海水养殖，海水养殖将成为世界海洋渔业发展的主要趋势，大力发展海洋养殖与加工产业也是我国海洋渔业发展的主要趋势，同时它还是保证我国海洋经济可持续发展的必由之路。
信息网站及数据库技术的研究和开发应用，特别是Internet技术的研究，是一门新兴的技术，是加强信息网络服务的重要手段。信息网站和数据库的建设，既建设了信息资源，也提高了信息网络研究和开发的技术水平。
建设《海洋科普知识网站》有利于宣传海洋科普知识，加强众对海洋的认识，促进海洋环境保护，加快海洋旅游的发展，为养殖业、经贸业、旅游业，以及与其他行业加强交流与合作，建立一条信息纽带，促进沿海地区经济的发展与繁荣。
2. 需求分析
随着信息时代的发展，网络已经或正在改变着人们的生活方式，“电子邮件”、“网上购物”、“漫游站点”成为许多人交流的热门话题。现代文明的发展带动了各行各业的不断变化、无论是服装、汽车等等变动是如何频繁，相对于国际互联网络那永无止境的发展变化，它们中任何一个都望尖莫及。目前，一些规模较大的组织，例如政府部门、大专院校、大型公司、重点实验室等都有自己的网络，因特网的职责就是将无数个此类网络用高速电话线、光纤电缆、卫星线路等连接起来，使人们在获取信息、自由交谈、资源共享的范围、速度和能力上取得质的飞跃。
信息时代的到来，几乎没有人不知道INTERNET和WORLDWIDEWEB（简称WWW）。通过WWW可以将自己与整个世界紧紧连在一起，通过WWW，人们阅读最新的新闻，甚至足不出户可以买到自己想要的商品，现在INTERNET在中国发展很快，许多企业政府机构及个人纷纷建立自己INTERNET站点，制作了很多精美网页，树立自身在INTERNET上的形象，交流各自的信息，扩大自己的影响。本网站设计的目标是:1.以多媒体形式尽可能地创意海洋科普知识，充分运用超文本链接将相关内容有机的链接起来。
3. 系统方案总体设计
3.1 方案的确定
开发环境
开发基于Windows、www网络环境，网络操作系统用WindowsNT4.0(sp5)或更高版本，客户端以windows98为标准系统环境浏览使用IE4,或更高版本。
开发工具
本设计的基本组成单位采用www网页格式。因此主要开发工具以DreamwearMX/ FrontPage2000为主，多媒体开发工具有FlashMX,FireworkMX,Photoshop7.1。
开发成员
指导教师：王祥
设计人员：章超 韩栋 王庆才 金杰 程晓雷 方亮 黄梅 贾利
本小组在王祥老师的指导下，将全部网站的制作分为八人制作独立部分，并通过总体链接使成为一体。具体分工如下：黄梅负责主页与公用模块的制作；韩栋负责海洋之谜；金杰负责海洋博览页面的制作；王庆才负责海洋生物页面的制作；方亮负责沿海景观页面的制作；章超负责海洋知识页面的制作；程晓雷负责海洋鱼类页面的制作；贾利负责中国海岸页面的设计与制作。
3.2 设计方案组成部分：
目标分析：根据毕业设计任务进行系统设计、规划确定服务器配置，选择合理适用的开发工具
情景创设：创设与主题相关的尽可能真实的情景
信息资源设计：信息资源的设计是指：确定本主题所需要信息资源的种类和每个资源的相互链接关系
网站规划设计：以科普宣传为目的，合理规划网站结构。
网站测试：将所有制作的网页文件上传到www服务器。进行链接测试，确保各个链接的正常有效
论文编写：根据完成的设计任务。撰写毕业设计论文。
3.3 系统框图
网站的主要功能：
海洋知识：介绍海洋相关知识。
海洋之谜：介绍海洋形成、赤潮、海怪等秘密之探索。
海洋鱼类：介绍海洋各种鱼类的基本知识。
海洋生物：介绍海洋生物相关的基本知识。
沿海景观：介绍中国沿海城市的旅游景观。
中国海岸：介绍中国沿海海域、海岛、海洋资源方面的知识。
海洋博览：介绍海洋博览知识。
3.4 系统设计步骤：
根据系统需求，确定有关的数据内容、采集方式，收集有关数据。
确定系统的数据流图，并根据数据流图确定系统的总体框架与所需模块。
分析并确定各模块的接口参数传递关系。
WEB页面及相关程序的设计。
帮助文件的编写。
系统联调。
系统的测试。
文档资料的收集与整理。
编写设计说明书。
4. 详细设计
在这次毕业设计中，本小组将完成主页，海洋知识，海洋之谜，海洋生物，海洋鱼类，海洋博览，沿海景观，中国海岸，关于我们等页面的设计与制作。本人主要完成首页的制作。设计步骤：
4.1 建立自己的网站
使用DreamweaveMX制作主页，一般从建立一个本地网站（LOCALSITE）开始。所谓本地站点就是用来存放某一特定网站全部的文件的文件夹。进行站点定义可以描绘出用户将要创建的站点的结构，并且一定要告诉Dreamweaver站点文件的存放位置。所有用Dreamweaver创建的网站都要进行站点定义。
A.启动Dreamweaver这时会打开一个空白文档。
B.选择站点>新建站点。
C.在站点定义对话框中，确认Category列表上的LocalInfo项被选中。
D.在站点名称中填入站点名Sea
E.点击LocalRootFolder填框右边的文件夹图标找到sea文件夹(sea文件夹在c盘目录下已建立)点确定就好了。
4.2 设定网页标题
Dreamweaver中将弹出属性对话框，在这里对网页的一些基本属性进行设置。首先设置网页标题，即将在网络浏览器的标题栏中显示出来的标题部分。在TITLE栏中输入“海科网”。在中选择一个背景图片作为主这里我们运用的背景图片是用了c盘目录下sea文件夹下的images文件中的bg图片（在做主页之前把制作主页需要的各种网页素材都搜集好，放到一个固定的文件夹中，这里我们在c盘目录下的sea文件夹中生成一个新的文件夹,命名为images专门用来存储网页素材）
4.3 网页构思
在做一个网页之前必须先要把网页规划好，对网页中的所有对象进行定位且必页把网页进行精确地定位,有一点小小的出入，预览的时候都会出现差错.
通过在网上浏览大量的网站与网页，根据本网页的特点,本网页主要介绍了海洋的各种常见的现象,科普知识链接区是这个网页的关键元素.所以决定将这个网页分为四个部分，上部是标题区，然后是站内导航区,接着是主题区，下部则是版权区。在上部又可分为三个部分，一个部分是标题区用来显示网站的标题,另一个部分则是一个功能链接区,最后一个部分则是一个中文日期的显示,接着的站内导航区则是对本网站也就是海洋科普网站的一些网页的链接,主题区，主要用来对本网页中国海岸、沿海景观的一些内容的导航。
4.4 页面的制作
网页构思只是详细地说明了主页的规划和设计思想。接下来就是怎样制作这样一个网页，首先我们需要精确地定位。标题区，主题区，版权区各需要多大的空间.它们精确的像素是多少,这些都是我们要解决的问题,在这里我所有的网页定位工具是Dreamweaver中的layout,用这个工具进行定位比较快速还可以进行快速调整.我们只要点击Dreamweaver中的Windows窗口中的objects或者按快捷键Ctrl+F2我们就可以打开object工具栏.然后在object工具栏的view中点击layoutview就可以运用layout了.layout分为两种,一个是layoutCell另一个是layoutTable,我们可以先用layoutTable先对网页进行基本的定位,然后在这个基础上运用LayoutCell对网页进行制作。
网站制作部分：
A、启动DreamweaverMX进入设计主界面。选择菜单命令Site——Newsite。
B、在站点定义的SiteDefinition对话框中，选择对话框Category列中的localInfo选项。
C、在站点名SiteName中输入框中输入站点名字kpzs
D、单击文件夹选项,选择C盘下目录kpzs(zhimi目录已建立)
E、在出现的对话框中,找到本地站点，点击ok便可以了,完成本地站点的制作了。
4.5 主页的制作
将首页这个网面也设置成三个部分,标题区的制作，主题区的制作，版权区的制作。网页规划为：
标题区的制作：
标题区我们分为两个部分来制作，一个是广告区，一个是标题文字区，广告区我们插入一个动画，这个动画是用FirewoersMX制作，在这里我们就不再详细操作步骤了，另一个是标题文字区，这个区的制作，与中国海岸的制作步骤是相同的，在这里我们也就不再阐述制作步骤了。
主题区的制作：
主题区的制作我们分为三个部分，一个是文章链接区，在中间部分则是主要文章，这样的排版可以节省网页空间，而且可以很美观，这是用一个网页特效来制作，我们运用层来制作，在Dreamweaver中层是一个很好的定位工具，因为层可以出现在网页的任何位置，我们需要粘八篇文章，所以我们需要插入8个分层，首先我们在右面的表格中输入文章的标题，然后在每个标题的后面的空格区插入一个分层，分别为每个分层输入分层名，然后每个层的大小我们都需要设置一样的大小，我们可以先选中一个层然后打开layer窗口按住shift键同时选中其它的几个层，然后设置同样的大小，层制作完以后，我们可以在层中输入文字，每个层一个标题，可以把层中的文字不一样的字体与大小，然后我们还需要一个行为，让鼠标移到标题时，会显出一个手的样式，然后主题区也可以显示本篇文章，我们先选中这个表格，然后打开行为窗口，在窗口的showlayer中进行设置，我们可以设置当鼠标移到标题时，层显示，当鼠标移出标题时，层就不显示，最后我们制作的是，站内导航区，这个制作很简单，我们只在输入标题然后设置链接就行了。
版权区的制作：
版权区的制作非常简单，我们可以运用一个样式，在样式中设置字体与背景色，设置完毕以后就完成了。
4.6 调试与分析
系统调试与网上发布
网页的测试：
●兼容性测试：用CheckTargetBrowsers（检查浏览器）功能来测试所创作的页面，以检查网页在不同版本，不同类型的浏览器中的兼容性。
●链接测试：在Dreamweaver中使用Checklinkssitewide（检查整个站点的链接。来检查是否有孤立的链接即废文件和坏链接。
网页发布：经过网页软件测试后，可以利用网络上传工具完成网页的发布。网页地址可以通过网上的网站申请。
进一步改进设想
通过网页的交互功能，可进一步利用它来丰富网页，做到页面布局精美，文章内容丰富，做到既美观又整洁
结 论
我已经按照
1. 目标
2. 分析：
根据毕业设计任务进行系统设计、规划，确定服务器配置，选择合理适用的开发工具。
3. 情境创设
创设与主题相关的、尽可能真实的情境。
4. 信息资源设计
信息资源的设计是指∶确定本主题所需信息资源的种类和每种资源的相互链接关系。
5. 网站规划设计
以科普宣传为目的，合理规划网站结构。
6. 网站测试
将所制作的网页文件上传到WWW服务器，进行链接测试，确保各个链接正常、有效。
7. 论文编写
根据完成的设计任务，撰写毕业设计论文。
经过五年的学习，本人不仅在理论上得到了长足的进步，而且经过老师的悉心指导，在实践环节上也有了进一步的提高。本次毕业设计历时两个多月，经过参加设计人员的共同努力以及有关人员的大力协助，指导老师王祥老师的精心指导，实现了预定的设计目标。
通过本次毕业设计，使我更加认识到理论联系实际的重要性。尤其是作为一名计算机专业人员，必须将所学的知识运用到实际工作中，才能使所学的知识得到升华,只学理论是不可能了解计算机实践中可能出现的问题的更不用说去想怎么解决了，不实践只能说所学的是纸上谈兵不可能在社会中被人或单位认可的，只有理论联系实际才可能使学到的计算机的理论知识得到升华才会解决更多计算机方面出现的问题。
本系统由于设计时间仓促以及小组中人员的水平有限，还有很多不完善之处，也难免存在错漏，恳请各位同行及老师扶正。最后，再次感谢各位老师的指教和帮助。
致 谢
在这次设计制作海洋科普知识网站建设的过程中，我要非常感谢我们的指导老师王祥，他对我的毕业设计提出了很多宝贵的意见和建议，并且密切关注我的设计进度，促进了我的设计能够按时间完成。在这里还要感谢系计算机中心的老师们，给我们提供了一个优越的上机环境。
参考文献
[1]廖彬山，高峰霞．ASP动态网站开发教程．第1版．清华大学出版社，2000
[2]廖信彦．ASP3彻底研究．第1版．中国铁道出版社，2001
[3]王立福，麻志毅，张世琨．软件工程．第2版．北京大学出版社，2002
[4]《DreamweaverMX实例大制作》
[5]《ASP开发实例》机械工业出版社
[6]《Frontpage98/2000使用详解》
[7]《FlashMX动画网页实例大制作》中国石化出版社
[8]《PHP4网页开发教程》
摘 要
海洋科普知识网站，是采用INTERNET方式建立海洋科普知识的宣传网站。采用信息开发技术和INTERNET网络开发技术与计算机应用技术相结合,使用户通过INTERNET直接访问,有利于促进海洋科普知识的普及和信息开发技术的推广应用。搜集海洋科普知识，制作一个具有丰富海洋科普知识的网站供用户浏览。
本次毕业设计思想：是以当今流行的INTERNET方式将海洋科普知识以超文本方式链接起来，以便用户通过INTERNET进行远程浏览。系统要求用户界面简单明了，人机交互友好，操作方便简单，多媒体设计使网页的形象生动。本系统主要采用目前比较流行的网页设计软件DreamweaveMX,FlashMX,FireworksMX,Photoshop7.1等编制开发，采用模块的设计方法，层次化的结构。本次毕业设计的任务是以WWW方式制作超文本格式的网页文件，详细介绍海洋科普的相关知识，其内容涉及海洋知识，海洋之迷，海洋鱼类，海洋生物，沿海景观，中国海岸，海洋资源，海洋博览等，要求页面图文并茂，生动有趣，内容丰富，组织结构合理。
本设计将完成以下工作：
1.以多媒体形式尽可能地创设海洋科普知识。
2.充分运用超文本超链接将相关内容有机地链接起来。
3.灵活运用网页制作、图形图像制作工具，制作生动活泼的网页及美观的图形文件或动画文件。
4.熟练掌握www服务器的配置、网页文件上传的使用方法。
5.合理规划网站，系统结构合理，搜集的海洋科普知识，汲及面广。
目录
1. 前言 1
2. 需求分析 1
3. 系统方案总体设计 2
3.1 方案的确定 2
开发环境 2
开发工具 2
开发成员 2
3.2 设计方案组成部分： 2
3.3 系统框图 3
3.4 系统设计步骤： 3
4. 详细设计 3
4.1 建立自己的网站 4
4.2 设定网页标题 4
4.3 网页构思 4
4.4 页面的制作 4
4.5 主页的制作 5
标题区的制作： 5
主题区的制作： 5
4.6 调试与分析 6
系统调试与网上发布 6
进一步改进设想 6
结 论 7
致 谢 8
参考文献 9
附录 程序代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>海洋知识网站</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator)
{if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth;
document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<style type="text/css">
<!--
@import url("css/linkcss.css");
.style1 {
font-size: 12px;
color: #666666;
}
.style2 {font-size: 12px}
-->
</style>
</head>
<body onLoad="MM_preloadImages('images/sy2.gif','images/hyzs2.gif','images/hyzm2.gif','images/hyyl2.gif','images/hysw2.gif','images/yhjg2.gif','images/zgha2.gif','images/hybl2.gif')">
<div id="Layer1" style="position:absolute; left:5px; top:0px; width:771px; height:106px; z-index:1;">
<table width="100%" height="106" border="0" cellspacing="0">
<tr>
<td width="21%"><img src="images/top.jpg" width="168" height="170"></td>
<td width="79%" background="images/topleft.jpg"> </td>
</tr>
</table>
</div>
<div id="Layer3" style="position:absolute; left:180px; top:96px; width:596px; height:80px; z-index:3;">
<table width="100%" height="80" border="0" cellspacing="0">
<tr>
<td width="24%" height="32"><a href="default.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sy','','images/sy2.gif',1)"><img src="images/sy1.gif" name="sy" width="124" height="37" border="0"></a></td>
<td width="26%"><a href="hyzs.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('hyzs','','images/hyzs2.gif',1)"><img src="images/hyzs1.gif" name="hyzs" width="124" height="37" border="0"></a></td>
<td width="25%"><a href="hyzm.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('hyzm','','images/hyzm2.gif',1)"><img src="images/hyzm1.gif" name="hyzm" width="124" height="37" border="0"></a></td>
<td width="25%"><a href="hyyl.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('hyyl','','images/hyyl2.gif',1)"><img src="images/hyyl1.gif" name="hyyl" width="124" height="37" border="0"></a></td>
</tr>
<tr>
<td><a href="hysw.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('hysw','','images/hysw2.gif',1)"><img src="images/hysw1.gif" name="hysw" width="124" height="37" border="0"></a></td>
<td><a href="yhjg.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('yhjg','','images/yhjg2.gif',1)"><img src="images/yhjg1.gif" name="yhjg" width="124" height="37" border="0"></a></td>
<td><a href="zhha.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('zhha','','images/zgha2.gif',1)"><img src="images/zgha1.gif" name="zhha" width="124" height="37" border="0"></a></td>
<td><a href="hybl.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('hybl','','images/hybl2.gif',1)"><img src="images/hybl1.gif" name="hybl" width="124" height="37" border="0"></a></td>
</tr>
</table>
</div>
<div id="Layer4" style="position:absolute; left:179px; top:3px; width:591px; height:75px; z-index:4">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="586" height="72">
<param name="quality" value="high"><param name="SRC" value="images/flash.swf">
<embed src="images/flash.swf" width="586" height="72" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object>
</div>
<div id="Layer5" style="position:absolute; left:179px; top:179px; width:598px; height:269px; z-index:5">
<table width="598" height="266" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td height="48" colspan="2"><img src="images/hykb.jpg" width="280" height="48"></td>
<td colspan="2"><img src="images/jrld.jpg" width="280" height="48"></td>
</tr>
<tr>
<td width="32" height="216" align="left" valign="top"><img src="images/ptl_r2_c1.jpg" width="31" height="114"></td>
<td width="273" align="left" valign="top"> <p><img src="images/1.gif" width="18" height="18"><a href="hybl/pxred.htm"><font size="2.5">
煮熟的螃蟹为何会变色</font></a><br>
<img src="images/1.gif" width="18" height="18"> <font size="3"><a href="hybl/showjy.htm"><font size="2.5">水族馆内展鲸鱼贬褒不一都有理
</font></a></font><font size="2.5"><br>
<img src="images/1.gif" width="18" height="18"> <a href="hysw/cjyw.htm">来自海洋的超级药物
</a><br>
<img src="images/1.gif" width="18" height="18"> <a href="hysw/hx.htm">圣诞岛红蟹探秘
</a><br>
<img src="images/1.gif" width="18" height="18"> <a href="hyyl/jqy.htm">周游世界大洋的鱼类一一金枪鱼
</a><br>
<img src="images/1.gif" width="18" height="18"> <a href="hyyl/redfish.htm">美国红鱼“移民”我国
</a><br>
<img src="images/1.gif" width="18" height="18"> <a href="hyyl/zy.htm">深海遭遇章鱼记
</a><br>
<img src="images/1.gif" width="18" height="18"> <a href="hyzm/hc.htm">黑潮是怎么回事</a>
<br>
<img src="images/1.gif" width="18" height="18"> <a href="hyzs/ltx.htm">海洋中的灰色金子:
龙涎香</a><br>
<img src="images/1.gif" width="18" height="18"> <a href="zhha/hd.htm">海岛与群岛/岛屿、暗礁</a></font></p>
</td>
<td width="35" align="left" valign="top"><img src="images/ptl_r2_c1.jpg" width="31" height="114"></td>
<td width="258" align="left" valign="top"><img src="images/1.gif" width="18" height="18"> <font size="2.5"><a href="hybl/yl.htm">劝君莫视鱼鳞贱 </a><br>
<img src="images/1.gif" width="18" height="18"> <a href="hyyl/sy.htm">鲨鱼趣话
</a><br>
<img src="images/1.gif" width="18" height="18"> <a href="hyzm/hs.htm">海兽种种
</a><br>
<img src="images/1.gif" width="18" height="18"> <a href="zhha/hnd.htm">四季常青的海南岛
</a><br>
<img src="images/1.gif" width="18" height="18"> <a href="hysw/szx.htm">海味珍品：梭子蟹
</a><br>
<img src="images/1.gif" width="18" height="18"> <a href="hyyl/tyzy.htm">诱人的鯷鱼资源
</a><br>
<img src="images/1.gif" width="18" height="18"> <a href="hyyl/ylblood.htm">漫话鱼类的血液</a>
<br>
<img src="images/1.gif" width="18" height="18"> <a href="hyyl/ztj.htm">绰约多姿的座头鲸
</a><br>
<img src="images/1.gif" width="18" height="18"> <a href="zhha/nhzd.htm">南海诸岛在长高
</a><br>
<img src="images/1.gif" width="18" height="18"> <a href="zhha/twaid.htm">俊秀多姿的台湾岛
</a></font></td>
</tr>
</table>
</div>
<div id="Layer7" style="position:absolute; left:5px; top:173px; width:171px; height:275px; z-index:7">
<table width="170" height="261" border="0" cellspacing="0">
<tr>
<td height="15" colspan="2"> <div align="left"></div>
<div align="left"></div>
<div align="left"><img src="images/linestar.gif" width="121" height="19"></div></td>
</tr>
<tr>
<td width="43" height="15"><img src="images/xx.gif" width="42" height="33"></td>
<td width="104"><strong>友情链接</strong></td>
</tr>
<tr>
<td height="47" colspan="2"><form name="form1" method="post" action="">
<select name="menu1" size="1" onChange="MM_jumpMenu('parent',this,0)">
<option selected>** 酷站推荐 **</option>
<option value="http://www.sina.com.cn">** 新浪sina **</option>
<option value="http://www.163.com">** 网易163 **</option>
<option value="http://www.yahoo.com.cn">** 雅虎yahoo**</option>
<option value="http://www.yesky.com">** 天极网 **</option>
<option value="http://www.china.com">** 中华网 **</option>
<option value="http://www.chinaren.com">** 中国人 **</option>
</select>
</form></td>
</tr>
<tr>
<td height="29" colspan="2"> <form name="form2" target="_blank">
<select name="menu2" size="1" onChange="MM_jumpMenu('parent',this,0)">
<option selected>** 国内邮箱 **</option>
<option value="http://mail.sina.com.cn">** 新浪邮箱 **</option>
<option value="http://mail.163.com">** 163邮箱 **</option>
<option value="http://mail.china.com">** 中华邮箱 **</option>
<option value="http://mail.etang.com">** E唐邮箱 **</option>
<option value="http://www.mail.com.cn">** 百家邮箱 **</option>
</select>
</form></td>
</tr>
<tr>
<td height="31" colspan="2"><img src="images/linestar.gif" width="121" height="19"></td>
</tr>
<tr>
<td height="52" colspan="2"><div align="left"><a href="mailto:tiantianlove2000@sina.com.cn"><img src="images/email.gif" width="100" height="80" border="0"></a></div></td>
</tr>
</table>
</div>
<div id="Layer8" style="position:absolute; left:9px; top:449px; width:755px; height:78px; z-index:8">
<table width="753" height="73" border="0" cellspacing="0">
<tr>
<td height="23"><div align="center"><img src="images/线5.gif" width="500" height="9"></div></td>
</tr>
<tr>
<td height="50"><div align="center">
<p class="style1 style2">海科网，版权所有：连云港电大<br>
工作室成员：章超 韩栋 方亮 黄梅 王庆才 贾利 金杰 程晓雷<br>
2005年4-5月倾力打造</p>
</div></td>、
</tr>
</table>
</div>
</body>
</html>
政府门户网站建设的“主动脉” 网站建设毕业论文 研究网络特点 搞好网站建设
海洋科普网站建设毕业设计(免费)来自于论文先生网，如该文注明了作者及出处，请在转载引用时保留。否则因《海洋科普网站建设毕业设计(免费)》一文引起的法律纠纷请自负。
