静态网页实训报告

时间:2024.4.8

安徽工业职业技术学院

静态网页实训报告

专    业:计算机网站开发

班    级:12网站开发2班

学    号:12101301

座 位 号:15号

姓    名:陈锋

指导教师:巨峰

学习方向:静态网页设计

实训时间:20##-12-16——20##-1-5

实训地点:图文信息楼401机房

静态网页实训报告

一、 中国象棋背景概述

随着中国形象和综合国力的增强,中国元素符号已成蔚然成风之势。特别是在20##年北京奥运会开幕式和20##年的上海世博会,“中国元素”的精彩绽放,不仅让国人为之兴奋骄傲,更让世界为之赞叹和痴迷。同时成为“中国元素”大产业蓬勃发展的新起点、新坐标。

当前中国元素在国内外品牌中、在各个行业中日益受到重视和运用,烙印中国元素符合的产品种类更加丰富,产品文化内涵更加突出。其中国元素产品更加重视“文化鉴赏性”与“消费实用性”的有机融合,走向大众消费者的步伐日益加快。

中国特有的自然与人文景观正向世人展现着它独特的魅力,而这其中诸多的中国元素更是令很多外国人如痴如醉,中国象棋就是其中之一。

中国象棋在中国有着悠久的历史,属于二人对抗性游戏的一种。由于用具简单,趣味性强,成为流行极为广泛的棋艺活动。是我国正式开展的78个体育项目之一,为促进该项目在世界范围内的普及和推广,在中国古代,象棋被列为士大夫们的修身之艺,现在则被视为怡神益智的一种有益的活动。在棋战中,人们可以从攻与防、虚与实、整体与局部等复杂关系的变化中悟出某种哲理。

二、 中国象棋发展需求分析

中国象棋即军际象棋,具有悠久的历史。

唐代,象棋在中国发生了很大的变化,已有“将、马、车、卒”4个兵种,由黑白相间的64个方格组成。后来又参照我国的围棋,把64个方格变为90个点。

宋代,中国象棋基本定型,除了因火药的发明增加了“炮”之外,还增加了“士”、“象”。另外宋晁无咎的“广象棋”有棋子32个,与现代象棋棋子总数相同,但是不知道棋盘上有没有河界。宋、元期间的《事林广记》刊载了两局象棋的全盘着法。

明代,可能为了下棋和记忆的方便,才将一方面的“将”改为“帅”。另外明、清时期,棋书出版较多,尤以明代徐芝的《适情雅趣》、明末清初朱晋桢的《橘中秘》、清代王再越的《梅花泉》和张乔栋的《竹香斋象戏谱》更为著名。

如今,中国象棋已流传到十几个国家和地区。在日本、菲律宾还成立了中国象棋协会。

经过近百年的实践,象棋于北宋末定型成近代模式:32枚棋子,有河界的棋盘,将在九宫之中等等。南宋时期,象棋“家喻户晓”,成为流行极为广泛的棋艺活动。李清照、刘克庄等文学家,洪遵、文天祥等政治家,都嗜好下象棋。宫廷设的“棋待诏”中,象棋手占一半以上。

   新中国建立之后,象棋进入了一个崭新的发展阶段。1956年,象棋成为国家体育项目。以后,几乎每年都举行全国性的比赛。1962年成立了中华全国体育总会的下属组织—中国象棋协会,各地相应建立了下属协会机构。

随着现代电子媒介渗透到人们生活的各个方面,各个角落,电子媒介成为人们生活必不可少的组成部分。而网络在这些媒介中更具有不可替代的部分,所以这个网站具有非常鲜明的传播和观看效果,预期在将来会有很好的收益。

三、 网站总体规划—各栏目

    本网站在总体结构规划上采用了“T字型”结构。页面总体分为一级页面、二级页面、三级页面、并且网站并且利用flash动画技术制作了一个引导页。名称为ydy。以下是对不同级页面的整体介绍:

   一级页面为首页采用的是网站中常用的“T字型”结构,名称为“index.html”,主要是总体上介绍中国象棋简介。总体运用了文字和有关象棋的图片及相关的flash,体现出了象棋文化网站的整体美。

    二级页面在是在一级页面链接的基础上所规划制作的,总体采用的也是“T字型”结构,共有6个,名称分别为:1-3.html、1-4.html、1-5.html、1-6.html、1-7.html、1-8.html这6个页面在整体上均采用“T字型”结构,目的是为了体现网站制作的整体性。使网站看起来具有一定的整体美感。而且在每个二级页面的主体部分我分别用文字介绍了相关内容,目的是为了用文字方式为大家展示象棋有关的精华部分。

    三级页面是对二级页面的内容部分的更加详细的介绍,在结构了也利用了和二级页面相同的“T字型”结构,从二级页面里面链接出的更加详细的部分。让参观者从表面上就对中国象棋有一定的认识。三级页面的命名名称分别为:1-9.html、1-10.html、1-11.html、1-12.html、1-13.html、1-14.html、1-15.html、1-16.html、1-17.html、1-18.html.

   其他:(1)在二级页面develop中我采用了表单控件,并且利用脚本对其进行了访问限制。

        (2)在每个页面中都有利用脚本制作的时间,让打开网页者能第一时间知道时间变化,这个时间会随着你不同时间段打开更新。

        (3)每个页面部分都有利用脚本制作的滚动浏览,内容为:“****欢迎来到中国象棋文化网,欣赏中国象棋文化。运筹帷幄,决胜千里;让我们以棋会友,快乐人生!!!****”

