web(asp)技术课程设计

《web(asp)技术课程设计》由会员分享，可在线阅读，更多相关《web(asp)技术课程设计（51页珍藏版）》请在金锄头文库上搜索。

1、1 计算机科学与技术学院课程设计成绩单计算机科学与技术学院课程设计成绩单 课程名称：课程名称：Web 技术技术 指导教师：指导教师： * 姓名姓名*性别性别男男学号学号*班级班级计算机科学计算机科学 与技术与技术 1202 班班 综合成绩综合成绩成绩等级成绩等级 设计整体表现力设计整体表现力 （占总成绩（占总成绩 20%） 能正确表现能正确表现 基本能正确表现基本能正确表现 能表现但不完善能表现但不完善 （20 分）分） （15 分）分） （10 分）分） 设计功能完善程度设计功能完善程度 （占总成绩（占总成绩 10%） 完善完善 基本完善基本完善 不完善不完善 （10 分）分） （8 分）分

2、） （5 分）分） 设计结构的合理性设计结构的合理性 （占总成绩（占总成绩 10%） 合理合理 基本合理基本合理 不太合理不太合理 （10 分）分） （8 分）分） （5 分）分） 对问题的答辩情况对问题的答辩情况 （占总成绩（占总成绩 40%） 概念正确有创新概念正确有创新 能正确回答所有问题能正确回答所有问题 基本能正确回答基本能正确回答 （40 分）分） （35 分）分） （30 分）分） 部分问题回答概念不清晰部分问题回答概念不清晰 （20 分）分） 学生的工作态度与学生的工作态度与 独立工作能力独立工作能力 （占总成绩（占总成绩 10%） 工作态度认真能独立完成任务工作态度认真能独立

3、完成任务 工作态度认真但独立性较差工作态度认真但独立性较差 （10 分）分） （8 分）分） 工作态度基本认真但缺乏独立性工作态度基本认真但缺乏独立性 （5 分）分） 设计报告的规范性设计报告的规范性 （占总成绩（占总成绩 10%） 符合规范符合规范 基本符合规范基本符合规范 规范性较差规范性较差 （10 分）分） 8 分）分） （5 分）分） 优秀：90 分100 分 良好：80 分89 分 中等：7079 分 及格：6069 分 不及格 0 分59 分 2 武汉科技大学计算机科学与技术学院制表 计算机科学与技术学院计算机科学与技术学院 课课 程程 设设 计计 报报 告告 课程名称：课程名称

4、： WebWeb 技术技术 专专 业：业： 计算机科学与技术 班班 级：级： 2012 级 2 班 学学 号：号： * 姓姓 名：名： * 指导老师：指导老师： 二一三年 6 月 10 日 3 一一. .课程设计题目：课程设计题目：精品课程教学网站的设计与开发 题目内容： 必做部分必做部分 1.主页 2.留言板设计 3.联系我们页面 4.申请一个免费空间，上传自己设计的网站。 选做部分（至少选做选做部分（至少选做 6 6 个）个） 1.使用 CSS+Div 布局页面 2.音乐盒设计 3.后台管理页面设计-留言管理（删除与回复） 4.在线习题测试 5.在线人数统计 6.浮动广告 7.留言扩展含有

5、图片、视频等 8.对登录密码进行 Mid 5 加密 9.为密码登录或提交留言时增加验证码 二二. .课程设计目的课程设计目的 综合应用所学的知识，提高 Web 程序的编程能力，提高团队协作能力。 三三. 逻辑思路逻辑思路 首先先要搭建网页主页的布局，要明确网页的主要内容和主要思想； 再用 dw 一边设计一边写代码，在设计的过程生成的代码要善于去弄懂，领略其中的本 质，注意网页的相互调用关系，整个网页有一个设置了弹出式菜单，有四个设置了超级链 接要，相互之间的调用关系要始终保持自己的头脑清晰，在写代码的过程中还要注重网页 的美观和整个布局； 之后要用 IIS 反复测试代码的正确性，对于一些细节问

6、题要善于自己去解决，测试完 毕就需要自己在网上申请一个域名，将自己设计的网站再上传到网络中。 四四. 设计的代码及截图设计的代码及截图 4 1.主页为index。Asp，其代码如下： 精品课程教学网 .lyfont-size: 24px;color: #FF0000; .zxcs font-family: “Times New Roman“, Times, serif; font-size: 16px; color: #FF0000; 5 mmLoadMenus(); 没有name属性，应使用id属性 var delay = 30; /定时器的时间间隔 var xPos =0; /层当前位置坐

