静态网页实训报告怎么写有法律效力

安徽工业职业技术学院静态网页实训报告专业：计算机网站开发班级：12网站开发2班学号：1座位号：15号姓名：陈指导教师：巨峰学习方向：静态网页设计实训时间：2013-12-16——2014-1-5实训地点：图文信息楼401机房静态网页实训报告一、中国象棋背景概述随着中国形象和综合国力的增强，中国元素符号已成蔚然成风之势。特别是在20__年北京奥运会开幕式和20__年的上海世博会，“中国元素”的精彩绽放，不仅让国人为之兴奋骄傲，更让世界为之赞叹和痴迷。同时成为“中国元素”大产业蓬勃发展的新起点、新坐标。当前中国元素在国内外品牌中、在各个行业中日益受到重视和运用，烙印中国元素符合的产品种类更加丰富，产品文化内涵更加突出。其中国元素产品更加重视“文化鉴赏性”与“消费实用性”的有机融合，走向大众消费者的步伐日益加快。中国特有的自然与人文景观正向世人展现着它独特的魅力，而这其中诸多的中国元素更是令很多外国人如痴如醉，中国象棋就是其中之一。中国象棋在中国有着悠久的历史，属于二人对抗性游戏的一种。由于用具简单，趣味性强，成为流行极为广泛的棋艺活动。是我国正式开展的78个体育项目之一，为促进该项目在世界范围内的普及和推广，在中国古代，象棋被列为士大夫们的修身之艺，现在则被视为怡XX的一种有益的活动。在棋战中，人们可以从攻与防、虚与实、整体与局部等复杂关系的变化中悟出某种哲理。二、中国象棋发展需求分析中国象棋即军际象棋，具有悠久的历史。唐代，象棋在中国发生了很大的变化，已有“将、马、车、卒”4个兵种，由黑白相间的个方格组成。后来又参照我国的围棋，把个方格变为90个点。宋代，中国象棋基本定型，除了因火药的发明增加了“炮”之外，还增加了“士”、“象”。另外宋晁无咎的“广象棋”有棋子32个，与现代象棋棋子总数相同，但是不知道棋盘上有没有河界。宋、元期间的《事林广记》刊载了两局象棋的全盘着法。明代，可能为了下棋和记忆的方便，才将一方面的“将”改为“帅”。另外明、清时期，棋书出版较多，尤以明代徐芝的《适情雅趣》、明末清初朱晋桢的《橘中秘》、清代王再越的《梅花泉》和张的《竹香斋象戏谱》更为著名。如今，中国象棋已流传到十几个国家和地区。在日本、菲律宾还成立了中国象棋协会。经过近百年的实践，象棋于北宋末定型成近代模式：32枚棋子，有河界的棋盘，将在九宫之中等等。南宋时期，象棋“家喻户晓”，成为流行极为广泛的棋艺活动。李、刘等文学家，洪、文等政治家，都嗜好下象棋。宫廷设的“棋待诏”中，象棋手占一半以上。新中国建立之后，象棋进入了一个崭新的发展阶段。19__年，象棋成为国家体育项目。以后，几乎每年都举行全国性的比赛。19__年成立了中华全国体育总会的下属组织—中国象棋协会，各地相应建立了下属协会机构。随着现代电子媒介渗透到人们生活的各个方面，各个角落，电子媒介成为人们生活必不可少的组成部分。而网络在这些媒介中更具有不可替代的部分，所以这个网站具有非常鲜明的传播和观看效果，预期在将来会有很好的收益。三、网站总体规划—各栏目一级页面为首页采用的是网站中常用的“T字型”结构，名称为“XXX”，主要是总体上介绍中国象棋简介。总体运用了文字和有关象棋的图片及相关的flash,体现出了象棋文化网站的整体美。二级页面在是在一级页面链接的基础上所规划制作的，总体采用的也是“T字型”结构，共有6个，名称分别为：XXX、XXX、XXX、XXX、XXX、XXX这6个页面在整体上均采用“T字型”结构，目的是为了体现网站制作的整体性。使网站看起来具有一定的整体美感。而且在每个二级页面的主体部分我分别用文字介绍了相关内容，目的是为了用文字方式为大家展示象棋有关的精华部分。三级页面是对二级页面的内容部分的更加详细的介绍，在结构了也利用了和二级页面相同的“T字型”结构，从二级页面里面链接出的更加详细的部分。让参观者从表面上就对中国象棋有一定的认识。三级页面的命名名称分别为：XXX、XXX、XXX、XXX、XXX、XXX、XXX、XXX、XXX、XXX.其他：（1）在二级页面develop中我采用了表单控件，并且利用脚本对其进行了访问（2）在每个页面中都有利用脚本制作的时间，让打开网页者能第一时间知道时间变化，这个时间会随着你不同时间段打开更新。（3）每个页面部分都有利用脚本制作的滚动浏览，内容为：“欢迎来到中国象棋文化网，欣赏中国象棋文化。运筹帷幄，决胜千里；让我们以棋会友，快乐人生！”四、使用工具介绍<1>beDreamweaverCS3DreamweaverCS3是be（多比）公司收购公司后推出的CreativeSuite3设计套装中用于网页设计与制作的组件。作为全球最流行，最优秀的所见即所得的网页编辑器，Dreamweaver可以轻而易举地制作出跨操作系统平台，跨浏览器的充满动感的网页，是目前制作Web页站点,Web页和Web应用程序开发的理想工具。Dreamweaver，Fireworks，Flash被称为网页制作的“三剑客”，这三款工具相辅相成，是制作网页的最佳拍档之一。与其他网页编辑工具相比，Dreamweaver的新版DreamweaverCS3主要功能和具体应用方法，Dreamweaver的主要特点有:（1）形式灵活；（2）可视化编辑环境；（3）强大CSS功能；（4）站点管理功能完善；（5）集成性高；（6）媒体支持能力强；（7）扩展能力强。<2>CSS+DIV的介绍DIV+CSS是WEB设计标准，它是一种网页的布局方法。与传统中通过表格（table）布局定位的方式不同，它可以实现网页页面内容与表现相分离。提及DIV+CSS组合，还要从_HTML说起。_HTML是一种在HTML基础上优化和改进的新语言，目的是基于_ML应用与强大的数据转换能力，适应未来网络应用更多的需求。“DIV+CSS”其实是错误的叫法，而标准的叫法应是_HTML+CSS。因为DIV与Table都是_HTML或HTML语言中的一个标记，而CSS只是一种表现形式。也许其提出者本意并没有错，但是跟风者从表现曲解了其意思，认为整个页面就应当是DIV+CSS文件的组合。<3>flash动画制作Flash是一种交互式矢量多媒体技术，他的前身是Futureplash，早期网上流行的矢量动画插件。后来由于公司收购了FutureSplash以后便将其改名为Flash2，到现在的flash4。现在网上已经有成千上万个Flash站点，著名的如Macromedia专门ShockRave站点，全部采用了ShockwaveFlash和Director。可以说Flash已经渐渐成为交互式知量的标准，未来网页的一大主流。由于HTML语言的功能十分有限，无法达到人们的预期设计，以实现令人耳目一新的动态效果，在这种情况下，各种脚本语言应运而生，使得网页设计更加多样化。然而，程序设计总是不能很好地普及，因为它要求一定的编程能力，而人们更需要一种既简单直观又有功能强大的动画设计工具，而Flash的出现正好满足了这种需求。Flash动画设计的三大基本功能是整个Flash动画设计知识体系中最重要、也是最基础的，包括：绘图和编辑图形、补间动画和遮罩。这是三个紧密相连的逻辑功能，并且这三个功能自Flash诞生以来就存在。Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件（主要是影片剪辑）的混合物，通过这些元素的不同组合，从而可以创建千变万化的效果。主要功能：图形操作、补间动画、遮罩<4>Javascript脚本Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。脚本script是使用一种特定的描述性语言，依据一定的格式编写的可执行文件，又称作宏或批处理文件。脚本通常可以由应用程序临时调用并执行。各类脚本目前被广泛地应用于网页设计中，因为脚本不仅可以减小网页的规模和提高网页浏览速度，而且可以丰富网页的表现，如动画、声音等。举个最常见的例子，当我们点击网页上的E－mail地址时能自动调用OutlookE_press或Fo_mail这类邮件软件，就是通过脚本功能来实现的。也正因为脚本的这些特点，往往被一些别有用心的人所利用。例如在脚本中加入一些破坏计算机系统的命令，这样当用户浏览网页时，一旦调用这类脚本，便会使用户的系统受到攻击。所以用户应根据对所访问网页的信任程度选择安全等级，特别是对于那些本身内容就非法的网页，更不要轻易允许使用脚本。通过“安全设置”对话框，选择“脚本”选项下的各种设置就可以轻松实现对脚本的禁用和启用。较常用的JS函数库有Prototype、Dojo、YUI、E_tJS、MooTools、Jquery等。现在最流行的是Jquery库。五、网站制作时间进度表网站制作时间表六、网站实现过程1、本网站的主旨在于从各个方面全面系统的介绍中国象棋文化，展示象棋的无上魅力，同时，网页中的Flash都有着较为统一的格式及样式，用以从动态方面展现象棋世界的精华，不可超越。用整体的美感效果，为浏览者打造深刻、益志、吸引魅力的中国象棋。2、logo的设计：网页的logo分为三个部分，总体是以深蓝色为主要背景。第一部分是我的名字组合成的椭圆C和斜体F，合成CF。第二部分是以我的英文字母中间加上的中国象棋棋子车字，用来实现整体中国象棋文化。组合成“中国象棋文化网”的图标。3、主体部分：网站的主题部分由一个引导页，一个主页，7个二级页面及9个三级页面构成，整体采用“T”字型结构，网页的布局在Dreamweaver中由DIV+CSS实现整体的网页结构布局，Banner部分由Flash动画制作完成.图片由Photoshop及flash完成图片的修改，功能区和内容区及其页脚部分主要由背景颜色和文字构成，达到更好的视觉冲击。4、整体网页：整体网页具有统一性和整体性，相互联系性较强，更好的突出静态网页的易于浏览的特点，充分体现出戏曲的产铜魅力，更好的传播中国戏曲文化，另外通过JavaScript脚本语言实现搜索框中的验证程序及栏目框中的“跑马灯”效果。七、网站的测试1、在网站的测试中，遇到图片及Flash动画不能预览或显示时，要注意文件夹的路径和文件夹命名的规范性。2、在网站测试中，对文本或图片设置链接后，在预览效果中依然不能进行有效链接，检查超链接是否存在于文本中标签内，如果样式表设置在其他位置，将不会对超链接文本起到任何作用3、在网站测试中，背景运用CSS样式，在预览中不能被显示，要注意存放路径，一般网站站点中，通常都是用相对的链接路径，在CSS的样式表中，如果在其中一个CSS样式表中设置了背景图像，一定要注意检查背景图像所链接的相对路径是否正确。八、心得体会通过此次实训让我对网页设计有了更进一步的兴趣，对网页设计也有了更进一步的了解，在老师的悉心指导下我的设计技术也有了很明显的进步和提高。回顾这次课程设计，从选题到开始制作，从理论到实践，回顾这三周的网站设计实训，至今我仍感慨颇多。的确，从选材到开始制作，从理论到实践，在三周的实训日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在书本上所没有学到过的知识。更懂得并亲身体会到了理论与实际相结合的重要性，只有理论知识是远远不够的，把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为掌握技术，从而提高自己的实际动手能力和思考的能力。使自己的技能有更近一步的提升。在设计的过程中，也遇到了很多的问题需要解决，这也让我认识到自己的不足之处，对以前的理论知识掌握的不够牢固，一些脚本程序还不是很熟悉。但老师都给予悉心的指导。最终网页的完成让我感觉无论什么事，只要肯做都是可以一步步完成的，付出就有回报。谢谢指导老师对我们认真的辅导，老师，您辛苦了。九、参考文献《CSS+DIV网页布局技术教程》《JavaScript网页交互特效范例与技巧》网站：/XXX十、附录varmyDate=newDate();dd=XXX();mm=XXX()+1;yy=XXX();ff=XXX();ss=XXX();hh=XXX();weekday=XXX();varweek=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");varmsg="";if(hh>=0hh<=11){msg="早上好!";XXX(msg+"今天是"+yy+"年"+mm+"月"+dd+"日"+week[weekday]);}elseif(hh>11hh<=16){msg="下午好";XXX(msg+"今天是"+yy+"年"+mm+"月"+dd+"日"+week[weekday]);}elseif(hh>=17hh<=23){msg="晚上好";XXX(msg+"今天是"+yy+"年"+mm+"月"+dd+"日"+week[weekday]);XXX"ff0000";XXX"000000";}varmsg="欢迎来到中国象棋文化网，欣赏中国象棋文化。运筹帷幄，决胜千里；让我们以棋会友，快乐人生！";varinterval=100;varspacelen=120;varspace10="";varseq=0;functionScroll(){len=XXX;XXX.substring(0,seq+1);seq++;if(seq>=len){seq=spacelen;XXX("Scroll2();",interval);elseXXX("Scroll();",interval);functionScroll2(){varout="";for(i=1;i<=spacelen/XXX;i++)out=out+=space10;out=out+msg;len=XXX;XXXXXX(seq,len);seq++;if(seq>=len){seq=0;};XXX("Scroll2();",interval);}Scroll();