四、 使用工具介绍

<1>Adobe Dreamweaver CS3

     Dreamweaver CS3是Adobe(奥多比)公司收购Macromedia公司后最新推出的Creative Suite 3 设计套装中用于网页设计与制作的组件。作为全球最流行,最优秀的所见即所得的网页编辑器,Dreamweaver可以轻而易举地制作出跨操作系统平台,跨浏览器的充满动感的网页,是目前制作Web页站点,Web页和Web应用程序开发的理想工具。

Dreamweaver,Fireworks,Flash被称为网页制作的“三剑客”,这三款工具相辅相成,是制作网页的最佳拍档之一。与其他网页编辑工具相比,Dreamweaver的新版Dreamweaver CS3 主要功能和具体应用方法,Dreamweaver的主要特点有:(1)形式灵活;(2)可视化编辑环境;(3)强大CSS功能;(4)站点管理功能完善;(5)集成性高;(6)媒体支持能力强;(7)扩展能力强。

<2> CSS+DIV的介绍

DIV+CSS是WEB设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。提及DIV+CSS组合,还要从XHTML说起。XHTML是一种在HTML基础上优化和改进的新语言,目的是基于XML应用与强大的数据转换能力,适应未来网络应用更多的需求。

“DIV+CSS”其实是错误的叫法,而标准的叫法应是XHTML+CSS。因为DIV与Table都是XHTML或HTML语言中的一个标记,而CSS只是一种表现形式。也许其提出者本意并没有错,但是跟风者从表现曲解了其意思,认为整个页面就应当是DIV+CSS文件的组合。

<3>flash动画制作

    Flash是一种交互式矢量多媒体技术,他的前身是Futureplash,早期网上流行的矢量动画插件。后来由于Macromedia公司收购了Future Splash以后便将其改名为 Flash2,到现在最新的flash4。现在网上已经有成千上万个Flash站点,著名的如Macromedia专门ShockRave站点,全部采用了Shockwave Flash 和Director。可以说Flash已经渐渐成为交互式知量的标准,未来网页的一大主流。由于HTML语言的功能十分有限,无法达到人们的预期设计,以实现令人耳目一新的动态效果,在这种情况下,各种脚本语言应运而生,使得网页设计更加多样化。然而,程序设计总是不能很好地普及,因为它要求一定的编程能力,而人们更需要一种既简单直观又有功能强大的动画设计工具,而Flash的出现正好满足了这种需求。

Flash动画设计的三大基本功能是整个Flash动画设计知识体系中最重要、也是最基础的,包括:绘图和编辑图形、补间动画和遮罩。这是三个紧密相连的逻辑功能,并且这三个功能自Flash诞生以来就存在。Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件(主要是影片剪辑)的混合物,通过这些元素的不同组合,从而可以创建千变万化的效果。

     主要功能:图形操作、补间动画、遮罩

   <4>Javascript脚本

    Javascript是一种由Netscape的LiveScript发展而来的脚本语言,主要目的是为了解决服务器终端语言,比如Perl,遗留的速度问题。当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript,提供了数据验证的基本功能。

    脚本script是使用一种特定的描述性语言,依据一定的格式编写的可执行文件,又称作宏或批处理文件。脚本通常可以由应用程序临时调用并执行。各类脚本目前被广泛地应用于网页设计中,因为脚本不仅可以减小网页的规模和提高网页浏览速度,而且可以丰富网页的表现,如动画、声音等。举个最常见的例子,当我们点击网页上的E-mail地址时能自动调用Outlook Express或Foxmail这类邮件软件,就是通过脚本功能来实现的。也正因为脚本的这些特点,往往被一些别有用心的人所利用。例如在脚本中加入一些破坏计算机系统的命令,这样当用户浏览网页时,一旦调用这类脚本,便会使用户的系统受到攻击。所以用户应根据对所访问网页的信任程度选择安全等级,特别是对于那些本身内容就非法的网页,更不要轻易允许使用脚本。通过“安全设置”对话框,选择“脚本”选项下的各种设置就可以轻松实现对脚本的禁用和启用。

    较常用的JS函数库有Prototype、Dojo、YUI、Ext JS、Moo Tools、Jquery等。现在最流行的是Jquery库。

五、 网站制作时间进度表

