安徽工业职业技术学院
静态网页实训报告
专 业:计算机网站开发
班 级: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">中 国 象 棋 文 化 网</span><span class="STYLE15"><span class="STYLE4"> <span class="STYLE10"> Zhong Guo Xiang Qi Wen Hua 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">首 页</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!='' && form1.pass.value!='')"></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">密 码:</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="登录">
<input type="button" name="Input" value="注册" onClick="window.location.href='../register.asp';"></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>
<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='none';">关闭</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点。 </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>
<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"> </p>
<p> </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"> </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" />
<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>
<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