搜索
1计算机科学与技术学院课程设计成绩单课程名称：Web技术指导教师：******姓名**性别男学号*************班级计算机科学与技术1202班综合成绩成绩等级设计整体表现力（占总成绩20%）□能正确表现□基本能正确表现□能表现但不完善（20分）（15分）（10分）设计功能完善程度（占总成绩10%）□完善□基本完善□不完善（10分）（8分）（5分）设计结构的合理性（占总成绩10%）□合理□基本合理□不太合理（10分）（8分）（5分）对问题的答辩情况（占总成绩40%）□概念正确有创新□能正确回答所有问题□基本能正确回答（40分）（35分）（30分）□部分问题回答概念不清晰（20分）学生的工作态度与独立工作能力（占总成绩10%）□工作态度认真能独立完成任务□工作态度认真但独立性较差（10分）（8分）□工作态度基本认真但缺乏独立性（5分）设计报告的规范性（占总成绩10%）□符合规范□基本符合规范□规范性较差（10分）8分）（5分）优秀：90分~100分良好：80分~89分中等：70~79分及格：60~69分不及格0分~59分武汉科技大学计算机科学与技术学院制表2计算机科学与技术学院课程设计报告课程名称：Web技术专业：计算机科学与技术班级：2012级2班学号：*************姓名：****指导老师：二〇一三年6月10日3一.课程设计题目：精品课程教学网站的设计与开发题目内容：必做部分1.主页2.留言板设计3.联系我们页面4.申请一个免费空间，上传自己设计的网站。选做部分（至少选做6个）1.使用CSS+Div布局页面2.音乐盒设计3.后台管理页面设计---留言管理（删除与回复）4.在线习题测试5.在线人数统计6.浮动广告7.留言扩展—含有图片、视频等8.对登录密码进行Mid5加密9.为密码登录或提交留言时增加验证码二.课程设计目的综合应用所学的知识，提高Web程序的编程能力，提高团队协作能力。三.逻辑思路首先先要搭建网页主页的布局，要明确网页的主要内容和主要思想；再用dw一边设计一边写代码，在设计的过程生成的代码要善于去弄懂，领略其中的本质，注意网页的相互调用关系，整个网页有一个设置了弹出式菜单，有四个设置了超级链接要，相互之间的调用关系要始终保持自己的头脑清晰，在写代码的过程中还要注重网页的美观和整个布局；之后要用IIS反复测试代码的正确性，对于一些细节问题要善于自己去解决，测试完毕就需要自己在网上申请一个域名，将自己设计的网站再上传到网络中。四.设计的代码及截图1.主页为index。Asp，其代码如下：htmlheadtitle精品课程教学网/title4styletype=text/css.ly{font-size:24px;color:#FF0000;}.zxcs{font-family:TimesNewRoman,Times,serif;font-size:16px;color:#FF0000;}/stylescriptlanguage=JavaScript!--functionmmLoadMenus(){if(window.mm_menu_0518234011_0)return;window.mm_menu_0518234011_0=newMenu(root,87,17,新宋体,11,#000000,#FCFAF8,#FFFFFF,#0000FF,left,middle,3,0,1000,-5,7,true,false,true,0,true,true);mm_menu_0518234011_0.addMenuItem(百度音乐网,location='=new_mp3');mm_menu_0518234011_0.addMenuItem(一听音乐网,location=');mm_menu_0518234011_0.hideOnMouseOut=true;mm_menu_0518234011_0.bgColor='#555555';mm_menu_0518234011_0.menuBorder=1;mm_menu_0518234011_0.menuLiteBgColor='#FFFFFF';mm_menu_0518234011_0.menuBorderBgColor='#777777';window.mm_menu_0608215820_0=newMenu(root,87,17,新宋体,11,#000000,#FCFAF8,#FFFFFF,#0000FF,left,middle,3,0,1000,-5,7,true,false,true,0,true,true);mm_menu_0608215820_0.addMenuItem(一听音乐网,location=');mm_menu_0608215820_0.addMenuItem(百度音乐网,location='=new_mp3');mm_menu_0608215820_0.hideOnMouseOut=true;mm_menu_0608215820_0.bgColor='#555555';mm_menu_0608215820_0.menuBorder=1;mm_menu_0608215820_0.menuLiteBgColor='#FFFFFF';mm_menu_0608215820_0.menuBorderBgColor='#777777';mm_menu_0608215820_0.writeMenus();}//mmLoadMenus()//--/scriptscriptlanguage=JavaScriptsrc=mm_menu.js/script/head5bodyonLoad=txxs()scriptlanguage=JavaScript1.2mmLoadMenus();/scriptDIVid=lystyle=left:127px;top:57px;width:140;height:115;position:absolute;imgsrc=jpg/课程图片.jpgwidth=130height=105/DIV!--div没有name属性，应使用id属性--SCRIPTvardelay=30;//定时器的时间间隔varxPos=0;//层当前位置坐标varyPos=0;varym=1;//层可以向下移动varxm=1;//层可以向右移动varstep=2;//层在水平和垂直方向上的移动步长，45度方向移动varwidth=document.body.clientWidth;//浏览器窗口的宽度varheight=document.body.clientHeight;//浏览器窗口的高度varHoffset=ly.offsetHeight;//层的高度varWoffset=ly.offsetWidth;//层的宽度//以上在下面的函数外定义的外部变量setInterval('changePos()',delay);//启用定时器functionchangePos(){//以下是对纵坐标的控制if(ym)//层层可以向下yPos=yPos+step;elseyPos=yPos-step;if(yPos0)//修正由于向上移动时yPos出现负值的情形{ym=1;yPos=0;//可用alert();可测试层到顶}if(yPos=(height-Hoffset))//防止显示不完整,因为yPos取值范围为[0，height-Hoffset]{ym=0;yPos=(height-Hoffset);}//以下是对横坐标的控制if(xm){6xPos=xPos+step;}else{xPos=xPos-step;}if(xPos0){xm=1;xPos=0;}if(xPos=(width-Woffset)){xm=0;xPos=(width-Woffset);}ly.style.left=xPos+document.body.scrollLeft;//将层定位新的坐标,实现层的移动ly.style.top=yPos+document.body.scrollTop;}/SCRIPTcenterimgsrc=jpg/精品网.gifborder=0usemap=#Mapalign=middle/centermapname=Mapareashape=rectcoords=8,9,366,71href=网页设计.asp/mapcenterbgsoundid=aasrc=音频/忧伤还是快乐.mp3loop=-1inputtype=buttononclick=aa.volume=-10000value=静音inputtype=buttononclick=aa.volume=0value=打开selectname=select1onBlur=change()optionselected1.忧伤还是快乐/optionoption2.伤声-纯音乐/optionoption3.稻香/option/select 当前在线人数:%=application(zxrs)%br/centertablewidth=780height=150border=0align=centerbackground=jpg/精品课程网站.giftrtdembedsrc=Flash动画/闪烁的星.swfheight=120wmode=transparent/tdtdembedsrc=Flash动画/闪烁的星.swfheight=120wmode=transparent/td/tr7/tabletablewidth=780border=0align=centertrtdimgsrc=jpg/导航条.jpgname=image1width=780border=0usemap=#Map2id=image1/td/tr/tablemapname=Map2areashape=rectcoords=10,3,53,21href=网页设计.aspareashape=rectcoords=294,7,353,22href=显示留言板页面.aspareashape=rectcoords=438,7,517,22href=relation.aspareashape=rectcoords=179,6,222,21href=yyh.aspareashape=rectcoords=363,6,429,22href=#onMouseOver=MM_showMenu(window.mm_menu_0608215820_0,360,19,null,'image1')onMouseOut=MM_startTimeout();/mapscriptvartp=newArray(4);//定义共有4张图片的数组对象k=0;//图片序号tp[0]=jpg/精品课程图片1.gif;tp[1]=jpg/精品课程图片2.gif;tp[2]=jpg/精品课程图片3.jpg;tp[3]=jpg/精品课程图片1.gif;functiontxxs()//特效显示函数{xk.filters.revealTrans.Transition=23;//设置滤镜参数k++;//下一幅if(k==tp.length)k=0;//循环显示xk.src=tp[k];xk.filters.revealTrans.apply();//应用本滤镜前的预备xk.filters.re