网站制作时间表

课题:静态网页制作             指导老师:巨峰                时间:20##-12-16

网站实现过程

1、本网站的主旨在于从各个方面全面系统的介绍中国象棋文化,展示象棋的无上魅力,同时,网页中的Flash都有着较为统一的格式及样式,用以从动态方面展现象棋世界的精华,不可超越。用整体的美感效果,为浏览者打造深刻、益志、吸引魅力的中国象棋。

2、logo的设计:网页的logo分为三个部分,总体是以深蓝色为主要背景。第一部分是我的名字组合成的椭圆C和斜体F,合成CF。第二部分是以我的英文字母中间加上的中国象棋棋子车字,用来实现整体中国象棋文化。组合成“中国象棋文化网”的图标。

3、主体部分:网站的主题部分由一个引导页,一个主页,7个二级页面及9个三级页面构成,整体采用“T”字型结构,网页的布局在Dreamweaver中由DIV+CSS实现整体的网页结构布局,Banner部分由Flash动画制作完成.图片由Photoshop及flash完成图片的修改,功能区和内容区及其页脚部分主要由背景颜色和文字构成,达到更好的视觉冲击。

4、整体网页:整体网页具有统一性和整体性,相互联系性较强,更好的突出静态网页的易于浏览的特点,充分体现出戏曲的产铜魅力,更好的传播中国戏曲文化,另外通过JavaScript脚本语言实现搜索框中的验证程序及栏目框中的“跑马灯”效果。

网站的测试

1、在网站的测试中,遇到图片及Flash动画不能预览或显示时,要注意文件夹的路径和文件夹命名的规范性。

2、在网站测试中,对文本或图片设置链接后,在预览效果中依然不能进行有效链接,检查超链接是否存在于文本中<a>标签内,如果样式表设置在其他位置,将不会对超链接文本起到任何作用

3、在网站测试中,背景运用CSS样式,在预览中不能被显示,要注意存放路径,一般网站站点中,通常都是用相对的链接路径,在CSS的样式表中,如果在其中一个CSS样式表中设置了背景图像,一定要注意检查背景图像所链接的相对路径是否正确。

八、心得体会

    通过此次实训让我对网页设计有了更进一步的兴趣,对网页设计也有了更进一步的了解,在老师的悉心指导下我的设计技术也有了很明显的进步和提高。

    回顾这次课程设计,从选题到开始制作,从理论到实践,回顾这三周的网站设计实训,至今我仍感慨颇多。的确,从选材到开始制作,从理论到实践,在三周的实训日子里,可以说得是苦多于甜,但是可以学到很多很多的的东西,同时不仅可以巩固了以前所学过的知识,而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性,只有理论知识是远远不够的,把所学的理论知识与实践相结合起来,从理论中得出结论,才能真正为掌握技术,从而提高自己的实际动手能力和独立思考的能力。使自己的技能有更近一步的提升。

        在设计的过程中,也遇到了很多的问题需要解决,这也让我认识到自己的不足之处,对以前的理论知识掌握的不够牢固,一些脚本程序还不是很熟悉。但老师都给予悉心的指导。最终网页的完成让我感觉无论什么事,只要肯做都是可以一步步完成的,付出就有回报。

     谢谢指导老师对我们认真的辅导,老师,您辛苦了。

九、参考文献

《CSS+DIV网页布局技术教程》

《JavaScript网页交互特效范例与技巧》

网站:http://www.chinaopera.net/index.html

      http://bjcmpmc.com.cn/

      http://www.xiqu.net/

十、附录

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>中国象棋文化网</title>

<script language="javascript">

var myDate=new Date();

dd = myDate.getDate();

mm = myDate.getMonth() + 1;

yy = myDate.getYear();

ff = myDate.getMinutes();

ss = myDate.getSeconds();

hh = myDate.getHours();

weekday=myDate.getDay();

var week = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");

var msg="";

if(hh>=0&&hh<=11){msg="早上好!"; document.write(msg+"今天是"+yy+"年"+mm+"月"+dd+"日"+week[weekday]);}

else if(hh>11&&hh<=16){msg="下午好"; document.write(msg+"今天是"+yy+"年"+mm+"月"+dd+"日"+week[weekday]);}

else if(hh>=17&&hh<=23){msg="晚上好";

document.write(msg+"今天是"+yy+"年"+mm+"月"+dd+"日"+week[weekday]);

document.bgColor="#ff0000";

document.fgColor="#000000";}

</script>

<script language="Javascript">

   var msg="****欢迎来到中国象棋文化网,欣赏中国象棋文化。运筹帷幄,决胜千里;让我们以棋会友,快乐人生!!!**** ";

   var interval = 100;

   var spacelen = 120;

   var space10 = " ";

   var seq = 0;

   function Scroll(){

   len=msg.length;

   window.status=msg.substring(0,seq+1);

   seq++;

   if(seq >= len){

       seq=spacelen;

       window.setTimeout("Scroll2();",interval);

   }

   else

       window.setTimeout("Scroll();",interval);

}