7、标 var yPos =0; var ym=1; /层可以向下移动 var xm=1; /层可以向右移动 var step = 2; /层在水平和垂直方向上的移动步长，45度方向移动 var width = document.body.clientWidth; /浏览器窗口的宽度 var height = document.body.clientHeight; /浏览器窗口的高度 var Hoffset = ly.offsetHeight; /层的高度 var Woffset = ly.offsetWidth; /层的宽度 /以上在下面的函数外定义的外部变量 setInterval(chang

8、ePos(), delay); /启用定时器 function changePos() /以下是对纵坐标的控制 if (ym) /层层可以向下 yPos = yPos + step; else yPos = yPos - step; if (yPos = (height - Hoffset) /防止显示不完整,因为yPos取值范围为 0，height-Hoffset ym = 0; yPos = (height - Hoffset); 6 /以下是对横坐标的控制 if (xm) xPos = xPos + step; else xPos = xPos - step; if (xPos = (w

9、idth - Woffset) xm = 0; xPos = (width - Woffset); ly.style.left = xPos + document.body.scrollLeft; /将层定位新的坐标,实现层 的移动 ly.style.top = yPos + document.body.scrollTop; 1. 忧伤还是快乐 2. 伤声-纯音乐 3. 稻香 当前在线人数: 7 var tp=new Array(4); /定义共有4张图片的数组对象 k=0; /图片序号 tp0=“jpg/精品课程图片1.gif“; tp1=“jpg/精品课程图片2.gif“; tp2=“jp

10、g/精品课程图片3.jpg“; tp3=“jpg/精品课程图片1.gif“; function txxs() /特效显示函数 xk.filters.revealTrans.Transition=23; /设置滤镜参数 k+; /下一幅 if(k=tp.length) k=0; /循环显示 xk.src=tpk; xk.filters.revealTrans.apply(); /应用本滤镜前的预备 xk.filters.revealTrans.play(); /应用转换效果 setTimeout(“txxs()“,5000); /递归调用实现循环显示 中国大学视频公开课 8 在 线测试 当前在线

11、人数: 指导单位：武汉科技大学 截图如下： 9 2.音乐盒页面为：yyh.asp 精品课程教学网 .stt1 font-size: smaller; color: #BADD69; font-weight: bold; .st2 color: #CC0000; font-size: smaller; .bdys color: #000000; font-size: 18px; a:link color: #336600; text-decoration: none; a:visited text-decoration: none; a:hover text-decoration: none;

12、a:active text-decoration: none; .stt3 font-size: smaller; color: #66CC33; font-weight: bold; .STYLE2 font-size: 18px .STYLE3 color: #FF0000 .STYLE4 font-size: 12px .STYLE5 color: #000000 .lyfont-size: 24px;color: #FF0000; .zxcs font-family: “Times New Roman“, Times, serif; font-size: 16px; color: #F

13、F0000; mmLoadMenus(); 1. 忧伤还是快乐 2. 伤声-纯音乐 3. 稻香 当前在线人数: 12 var tp=new Array(4); /定义共有4张图片的数组对象 k=0; /图片序号 tp0=“jpg/精品课程图片1.gif“; tp1=“jpg/精品课程图片2.gif“; tp2=“jpg/精品课程图片3.jpg“; tp3=“jpg/精品课程图片1.gif“; function txxs() /特效显示函数 xk.filters.revealTrans.Transition=23; /设置滤镜参数 k+; /下一幅 if(k=tp.length) k=0; /循

14、环显示 xk.src=tpk; xk.filters.revealTrans.apply(); /应用本滤镜前的预备 xk.filters.revealTrans.play(); /应用转换效果 setTimeout(“txxs()“,5000); /递归调用实现循环显示 mmLoadMenus(); 音乐盒：音乐试听、下载、添加 歌曲名 歌手 上传时间 试听 下载 推荐人 13 十年 陈奕迅 2013-6-7 fg fhngf fgnfgn 2013-6-6 fnfn 卑微的承诺 徐良 2013-6-4 诺诚啊啊 李代末 2013-6-3 df df 2013-6-3 15 征服 那英 2013-6-3 爱情码头 郑源 2013-6-3 LM 16 一万个舍不得 匿名 2013-6-3 红尘客栈 周杰伦 2013-5-9 shuxun 前世今生 刘森color: #FF0000; .zxcs font-family: “Times New Roman“, Time