1、计算机科学与技术学院课程设计成绩单课程名称：Web 技术 指导教师： 姓名 性别 男 学号 班级综合成绩 成绩等级程序运行情况（占总成绩20%）能正确运行 基本能正确运行 能运行但结果不完善（20 分） （15 分） （10 分）程序功能的完善程度（占总成绩10%）完善 基本完善 不完善（10 分） （8 分） （5 分）程序结构的合理性（占总成绩10%）合理 基本合理 不太合理（10 分） （8 分） （5 分）对问题的答辩情况（占总成绩40%）概念正确有创新 能正确回答所有问题 基本能正确回答（40 分） （35 分） （30 分）部分问题回答概念不清晰（20 分）学生的工作态度与独立工作
2、能力（占总成绩10%）工作态度认真能独立完成任务 工作态度认真但独立性较差（10 分） （8 分）工作态度基本认真但缺乏独立性（5 分）设计报告的规范性（占总成绩10%）符合规范 基本符合规范 规范性较差（10 分） （8 分） （5 分）优秀：90 分100 分 良好：80 分89 分 中等：7079 分 及格：6069 分 不及格 0 分59 分 武汉科技大学计算机科学与技术学院制表武汉科技大学计算机科学与技术学院课 程 设 计 报 告课程名称：web 技术课程设计专 业： 班 级： 学 号： 姓 名： 指导老师： 精品课程教学网站的设计与开发一、实验目的综合应用所学的知识，提高 Web
3、程序的编程能力，提高团队协作能力。二、内容必做部分 1. 主页2. 留言板设计3. 联系我们页面4. 申请一个免费空间，上传自己设计的网站。 选做部分（至少选做二个） 1. 音乐盒设计2. 后台管理页面设计-留言管理3. 在线习题测试 4. 在线人数统计5. 浮动广告6. 留言扩展含有图片、视频等7. 对登录密码进行 Mid 5 加密8. 为密码登录或提交留言时增加验证码三、设计要求与说明 1. 以小组为单位（每小组一般不超过 6 人,自愿组合）独立完成。2. 网页对站点中素材文件的引用采用相对路径。3. 主页头部有 Flash 动画和背景图像，底部能显示来访者是第多少位？底部包含有版权信息和
4、推荐使用的分辨率等，使用文件包含的方法实现背级页面与主页面具有相同的头部；导航条采用图片并做热点链接和弹出式菜单；主页名称保存为 index.asp4. 如果选做在线人数统计，则统计信息放置主页的底部5. 联系我们页面能实现临时会话（不要求是好友）6. http:/ 提供免费空间7. 音乐盒功能用来存放大家喜爱的音乐，包括歌曲名称、歌手名、百度音乐网中的下载地址及播放地址、推荐人姓名等，参见 http:/ 后台管理页面设计包括登录页面（设定用户名和密码均为 admin）、留言删除和回复等功能。9. 在线习题测试页面为静态页面（题型只有单选、判断和多选三种），包含有答案，能对学生的答案进行评分、
5、给出正确答案。10. 在线人数统计使用 ASP 内置的 Application 和 Session 对象的相关属性、事件和方法编写。11. 浮动广告使用客户端脚本实现，脚本语言采用 JavaScript.四、课程设计程序图片之间的相互滚动1.body font-size:12px; color:#333;#picBoxwidth:420px; height:350px; margin:0px auto; overflow:hidden; position:relative;#picBox ul#show_pic margin:0; padding:0; list-style:none; hei
6、ght:350px; width:3050px; position:absolute;#picBox ul#show_pic li float:left; margin:0; padding:0; height:300px;#picBox ul#show_pic li img display:block;#icon_num position:absolute; bottom:0px; right:10px;#icon_num li float:left; background:url(20.gif) no-repeat -15px 0;width:15px; height:15px; list
7、-style:none; color:#39F; text-align:center; cursor:pointer; padding:0; margin:0;margin-right:5px;#icon_num li:hover,#icon_num li.active background:url(20.gif) no-repeat 0 0; color:#fff;#picBox_topwidth:420px; height:350px; margin:0px auto; position:relative; overflow:hidden;#picBox_top ul#show_pic_t
8、op margin:0; padding:0; list-style:none; height:300px; width:420px; position:absolute;#picBox_top ul#show_pic_top li float:left; margin:0; padding:0; height:300px;#picBox_top ul#show_pic_top li img display:block;#icon_num_top position:absolute; bottom:0px; right:10px;#icon_num_top li float:left; bac
9、kground:url(/uploadfile/200912/28/FA15567738.gif) no-repeat -15px 0;width:15px; height:15px; list-style:none; color:#39F; text-align:center; cursor:pointer; padding:0; margin:0;margin-right:5px;#icon_num_top li:hover,#icon_num_top li.active background:url(/uploadfile/200912/28/FA15567738.gif) no-rep
10、eat 0 0; color:#fff;2.12345var glide =new function()function $id(id)return document.getElementById(id);this.layerGlide=function(auto,oEventCont,oSlider,sSingleSize,second,fSpeed,point)var oSubLi = $id(oEventCont).getElementsByTagName(li);var interval,timeout,oslideRange;var time=1; var speed = fSpee
11、d var sum = oSubLi.length;var a=0;var delay=second * 1000; var setValLeft=function(s)return function()oslideRange = Math.abs(parseInt($id(oSlider).stylepoint); $id(oSlider).stylepoint =-Math.floor(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +px; if(oslideRange=(sSingleSize * s)clearIn
12、terval(interval);a=s;var setValRight=function(s)return function() oslideRange = Math.abs(parseInt($id(oSlider).stylepoint); $id(oSlider).stylepoint =-Math.ceil(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +px;if(oslideRange=(sSingleSize * s)clearInterval(interval);a=s;function autoGlid
13、e()for(var c=0;c(sSingleSize * i)interval = setInterval(setValLeft(i),time);this.onmouseout=function()if(auto)timeout = setTimeout(autoGlide,delay);else if(Math.abs(parseInt($id(oSlider).stylepoint)五、课程设计小结通过这次实验，使多媒体这门课的一些理论知识与实践相结合，更加深刻了我对测试技术这门课的认识巩固了我的理论知识。我们做实验不要一成不变和墨守成规，应该有改良创新的精神。实际上，在弄懂实验原理
14、的基础上，我们的时间是充分的，做实验应该是游刃有余的，如果说创新对于我们来说是件难事那改良总是有可能的。在实验的过程中我们要培养自己的独立分析问题，和解决问题的能力。培养这种力的前提是你对次实验的态度。如果你在实验这方面很随便，抱着等老师教你怎么做，拿同学的报告去抄尽管你的成会很高，但对将来工作是不利的。最后，通过这次的测试技术实验我不但对理论知识有了更深的理解，对于实际的操作和也有了质的跃。经过这次的实验，我们整体对各个方面都得到了不少的提高希望以后学校和系里能够开设更多似的实验，能够让我们得到更好的锻炼。计算机科学与技术学院课程设计成绩单课程名称：Web 技术 指导教师 姓名 性别 男 学
15、号 班级综合成绩 成绩等级程序运行情况（占总成绩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 分 中等：7079 分 及格：6069 分 不及格 0 分59 分 武汉科技大学计算机科学与技术学院制表武汉科技大学计算机科学与技术学院课 程 设 计 报 告课程名称：web 技术课程设计专 业： 班 级： 学 号： 姓 名： 指导老师：