function Scroll2(){

    var out="";

    for (i=1;i<=spacelen/space10.length;i++)

        out=out+=space10;

        out=out+msg;

        len=out.length;

        window.status=out.substring(seq,len);

        seq++;

        if(seq>=len) { seq=0;};

        window.setTimeout("Scroll2();",interval);

}

Scroll();

</script> 

<style type="text/css">

<!--

body {

    margin:0;

    padding:0;

    margin-left: 40px;

    margin-right: 40px;

    background-image: url(images/2958128.gif);

      }

#one{width:900px;

     height:118px;

     margin:0 auto;

     }

#one p{padding-right:20px;

}

#two{width:900px;

     height:30px;

     margin:0 auto;

     }

#two ul {margin-left:130px; margin-top:7px;

         font-size:14pt;

        font-weight:bold;}

#two ul li{display:block;

           float:left;

          list-style-type:none;

          padding-left:25px;

          }

#two a{color:#663333;

       text-decoration:none;}

#two a:link{color:#663333;

            text-decoration:none;}

#two a:hover{color:#FF0000;

            text-decoration:underline;

           font-style:italic;}

.chinese {font-size: 12px}

.english {color: #666666;

          font-size: 12px}

.chinese a{color:#000000;

           text-decoration:none;

          }

.chinese a:link{color:#000000;

                text-decoration:none;

               }

.chinese a:hover{color:#FF0000;

                 text-decoration:underline;

               font-style:italic;

               }

.english a{color:#666666;

           text-decoration:none;

          }

.english a:link{color:#666666;

                text-decoration:none;

              }

.english a:hover{color:#FF0000;

                 text-decoration:underline;

               font-style:italic;

               }

#center{width:900px;

        height:570px;

       margin:0 auto;}

#left{width:200px;

      float:left;

      }

#right{width:700px;

       float:left;

       }

#right p{padding-left:7px;

         margin-left:7px;}

#left p{

        padding-top:20px;

       margin-top:7px;

       color:#FF0000;

      

       }

#left{background-color:#FFFFFF;

      height:500px;}

     

#footer{width:900px;

        margin:0 auto;

       background-color:#A4634F;

        }

#ej a{color:#663333;

        text-decoration:none;}

#ej a:link{color:#663333;

             text-decoration:none;

            }

#ej a:hover{color:#666666;

              text-decoration:none;

             font-style:italic;

             }

#first{margin-top:7px;

       padding-top:7px;}

.STYLE1 {

    font-size: 16px;

    color: #000099;

    font-weight: bold;

}

.STYLE10 {color: #544530;

    font-weight: bold;

}

.STYLE15 {font-size: 36px;

    font-weight: bold;

}

.STYLE4 {font-size: 14px}

.STYLE19 {font-size: 36px; font-weight: bold; color: #663333; }

a:link {

    color: #000000;

    text-decoration: none;

}

a:visited {

    text-decoration: none;

    color: #000000;

}

a:hover {

    text-decoration: none;

    color: #FF0000;

}

a:active {

    text-decoration: none;

    color: #000000;

}

a:hover {

    font-style: italic;

    color: #FF0000;

}

a:visited {

}

a:link {

    color: #000000;

}

a:active {

    color:#000000;

}

#one .STYLE4 br {

}

a:hover {

    color: #FF0000;

}

.STYLE20 {font-size: 24px}

.STYLE21 {color: #0033FF}

.STYLE23 {color: #0000FF}

.STYLE28 {color: #000000; font-size: 12px; }

.STYLE29 {color: #000000}

      

-->

</style>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

</head>

<body>

<div id="one">

  <div align="center">

  <table width="900" border="0" align="center" cellpadding="0" cellspacing="0">

    <tr>

      <td width="105"><img src="images/1_03.gif" width="120" height="90" /></td>

      <td width="370" valign="bottom"><p align="center"><span class="STYLE19">中&nbsp;国&nbsp;象&nbsp;棋&nbsp;文&nbsp;化&nbsp;网</span><span class="STYLE15"><span class="STYLE4">&nbsp;<span class="STYLE10"> &nbsp;Zhong&nbsp;&nbsp;&nbsp;Guo&nbsp;&nbsp;&nbsp; Xiang&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Qi&nbsp;&nbsp;&nbsp;&nbsp;Wen&nbsp;&nbsp;&nbsp;&nbsp; Hua &nbsp; Wang</span></span></span></p></td>

      <td width="426"><div align="center"><img src="images/psb.jpg" width="330" height="100" /></div></td>

      <td width="99"><div class="STYLE4" style="display:inline; width:90px;float:left "> <br />

              <div style="height:22px;">

                <div align="left"><u><a href="#">申请VIP会员</a></u>

                    <a href="#">

                    <script>twinkling(document.all.sqvip,"#003300");</script>

                    </a></div>

              </div>

        <div style="height:22px;">

                <div align="left"><a href="#"><u>加入收藏</u></a></div>

        </div>

        <div id="StranLink" style="color:#003300; height:22px;cursor:hand;" title="点击以英文方式浏览">

                <div align="left"><a href="#"><u>英文版</u></a><u><a href="#"></a></u></div>

        </div>

      </div></td>

    </tr>

  </table>

</div>

</div>

<div id="two">

  <div align="center" style="border:#977E57 3px solid;">

    <div align="center"><span class="span_top" onmousemove="this.className='span_top2'" onmouseout="this.className='span_top'"> <strong><a href="index.html">首&nbsp;&nbsp;&nbsp;&nbsp;页</a></strong> </span> | <span class="span_top" onmousemove="this.className='span_top2'" onmouseout="this.className='span_top'"><strong><a href="index.html">象棋简介</a></strong></span> |<strong> <a href="1-3.html">历史起源</a> | <a href="1-4.html">网络赛场</a> | <a href="1-5.html">象棋规则</a> | <a href="1-6.html">象棋谱库</a> | <a href="1-7.html">象棋论坛</a> | <a href="1-8.html">在线留言</a> | <a href="1-9.html">与我联系</a> | <a href="ydy.html">引导页</a> </strong></div>

   

  </div>

</div>

<div>

  <div style="margin:0 auto; width:900px; height:148px;">

    <div style="display:inline; width:198px;float:left">

       <div style="border:#A4634F 1px solid;">

           <div style="border:#E27958 1px solid;">

              <div style="border:#A4634F 2px solid; height:137px; ">

                  <div style="height:24px;background:url(../images/map.gif) no-repeat 0 0; border-bottom:#935642 2px solid; "></div>

    <table width="95%" height="116" border="0" align="center" cellspacing="0">

    <form name="form1" method="post" action="http://www.zgxqds.com/userlogin.asp" onSubmit="return (form1.user.value!=&#39;&#39; &amp;&amp; form1.pass.value!=&#39;&#39;)"></form>

      <tbody><tr>

        <td width="38%" align="right" height="28">用户名:</td>

        <td width="62%"><input name="user" type="text" class="input" size="10" maxlength="32" value=""></td>

      </tr>

      <tr>

        <td align="right">密&nbsp;&nbsp;码:</td>

        <td><input name="pass" type="password" class="input" size="9" maxlength="32" value=""></td>

      </tr>

      <tr align="center">

        <td colspan="2"><input type="checkbox" name="ch_box" value="true">

记住我的密码 </td>

        </tr>

      <tr align="center">

        <td colspan="2"><input type="submit" name="Submit" value="登录">

&nbsp;&nbsp;

<input type="button" name="Input" value="注册" onClick="window.location.href=&#39;../register.asp&#39;;"></td>

      </tr>

   

    </tbody></table>

             </div>

           </div>

       </div>

    </div>

    <div style="display:inline; width:7px; height:130px;float:left;"></div>

    <div>

      <p>

        <script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','550','height','58','src','flash/guanggao','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/guanggao' ); //end AC code

        </script>

        <noscript>

        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="550" height="58">

          <param name="movie" value="flash/guanggao.swf" />

          <param name="quality" value="high" />

          <embed src="flash/guanggao.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="550" height="58"></embed>

        </object>

        </noscript>

      &nbsp;&nbsp;&nbsp;<img src="images/300_250.gif" width="113" height="56" /></p>

    </div>

    <div style="display:inline; width:558px;float:left;">

<div id="d" align="right" style="position:absolute; z-index:100; font-size:18px; display:none; "><span style="cursor:hand;background-color:#CCCCCC;" onClick="document.all.d.style.display=&#39;none&#39;;">关闭</span><br><iframe src="" width="550" height="462" frameborder="0" name="ifd"></iframe></div>

      <div style="height:48px;">

       <div style="border:#000000 1px solid;"><div style="border:#A58E67 2px solid; line-height:22px;  "><marquee direction="left" height="52" scrollamount="2" onMouseOver="this.stop();" onMouseOut="this.start();">

                        <span class="STYLE21"><span class="STYLE23">公告:运筹帷幄,决胜千里;以棋会友,快乐人生!!!象棋大赛将于三天后在霹雳公馆内举行,时间为上午8点。&nbsp;&nbsp;</span></span>

       </marquee>

           <script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','261','height','17','src','flash/shantu','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/shantu' ); //end AC code

</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="261" height="17">

              <param name="movie" value="flash/shantu.swf" />

              <param name="quality" value="high" />

              <embed src="flash/shantu.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="261" height="17"></embed>

            </object></noscript>

       </div>

       </div>

      </div>

    </div>

    &nbsp;&nbsp;&nbsp;<img src="images/c24990c47b3f0b73828fe10f99a5ec51.gif" width="110" height="80" /></div>

</div>

<div id="center">

   <div id="left">

     <form id="form7" name="form7" method="post" action="">

       <div align="center">

         <p><strong><img src="images/che.jpg" width="30" height="30" align="absmiddle" /><a href="index.html">象棋简介</a></strong>         </p>

       </div>

     </form>

     <form id="form3" name="form3" method="post" action="">

       <div align="center"><strong><img src="images/che.jpg" alt="" width="30" height="30" align="absmiddle" /></strong><a href="1-10.html">棋界动态</a> </div>

     </form>

     <form id="form4" name="form4" method="post" action="">

       <div align="center"><strong><img src="images/che.jpg" alt="" width="30" height="30" align="absmiddle" /></strong><a href="1-11.html">棋诗棋文</a></div>

     </form>

     <form id="form5" name="form5" method="post" action="">

       <div align="center"><strong><img src="images/che.jpg" alt="" width="30" height="30" align="absmiddle" /></strong><a href="1-12.html">网友评论</a> </div>

     </form>

     <form id="form6" name="form6" method="post" action="">

       <div align="center"><span class="STYLE29"><strong><img src="images/che.jpg" alt="" width="30" height="30" align="absmiddle" /></strong><a href="1-13.html">论坛新贴</a></span>       </div>

     </form>

     <p align="center"><img src="images/001372d899ef0e377d6336.jpg" width="185" height="185" /></p>

     <p align="left">&nbsp;</p>

     <p>&nbsp; </p>

  </div>

<div id="right">

  <p align="center" class="STYLE1 STYLE20" id="first"><strong>在线赛场</strong></p>

    <hr width="650" />

    <table

style="BORDER-RIGHT: #334455 1px solid; BORDER-TOP: #334455 1px solid; BORDER-LEFT: #334455 1px solid; BORDER-BOTTOM: #334455 1px solid"

height="298" width="606" align="center" border="0">

      <tbody>

        <tr>

          <td width="2%" height="21">&nbsp;</td>

          <td width="69%">比赛名称</td>

          <td align="middle" width="29%">比赛时间</td>

        </tr>

        <tr>

          <td height="22"></td>

          <td title="已经结束的比赛" style="COLOR: #000000; BORDER-BOTTOM: #599f84 1px dashed"

    align="left">山西象棋群联盟 报名 <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/guicheng.asp?bisainame=%C9%BD%CE%F7%CF%F3%C6%E5%C8%BA%C1%AA%C3%CB"

      target="_blank">规程</a> <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/saiguo.asp?bisainame=%C9%BD%CE%F7%CF%F3%C6%E5%C8%BA%C1%AA%C3%CB"

      target="_blank">成绩</a> <a

      href="http://www.zgxqds.com/saichang/history.asp?bisainame=%C9%BD%CE%F7%CF%F3%C6%E5%C8%BA%C1%AA%C3%CB"

      target="_blank">历史</a></td>

          <td style="BORDER-BOTTOM: #599f84 1px dashed">20##-12-22至20##-12-22</td>

        </tr>

        <tr>

          <td height="22"></td>

          <td title="已经结束的比赛" style="COLOR: #000000; BORDER-BOTTOM: #599f84 1px dashed"

    align="left">唐山棋友会空间 报名 <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/guicheng.asp?bisainame=%CC%C6%C9%BD%C6%E5%D3%D1%BB%E1%BF%D5%BC%E4"

      target="_blank">规程</a> <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/saiguo.asp?bisainame=%CC%C6%C9%BD%C6%E5%D3%D1%BB%E1%BF%D5%BC%E4"

      target="_blank">成绩</a> </td>

          <td style="BORDER-BOTTOM: #599f84 1px dashed">20##-12-18至20##-12-18</td>

        </tr>

        <tr>

          <td height="22"></td>

          <td title="已经结束的比赛" style="COLOR: #000000; BORDER-BOTTOM: #599f84 1px dashed"

    align="left">河南棋苑象棋联盟 报名 <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/guicheng.asp?bisainame=%BA%D3%C4%CF%C6%E5%D4%B7%CF%F3%C6%E5%C1%AA%C3%CB"

      target="_blank">规程</a> <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/saiguo.asp?bisainame=%BA%D3%C4%CF%C6%E5%D4%B7%CF%F3%C6%E5%C1%AA%C3%CB"

      target="_blank">成绩</a> </td>

          <td style="BORDER-BOTTOM: #599f84 1px dashed">20##-12-14至20##-12-14</td>

        </tr>

        <tr>

          <td height="22"></td>

          <td title="已经结束的比赛" style="COLOR: #000000; BORDER-BOTTOM: #599f84 1px dashed"

    align="left">百花园女子棋社 报名 <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/guicheng.asp?bisainame=%B0%D9%BB%A8%D4%B0%C5%AE%D7%D3%C6%E5%C9%E7"

      target="_blank">规程</a> <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/saiguo.asp?bisainame=%B0%D9%BB%A8%D4%B0%C5%AE%D7%D3%C6%E5%C9%E7"

      target="_blank">成绩</a> </td>

          <td style="BORDER-BOTTOM: #599f84 1px dashed">20##-12-14至20##-12-14</td>

        </tr>

        <tr>

          <td height="22"></td>

          <td title="已经结束的比赛" style="COLOR: #000000; BORDER-BOTTOM: #599f84 1px dashed"

    align="left">英雄本色联盟 报名 <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/guicheng.asp?bisainame=%D3%A2%D0%DB%B1%BE%C9%AB%C1%AA%C3%CB"

      target="_blank">规程</a> <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/saiguo.asp?bisainame=%D3%A2%D0%DB%B1%BE%C9%AB%C1%AA%C3%CB"

      target="_blank">成绩</a> </td>

          <td style="BORDER-BOTTOM: #599f84 1px dashed">20##-12-11至20##-12-11</td>

        </tr>

        <tr>

          <td height="22"></td>

          <td title="已经结束的比赛" style="COLOR: #000000; BORDER-BOTTOM: #599f84 1px dashed"

    align="left">唐山象棋俱乐部棋友联盟 报名 <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/guicheng.asp?bisainame=%CC%C6%C9%BD%CF%F3%C6%E5%BE%E3%C0%D6%B2%BF%C6%E5%D3%D1%C1%AA%C3%CB"

      target="_blank">规程</a> <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/saiguo.asp?bisainame=%CC%C6%C9%BD%CF%F3%C6%E5%BE%E3%C0%D6%B2%BF%C6%E5%D3%D1%C1%AA%C3%CB"

      target="_blank">成绩</a> </td>

          <td style="BORDER-BOTTOM: #599f84 1px dashed">20##-12-6至20##-12-6</td>

        </tr>

        <tr>

          <td height="22"></td>

          <td title="已经结束的比赛" style="COLOR: #000000; BORDER-BOTTOM: #599f84 1px dashed"

    align="left">河北石家庄象棋联盟 报名 <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/guicheng.asp?bisainame=%BA%D3%B1%B1%CA%AF%BC%D2%D7%AF%CF%F3%C6%E5%C1%AA%C3%CB"

      target="_blank">规程</a> <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/saiguo.asp?bisainame=%BA%D3%B1%B1%CA%AF%BC%D2%D7%AF%CF%F3%C6%E5%C1%AA%C3%CB"

      target="_blank">成绩</a> </td>

          <td style="BORDER-BOTTOM: #599f84 1px dashed">20##-11-22至20##-11-22</td>

        </tr>

        <tr>

          <td height="22"></td>

          <td title="已经结束的比赛" style="COLOR: #000000; BORDER-BOTTOM: #599f84 1px dashed"

    align="left">山西晋阳棋协联盟 报名 <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/guicheng.asp?bisainame=%C9%BD%CE%F7%BD%FA%D1%F4%C6%E5%D0%AD%C1%AA%C3%CB"

      target="_blank">规程</a> <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/saiguo.asp?bisainame=%C9%BD%CE%F7%BD%FA%D1%F4%C6%E5%D0%AD%C1%AA%C3%CB"

      target="_blank">成绩</a> </td>

          <td style="BORDER-BOTTOM: #599f84 1px dashed">20##-11-14至20##-11-14</td>

        </tr>

        <tr>

          <td height="22"></td>

          <td title="已经结束的比赛" style="COLOR: #000000; BORDER-BOTTOM: #599f84 1px dashed"

    align="left">榴城象棋群空间 报名 <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/guicheng.asp?bisainame=%C1%F1%B3%C7%CF%F3%C6%E5%C8%BA%BF%D5%BC%E4"

      target="_blank">规程</a> <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/saiguo.asp?bisainame=%C1%F1%B3%C7%CF%F3%C6%E5%C8%BA%BF%D5%BC%E4"

      target="_blank">成绩</a> </td>

          <td style="BORDER-BOTTOM: #599f84 1px dashed">20##-11-11至20##-11-11</td>

        </tr>

        <tr>

          <td height="22"></td>

          <td title="已经结束的比赛" style="COLOR: #000000; BORDER-BOTTOM: #599f84 1px dashed"

    align="left">温州象棋草根联盟 报名 <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/guicheng.asp?bisainame=%CE%C2%D6%DD%CF%F3%C6%E5%B2%DD%B8%F9%C1%AA%C3%CB"

      target="_blank">规程</a> <a style="COLOR: blue"

      href="http://www.zgxqds.com/saichang/saiguo.asp?bisainame=%CE%C2%D6%DD%CF%F3%C6%E5%B2%DD%B8%F9%C1%AA%C3%CB"

      target="_blank">成绩</a> </td>

          <td style="BORDER-BOTTOM: #599f84 1px dashed">20##-10-18至20##-10-18</td>

        </tr>

        <tr>

          <td align="right" colspan="3" height="21"><a

      href="http://www.zgxqds.com/saichang/index.asp"

  target="_blank">更多……</a></td>

        </tr>

      </tbody>

    </table>

    <p align="center"><img src="images/1407147233.jpg" width="236" height="145" />&nbsp;&nbsp;&nbsp; &nbsp;

      <script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','80','height','160','src','flash/duizhan','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/duizhan' ); //end AC code

</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="80" height="160">

        <param name="movie" value="flash/duizhan.swf" />

        <param name="quality" value="high" />

        <embed src="flash/duizhan.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="80" height="160"></embed>

      </object></noscript>

    &nbsp; &nbsp;&nbsp;<img src="images/1729119860.jpg" width="236" height="145" /> </p>

    <hr />

</div>

</div>

<div id="footer" align="center">

  <p align="center"><span class="chinese"><a href="#">网站简介</a></span><span class="english"> | </span><span class="chinese"><a href="#">广告服务</a></span><span class="english"> | </span><span class="chinese"><a href="#">网站地图</a></span><span class="english"> | </span><span class="chinese"><a href="#">网站声明</a></span><span class="english"> | </span><span class="chinese"><a href="#">联系方式</a></span><span class="english"> | </span><span class="chinese"><a href="#">在线反馈</a></span><span class="english"> |</span><span class="chinese"><a href="#">Chinese Opera</a></span><br />

  </p>

<p align="center"><span class="STYLE28">Copyright 中国互联网新闻中心Chinaopera.Net Some Rights Reserved </span></div>

</body>

</html>

                                                 学生:陈锋

 时间:20##-01-04

更多相关推荐:
网页制作实训报告

《网页制作》课程实训说明书系(部):班级:姓名:指导教师:20**~20**学年第一学期摘要《网页制作》实训的目的主要是让我们通过这门实践课程的学习了解和掌握网页设计的基本方法,通过不断上机实习训练达到解决实际…

网页设计实训报告

网页设计报告题目:个人网站实训报告学号:XXX姓名:XXX一.实训意义:网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求,在教师的指导下对学生进行网页制作专业技能的训练,培养学…

网页实训报告

安徽机电职业技术学院HtmlCss网站设计课程实训说明书系部信息工程系班级姓名指导教师1摘要经本次的实验我们主要的是学习table布局及使用div布局这两种方法各有各的好处在以前没有学习div布局的时候可是学习...

静态网页实训报告

南京工业职业技术学院网页设计实训报告网页设计实训个人休闲网页作者朱受燕班级电商1211学号120xx83126指导教师柴锁柱白顺科20xx年3月六日1南京工业职业技术学院网页设计实训报告目录前言3一实训意义4二...

网页实训报告

衢州学院网页设计实训报告课程名称网页设计与网站开发网站名称圣诞快乐班级姓名金家辉指导教师完成时间目录1实训目的12实训意义13网站的设计与制作131网站的运行环境132网站的概要设计网站主题网站规划网站结构网站...

网页实训报告

网页设计与制作实训课程设计报告设计题目专业网络互联班级计网1班姓名朱芳兵指导教师刘磊二一一年12月16日目录目录11课程设计目的22课程设计题目描述和要求23课程设计报告内容231网站主页设计232特色433网...

网页制作实训报告

一.实训意义:网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求.在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识…

网页设计实训报告

网页设计实验报告1实训目的通过实训进一步的了解dreamweaver软件的一些功能和熟悉一些工具例如学会建立简单的web网页会将FLASH插入到网页会使用表格排版页面会制作简单的导航掌握css样式表的使用方法等...

动态网站实训报告

1实习内容及知识应用11实训内容以及进程安排实训内容动态网站制作的学习及动态网站的制作这次在3名指导老师的带领下我们主要学习了用2种现在比较流行的动态网站开发平台来开发网站JSP平台与ASPNET平台JSP平台...

网页设计实验报告

实验一熟悉环境与网页中站点的相关操作学号太原工业学院0920xx1姓名刀锋战士日期20xx5131实验目的熟悉网页开发环境尤其是Dreamweaver掌握站点的相关操作和功用了解HTML的基本语法2实验环境Wi...

Web网页设计实验报告

课程设计报告书20xx20xx学年第1学期设计题目Web网页制作实验报告年级专业08级市场营销姓名学号指导老师经济管理系12月20日目录一设计目的3二设计题目3三结构设计3四技术分析4五设计过程7六实验心得10...

网页设计实验报告

实验一熟悉环境与网页中站点的相关操作学号姓名日期1实验目的熟悉网页开发环境尤其是Dreamweaver掌握站点的相关操作和功用了解HTML的基本语法2实验环境WindowsXPDreamweaver3实验内容1...

网页实训报告(55篇)