分组作业题库静态页面

This commit is contained in:
Linda 2017-05-08 15:14:17 +08:00
parent 893bbbd31e
commit e7a0888857
21 changed files with 2734 additions and 143 deletions

View File

@ -74,7 +74,7 @@ a:hover.link-color-grey02{ color:red!important;}
.col-width-2{ max-width: 20%; background: #fff; border:1px solid #e8e8e8;}
.col-width-1{ max-width: 10%; background: #fff; border:1px solid #e8e8e8;}
/*按钮*/
a.task-btn{display: inline-block;border:none; padding:0 35px;color: #666!important;background: #e1e1e1; text-align:center;font-size: 12px; height: 35px;line-height: 35px; border-radius:3px;}
a.task-btn{display: inline-block;border:none; padding:0 12px;color: #666!important;background: #e1e1e1; text-align:center;font-size: 14px; font-weight: bold; height: 30px;line-height: 30px; border-radius:3px; letter-spacing:1px;}
a:hover.task-btn {background: #c3c3c3; }
a.task-btn-green{background: #29bd8b; color: #fff;}
a:hover.task-btn-green{background: #19b17e;}

View File

@ -3,7 +3,7 @@
.task-popup-text-center{ text-align: center; color: #666;}
.task-popup-title{ border-bottom: 1px solid #eee; padding:10px 15px; }
.task-popup-content{ padding:15px;}
.task-popup-submit{ margin:15px auto; width: 200px;}
.task-popup-submit{ margin:15px auto; width: 120px;}
.task-popup-bggrey{ background:#ccc; color:#333;}
@ -22,14 +22,14 @@ a:hover.task_icons_close{background: url(../images/popup/sy_icons_close.png) -40
/*智能课堂弹框tab 20170428byLB*/
.newupload_conbox{ background: #fff; padding:15px; padding-bottom: 0;}
.newupload_navbox{border-bottom:1px solid #dbdbdb;}
.newupload_nav { height: 30px; line-height: 30px; background: #e7e7e7; }
.newupload_nav { height: 40px; line-height: 40px; background: #e7e7e7; }
.newupload_nav li {float:left; padding:0 15px; display: block; text-align:center; }
.newupload_nav li:last-child{ border-right: none;}
.newupload_nav li a{font-size:12px; color:#444;}
.newupload_nav_hover{ background: #3498db; }
.newupload_nav_nomal { }
.newupload_nav_hover a{color: #fff !important; }
.lightheight28{ line-height: 28px;}

View File

@ -103,6 +103,7 @@ a.panel-name-small{ display: inline-block; max-width:100px; color:#29bd8b; font-
.panel-comment_item .comment_orig_content{margin:10px 0; color:#999;}
.panel-comment_item .comment_orig_content .comment_orig_content{margin-top:0; color:#666;}
.panel-comment_item .orig_cont{ border:solid 1px #F3DDB3; background:#FFFEF4; padding:4px;color:#999;margin-top:-1px; }
.panel-comment_item .orig_cont_sub{ border-top:0}
.panel-comment_item .comment_orig_content .orig_index{ float:right; color:#666; font-family:Arial; padding-right:5px;line-height:30px;}
.panel-comment_item .comment_orig_content .orig_user{ margin:10px 15px 10px 5px;}
@ -174,7 +175,9 @@ textarea.panel-form-width-690{ padding:5px;width:90%; height:150px; }
.panel-form-height-30{height: 30px;}
.task-bg-grey{ background:#f3f3f3; width:90%; min-width:700px; padding:10px; border:1px solid #f3f3f3; color:#888;}
.task-bg-grey02{ background:#f3f3f3; width:80%; min-width:700px; padding:7px 10px; border:1px solid #f3f3f3; color:#888;}
input.task-form-10,textarea.task-form-10,select.task-form-10,.task-form-10{padding:5px;width:10%;}
input.task-form-15,textarea.task-form-15,select.task-form-15,.task-form-15{padding:5px;width:15%;}
input.task-form-20,textarea.task-form-20,select.task-form-20,.task-form-20{padding:5px;width:20%;}
input.task-form-30,textarea.task-form-30,select.task-form-30,.task-form-30{padding:5px;width:30%;}
input.task-form-35,textarea.task-form-35,select.task-form-35,.task-form-35{padding:5px;width:35%;}

View File

@ -6,9 +6,12 @@ a.link-color-grey{color:#aaa!important;}
a:hover.link-color-grey{color:#5faee3!important;}
a.link-name-dark{ color:#333; max-width:140px; display: block; }
a:hover.link-name-dark{ color:#5faee3;}
input{ border:1px solid #eee; background: #fff;}
.mb50{ margin-bottom: 50px;}
.mr50{ margin-right: 50px;}
.ml35{ margin-left:35px;}
input,textarea,select{ border:1px solid #eee; background: #fff; color:#666;}
.edu-name-dark{ max-width:100px; display: block; }
.edu-info-dark{ max-width:350px; display: block; }
.edu-info-dark{ max-width:345px; display: block; }
.edu-color-grey{ color:#666;}
.edu-color-grey:hover{color:#5faee3;}
.edu-btn-search{ position: absolute; top:0; right:15px;}
@ -21,7 +24,8 @@ input{ border:1px solid #eee; background: #fff;}
.edu-txt-w240{ width:240px; display: block;}
.edu-txt-w280{ width:280px; display: block;}
.edu-txt-w200{ width:200px; display: block;}
a.edu-txt-w140{ width:141px; display: block;}
a.edu-txt-w140,.edu-txt-w140{ width:141px; display: inline-block;}
a.edu-txt-w100,.edu-txt-w100{ width:100px; display: inline-block;}
.edu-txt-w50{ width:50px;}
.edu-con-top{ padding:10px 0; background:#fff; border-bottom:1px solid #eee;font-size:16px; }
.edu-con-top h2{ font-size:16px;}
@ -29,17 +33,36 @@ a.edu-txt-w140{ width:141px; display: block;}
.edu-form-border{ border:1px solid #ddd;}
.edu-form-noborder,input.edu-form-noborder{ border:none; outline:none;}
.edu-w245{ width: 245px; }
a.edu-btn{display: inline-block;border:none; padding:0 35px;color: #666!important;border:1px solid #ccc; text-align:center;font-size: 12px; height: 33px;line-height: 33px; border-radius:3px;}
a:hover.edu-btn { border:1px solid #5faee3; color: #5faee3!important;}
a.edu-btn{display: inline-block;border:none; padding:0 12px;color: #666!important;border:1px solid #ccc; text-align:center;font-size: 14px; height: 29px;line-height: 29px; border-radius:3px; font-weight: bold;letter-spacing:1px;}
a:hover.edu-btn{ border:1px solid #5faee3; color: #5faee3!important;}
.edu-cir-grey{ display: inline-block; padding:0px 5px; color:#666; background:#ddd; text-align: center; border-radius:15px; font-size:12px; line-height:20px!important;}
a.edu-filter-cir-grey{display: inline-block; padding:0px 15px; color:#666; border:1px solid #ddd; text-align: center; border-radius:3px; font-size:12px; height:25px; line-height:25px;}
a:hover.edu-filter-cir-grey,a.edu-filter-cir-grey.active{ border:1px solid #3498db; color:#3498db; }
.edu-filter-btn{display: inline-block; padding:0px 15px; color:#666; background:#eee; text-align: center; border-radius:3px; font-size:12px; height:25px; line-height:25px;}
.edu-filter-btn{display: inline-block; padding:0px 10px; color:#666; background:#eee; text-align: center; border-radius:3px; font-size:12px; height:25px; line-height:25px;}
.edu-filter-btn-blue{background:#ebf6fe; color:#3498db;}
.edu-filter-btn-orange{background:#ffeee8; color:#ff5055;}
.edu-filter-btn-red{background:#fee4e5; color:#d72e36;}
.edu-filter-btn-green{background:#e4f3ec; color:#6fbb9d;}
.edu-filter-btn-yellow{background:#fdefde; color:#ef9324;}
.edu-filter-btn-danger{background:#d72e36; color:#fff;}
.edu-pop-table{ width: 100%; border:1px solid #eee; border-bottom:none; background:#fff; color:#888;}
.edu-pop-table tr{ height:40px; line-height: 40px; }
.edu-pop-table tr.edu-bg-grey{ background:#f5f5f5;}
.edu-txt-center{ text-align: center;}
.edu-pop-table tr th{ color:#333;border-bottom:1px solid #eee; }
.edu-pop-table tr td{border-bottom:1px solid #eee;}
.edu-pop-table.table-line tr td,.edu-pop-table.table-line tr th{ border-right:1px solid #eee;}
.edu-pop-table.table-line tr td:last-child,.edu-pop-table.table-line tr th:last-child{border-right:none;}
.edu-line{ border-bottom:1px solid #eee;}
table.table-th-grey th{ background:#f5f5f5;}
table.table-pa5 th,table.table-pa5 td{ padding:0 3px;}
.panel-comment_item .orig_cont-red{ border:solid 1px #f3897e; background:#fff6f5; padding:4px;color:#999;margin-top:-1px; }
.alert-red{ background-color: #f2dede;border-color: #eed3d7; color: #d14f4d; text-align: left!important;}
.eud-pointer{ cursor:pointer;}
.edu-bg-grey{ background:#f6f6f6; width:90%; min-width:700px; color:#666;}
/* 智能课堂 bylinda*/
.edu-class-con{ width:50%; margin:0px auto; font-size:14px; padding:50px 0;}
.edu-con-bg01{ width: 100%; background:#fff;}
@ -67,6 +90,8 @@ a.edu-class-right-add{ display: block; position:absolute; bottom: 0; width: 100
a:hover.edu-class-right-add{ background-color: rgba(0, 0, 0, 0.4);}
.edu-class-txt-con{ padding:15px; color:#888; line-height: 2.0;}
.edu-weixin-share{ position: relative;}
.edu-weixin-share a{ color:#888;}
.edu-weixin-share a:hover{color:#5faee3;}
.edu-weixin-hide{ position:absolute; left:70px; top:-5px;width: 100px; padding:5px; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); background:#fff; z-index:999; border-radius:3px; display: none;}
.edu-weixin-hide img{ width: 100px; height: 100px;}
.edu-weixin-hide font{border: 1px solid #ddd; display: block; border-width: 8px; position: absolute; top:12px;left: -16px; border-style:solid; border-color: transparent #fff transparent transparent;font-size: 0;line-height: 0; }
@ -82,11 +107,13 @@ a:hover.edu-class-right-add{ background-color: rgba(0, 0, 0, 0.4);}
img.edu-nodata-img{ width:200px; margin:50px auto 20px; display: block;}
.edu-nodata-p{ font-size: 16px; text-align: center; color:#888;}
/* 班级 */
.edu-position-hide{ position: absolute; top:20px; left:-20px; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); background:#fff;
z-index:1001; padding:5px 0;}
.edu-position-hide{ position: absolute; top:20px; left:-20px; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); background:#fff;z-index:1001; padding:5px 0;}
.edu-position-hide li a{ display:inline-block; height: 30px; width: 100px; line-height: 30px; text-align: center; font-size:12px; }
.edu-position-hide li a:hover{ background:#eee; color:#666;}
.edu-position-hidebox{ padding:5px;}
.edu-position-hidebox i{ color:#bcbcbc;}
.edu-position-hidebox i:hover{ color:#3498db;}
.edu-position-hidebox a{ color:#888;}
.edu-position-hidebox:hover .edu-position-hide{ display: block;}
.edu-class-img{ height: 100px;}
.edu-class-leftnav{ background:#fff;}
@ -94,10 +121,23 @@ z-index:1001; padding:5px 0;}
.edu-class-leftnav li a i{ color:#bbb;}
.edu-class-leftnav li:hover,.edu-class-leftnav li.active{ border-left:3px solid #5faee3; }
.edu-class-leftnav li:hover{ background:#f2f2f2;}
.edu-class-con-list{}
.edu-class-innner-conbox{ background:#fff;}
.edu-class-con-list{ padding:10px 0; border-bottom:1px solid #eee;}
a.edu-class-inner-list{display: block; color:#888; font-size: 16px; max-width:89%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.edu-class-con-list .edu-bg-grey{ background:#f5f5f5;}
a.edu-class-inner-list{display: block; color:#333; font-size: 16px; max-width:89%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
a:hover.edu-class-inner-list{color:#3498db;}
.popup_tip_box {position: absolute; padding: 5px 15px; display: inline-block;white-space: nowrap; background-color: #FFFEF4;border: 1px solid #F3DDB3; color:#888; font-size:12px;}
.popup_tip_box em { display: block; border-width: 9px; position: absolute; top: 5px; left: -18px;
border-style: dashed solid dashed dashed; border-color: transparent #F3DDB3 transparent transparent; font-size: 0;line-height: 0;}
.popup_tip_box span { display: block;border-width: 9px; position: absolute; top: 5px; left: -17px; border-style: dashed solid dashed dashed;border-color: transparent #FFFEF4 transparent transparent; font-size: 0; line-height: 0;}
.edu-reply-teat{ width:92%; padding:5px; height: 100px;}
.popup_tip_box-black {position: absolute; padding: 5px 15px; display: inline-block;white-space: nowrap; background-color:#666; color:#fff; font-size:12px;left:70px; top:0px; display: none; text-align: left; line-height:1.9;}
.popup_tip_box-black em { display: block; border-width: 9px; position: absolute; top: 5px; left: -18px;
border-style: dashed solid dashed dashed; border-color: transparent #666 transparent transparent; font-size: 0;line-height: 0;}
.popup_tip_box-black span { display: block;border-width: 9px; position: absolute; top: 5px; left: -17px; border-style: dashed solid dashed dashed;border-color: transparent #666 transparent transparent; font-size: 0; line-height: 0;}
.edu-position:hover .popup_tip_box-black{ display: block;}
.edu-ces-top{ background:#f5f5f5; height:40px; line-height: 40px; padding:0 15px;}
.edu-bg-blue{ background:#f7f9fd; height: 230px;}
.padding10{ padding:10px;}

View File

@ -28,7 +28,7 @@
.magic-radio + label:before,
.magic-checkbox + label:before {
position: absolute;
top: 7px;
top: 5px;
left: 0;
display: inline-block;
width: 14px;
@ -40,6 +40,9 @@
position: absolute;
display: none;
content: ''; }
.magic-checkbox + label:before {
top: 7px;
left: 0;}
.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {

View File

@ -0,0 +1,181 @@
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>普通班级-学生</title>
<link href="css/bigdata-common.css" rel="stylesheet" type="text/css" />
<link href="css/bigdata-public.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/edu-class.css" rel="stylesheet" type="text/css" >
<link href="css/magic-check.css" rel="stylesheet" type="text/css"><!--美化input-->
</head>
<body style="display: flex;flex-direction: column;height: 100%;">
<div class="edu-class-container edu-position" style="flex: 1 0 auto;" >
<div class="popup_tip_box fontGrey2" style="right:-150px; top:55px;">
<em></em>
<span></span>
<p>请将邀请码告诉成员<br/>
他们可以主动加入</p>
</div>
<p class=" mb10">
<i class="fa fa-map-marker mr5 color-grey" ></i>
<a href="#">胡莎莎</a> >
<a href="#">智能课堂</a> >
<a href="#" title="课程">计算机基础 </a> >
<a href="#" title="班级">计算机基础计算机学院通信工程专业16级1班 </a> >
作业 </p>
<div class="edu-class-box ">
<div class="edu-class-top clearfix mb20">
<div class="edu-class-img fl " >
<img src="images/bigdata/edu-class/edu-class-img.jpg" width="" height="100">
</div>
<ul class="fl edu-class-top-info ml15">
<li class=" mb10 font-16">计算机基础计算机学院通信工程专业16级1班</li>
<li class="color-grey clearfix mb5">
<span class="fl">邀请码SXTSG</span>
<div class=" edu-weixin-share fl ml30">
<a href="#" class=" fr font-14 ">分享<i class="fa fa-weixin fr mt5 ml5" aria-hidden="true"></i></a>
<div class="cl"></div>
<div class="edu-weixin-hide">
<font></font>
<img src="images/bigdata/trustie_QR.jpg" width="100" height="100" alt="微信分享" >
<p class="edu-weixin-p">用微信扫描二维码分享给你的小伙伴</p>
</div>
</div>
</li>
<li class="color-grey clearfix font-12">
<span class=""><a href="#" class="edu-info-dark task-hide fl">陈晓婷</a></span>
<span class="ml30 edu-info-dark task-hide fl">国防科学技术大学</span>
<span class="ml30"><a href="#" class="mr5 link-color-blue">2</a>教师</span>
<span class="ml30"><a href="#" class="mr5 link-color-blue">120</a>学生</span>
<span class="ml30"><a href="#" class="mr5 link-color-blue">120</a>分班</span>
<span class="ml30"><span class="mr5">4</span>学分</span>
<span class="ml30">将于56天后结束</span>
</li>
</ul>
<div class=" fr edu-position edu-position-hidebox">
<a href="" class=" font-16"><i class="fa fa-bars " ></i></a>
<ul class="edu-position-hide undis">
<li><a href="#">退出班级</a></li>
</ul>
</div>
</div>
<div class="edu-class-inner mb20 clearfix">
<div class="with15 fl ">
<div class="mb10">
<ul class="edu-class-leftnav">
<li class="clearfix "><a href="#" class="fl ml15">动态</a></li>
<li class="clearfix"><a href="#" class="fl ml15 ">通知</a><span class="edu-cir-grey fl ml10 mt15">8</span><a href="#"><i class="fa fa-plus fr mt18 mr15 " ></i></a></li>
<li class="clearfix"><a href="#" class="fl ml15 ">讨论</a><span class="edu-cir-grey fl ml10 mt15">8</span><a href="#"><i class="fa fa-plus fr mt18 mr15 " ></i></a></li>
<li class="clearfix"><a href="#" class="fl ml15 ">资源</a><span class="edu-cir-grey fl ml10 mt15">8</span><a href="#"><i class="fa fa-plus fr mt18 mr15 " ></i></a></li>
<li class="clearfix active"><a href="#" class="fl ml15 ">作业</a><span class="edu-cir-grey fl ml10 mt15">123</span><a href="#"><i class="fa fa-plus fr mt18 mr15 " ></i></a></li>
<li class="clearfix"><a href="#" class="fl ml15 ">试卷</a><span class="edu-cir-grey fl ml10 mt15">8</span><a href="#"><i class="fa fa-plus fr mt18 mr15 " ></i></a></li>
<li class="clearfix"><a href="#" class="fl ml15 ">问卷</a><span class="edu-cir-grey fl ml10 mt15">8</span><a href="#"><i class="fa fa-plus fr mt18 mr15 " ></i></a></li>
<li class="clearfix"><a href="#" class="fl ml15 ">统计</a><span class="edu-cir-grey fl ml10 mt15">8</span><a href="#"><i class="fa fa-plus fr mt18 mr15 " ></i></a></li>
</ul>
<span class="font-12 color-grey "><i class="fa fa-eye mr5" ></i>2562 次访问</span>
</div>
</div>
<div class="with85 fl">
<div class="ml15">
<div class="edu-con-top clearfix">
<p class="ml15 color-grey fl">作业列表</p>
<a href="#" class="edu-btn fr mr10">导出成绩</a>
</div>
<div class="edu-class-innner-conbox">
<div class="edu-con-top clearfix">
<p class="fl task-form-60 mt3 ml15">
<a href="#" class="edu-filter-cir-grey mr5 active">全部</a>
<a href="#" class="edu-filter-cir-grey mr5">挂起</a>
<a href="#" class="edu-filter-cir-grey mr5">提交中</a>
<a href="#" class="edu-filter-cir-grey mr5">补交中</a>
<a href="#" class="edu-filter-cir-grey mr5">匿评中</a>
<a href="#" class="edu-filter-cir-grey mr5">申诉中</a>
<a href="#" class="edu-filter-cir-grey mr5">评阅中</a>
<a href="#" class="edu-filter-cir-grey mr5">已结束</a>
</p>
<div class=" edu-position fr task-form-30 mr15">
<input class="task-form-100 panel-box-sizing " placeholder="输入作业名称进行搜索" type="text">
<a href="javascript:void(0);" class="edu-btn-search font-16 color-grey mt15"><i class="fa fa-search"></i></a>
</div>
</div>
<div class=" clearfix edu-class-con-list">
<div class="fl ml15 task-form-90 ">
<a href="javascript:void(0);" class="edu-class-inner-list fl">数组5--字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字用二</a>
<span class="edu-filter-btn edu-filter-btn-green ml10 mt3">匿评中</span>
<div class="cl"></div>
<p class="color-grey font-12">
<span class=" "># 22</span>
<span class=" ml30">发布于1小时前</span>
<span class=" ml30">60 已交</span>
<span class=" ml30">2 未交</span>
<span class=" ml30">40 未评</span>
<span class=" ml30 color-orange">10 天 5 小时 12 分</span>
</p>
</div>
</div>
<div class=" clearfix edu-class-con-list">
<div class="fl ml15 task-form-90 ">
<a href="javascript:void(0);" class="edu-class-inner-list fl">数组5--字符串应用二字符串字符串应用二字用二</a>
<span class="edu-filter-btn edu-filter-btn-green ml10 mt3">评阅中</span>
<div class="cl"></div>
<p class="color-grey font-12">
<span class=" "># 22</span>
<span class=" ml30">发布于1小时前</span>
<span class=" ml30">60 已交</span>
<span class=" ml30">2 未交</span>
<span class=" ml30">40 未评</span>
<span class=" ml30 color-orange">10 天 5 小时 12 分</span>
</p>
</div>
</div>
<div class=" clearfix edu-class-con-list">
<div class="fl ml15 task-form-90 ">
<a href="javascript:void(0);" class="edu-class-inner-list fl">数组5--字符串应用二字符串应用二字符串应用二字符串应字用二</a>
<span class="edu-filter-btn edu-filter-btn-green ml10 mt3">匿评中</span>
<span class="edu-filter-btn edu-filter-btn-danger ml5 mt3">未提交</span>
<div class="cl"></div>
<p class="color-grey font-12">
<span class=" "># 22</span>
<span class=" ml30">发布于1小时前</span>
<span class=" ml30">60 已交</span>
<span class=" ml30">2 未交</span>
<span class=" ml30">40 未评</span>
<span class=" ml30 color-orange">10 天 5 小时 12 分</span>
</p>
</div>
</div>
<div class=" clearfix edu-class-con-list">
<div class="fl ml15 task-form-90 ">
<a href="javascript:void(0);" class="edu-class-inner-list fl">数组5--字符串应用二字符串应用二字符串应用</a>
<span class="edu-filter-btn edu-filter-btn-green ml10 mt3">评阅中</span>
<div class="cl"></div>
<p class="color-grey font-12">
<span class=" "># 22</span>
<span class=" ml30">发布于1小时前</span>
<span class=" ml30">60 已交</span>
<span class=" ml30">2 未交</span>
<span class=" ml30">40 未评</span>
<span class=" ml30 color-orange">10 天 5 小时 12 分</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,404 @@
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>智能课堂</title>
<link href="css/bigdata-common.css" rel="stylesheet" type="text/css" />
<link href="css/bigdata-public.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/edu-class.css" rel="stylesheet" type="text/css" >
<link href="css/magic-check.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
//tab
function g(o){return document.getElementById(o);}
function HoverLi(n){
for(var i=1;i<=3;i++){
g('edu-tab-nav-'+i).className='edu-tab-nomal';
g('edu-tab-con-'+i).className='undis';
}
g('edu-tab-con-'+n).className='dis';
g('edu-tab-nav-'+n).className='edu-tab-hover';
}
</script>
</head>
<body >
<div class="edu-class-container " >
<p class="mb10"><i class="fa fa-map-marker mr5 color-grey " ></i><a href="#">班级首页</a> > <a href="#">作业列表</a> > #22</p>
<div class="edu-con-top clearfix ">
<p class="ml15 fl color-grey"><i class="fa fa-lock mr5" ></i>数组5--字符串应用二</p>
<a href="#" class="fr font-12 mr15 mt3 link-color-grey">返回</a>
</div>
<div class="edu-con-bg01 mt15" >
<div class="">
<div class="edu-tab clearfix mb20" >
<ul id="edu-tab-nav">
<li id="edu-tab-nav-1" class="edu-tab-hover " onclick="HoverLi(1);">
<a href="javascript:void(0);" class="tab_type">作业详情</a>
<span class="edu-tab-fa"><i class="fa fa-caret-down" ></i></span>
</li>
<li id="edu-tab-nav-2" onclick="HoverLi(2);">
<a href="javascript:void(0);" class="tab_type" >作品列表</a>
<span class="edu-tab-fa"><i class="fa fa-caret-down" ></i></span>
</li>
<li id="edu-tab-nav-3" onclick="HoverLi(3);">
<a href="javascript:void(0);" class="tab_type" >参考答案</a>
<span class="edu-tab-fa"><i class="fa fa-caret-down" ></i></span>
</li>
</ul>
<div class="cl"></div>
<div id="edu-tab-con-1" >
<div class="edu-tab-con-box">
<a href="#" class="task-btn task-btn-blue fr mr10">提交作品</a>
<a href="#" class="edu-btn fr mr10">查看设置</a>
<div class="cl"></div>
<p class="">本课程是根据教育部教指委的要求开设的第一门计算机基础课程。<br/>
本课程吸纳了国内外最新的教学研究成果,兼顾了初学计算机的学生,反映了当代计算机学科的最新成就,具有厚实的课程内容体系,为学习后续计算机基础课程夯实基础。<br/>
本课程的教学目标是拓宽知识面、提高应用能力、培养创新能力,即:<br/>
1培养计算思维意识和能力 <br/>
2拓宽计算机基础知识面介绍计算机的基本原理、技术和方法引入计算机新技术和了解计算机发展趋势<br/>
3培养计算机的基本使用技能常用操作系统和应用软件的使用<br/>
4提高计算机的应用能力重点是网络、多媒体、数据库等技术的基本知识和应用理解信息安全和程序设计方面的基本知识。 <br/>
5通过实践培养创新意识和动手能力为学习后继计算机基础课程夯实基础<br/>
6最终目标是培养在各专业领域的应用能力。<br/>
第0讲 导学篇<br/>
第1讲 计算机文化与计算思维<br/>
1.1 引言<br/>
1.2 计算机的诞生和发展<br/>
1.3 计算思维基础<br/>
第2讲 操作系统基础<br/>
2.1 操作系统概述<br/>
2.2 操作系统基本功能<br/>
2.3 Windows的使用<br/>
第3讲 数据处理<br/>
</p>
</div>
<ul class=" panel-mes-head ">
<li>
<a href="#" class="link-color-grey ">
<i class="fa fa-folder" aria-hidden="true"></i>
<span>操作系统概述.doc</span>
<span>(123.KB)</span>
<span>周海芳</span>
<span>2016-12-24 12:00</span>
</a>
</li>
<li>
<a href="#" class="link-color-grey">
<i class="fa fa-folder" aria-hidden="true"></i>
<span>操作系统概述.doc</span>
<span>(123.KB)</span>
<span>周海芳</span>
<span>2016-12-24 12:00</span>
</a>
</li>
</ul>
<div class="panel-mesbox">
<div class="panel-mes-head clearfix">
<h6 class="fl">全部回复<span class="ml5">41</span></h6>
<p class="fr mr15">
<a href="#" class="mr5 link-color-blue"><i class="fa fa-thumbs-up mr5 " ></i><span class="ml5">5</span></a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复<span class="ml5">15</span></a>
</p>
</div>
<div class="panel-comment_item" >
<div class="comment_item_cont clearfix">
<div class="J_Comment_Face fl"><a href="#" target="_blank"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a></div>
<div class="t_content fl">
<div class="J_Comment_Info">
<div class="t_info clearfix">
<a href="#" class="content-username hide fl">Cillian风吹麦浪</a><span class="t_area fl">1分钟前</span>
</div>
</div>
<div class="J_Comment_Reply" >
<div class="comment_orig_content">
<div class="orig_cont clearfix">
<div class="orig_cont clearfix">
<div class="orig_cont clearfix">
<div class="orig_cont clearfix">
<div class="orig_cont clearfix">
<div class="orig_user fl">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="32" height="32" alt="头像"></a>
</div>
<div class="orig_right fl">
<a href="#" target="_self" class="content-username hide fl">suntao</a><span class="t_area">30分钟前</span>
<div class="orig_content ">看看人家对待动物,再看看我们的活烤牛,这就是一个社会进步的表现,我们还很原始,不文明的社会看看人家对待动物,再看看我们的活烤牛,这就是一个社会进步的表现,我们还很原始,不文明的社会,看看人家对待动物,再看看我们的活烤牛,这就是一个社会进步的表现,我们还很原始,不文明的社会,,</div>
</div>
<div class="cl"></div>
<p class="fr mr10 orig_reply">
<a href="#" class="mr5"><i class="fa fa-trash-o mr5 " ></i>删除</a>
<a href="#" class="mr5"><i class="fa fa-thumbs-o-up mr5 " ></i>赞(5)</a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复</a>
</p>
<div class="cl"></div>
</div>
<div class="orig_user fl">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="32" height="32" alt="头像"></a>
</div>
<div class="orig_right fl">
<a href="#" target="_self" class="content-username hide fl">suntao</a><span class="t_area">30分钟前</span>
<div class="orig_content ">看看人家</div>
</div>
<div class="cl"></div>
<p class="fr mr10 orig_reply">
<a href="#" class="mr5"><i class="fa fa-thumbs-o-up mr5 " ></i>赞(5)</a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复</a>
</p>
<div class="cl"></div>
</div>
<div class="orig_user fl">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="32" height="32" alt="头像"></a>
</div>
<div class="orig_right fl">
<a href="#" target="_self" class="content-username hide fl">suntao</a><span class="t_area">30分钟前</span>
<div class="orig_content ">看看人家对待动物,再看看我们的活烤牛,这就是一个社会进步的表现,我们</div>
</div>
<div class="cl"></div>
<p class="fr mr10 orig_reply">
<a href="#" class="mr5"><i class="fa fa-thumbs-o-up mr5 " ></i>赞(5)</a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复</a>
</p>
<div class="cl"></div>
</div><!--一层end-->
<div class="orig_user fl">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="32" height="32" alt="头像"></a>
</div>
<div class="orig_right fl">
<a href="#" target="_self" class="content-username ">yixin</a><span class="orig_area">5分钟前</span>
<div class="orig_content ">烤活牛你见过似的,美国那边吃人你怎么不信?</div>
</div>
<div class="cl"></div>
<p class="fr mr10 orig_reply">
<a href="#" class="mr5"><i class="fa fa-thumbs-o-up mr5 " ></i>赞(5)</a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复</a>
</p>
<div class="cl"></div>
<div class="orig_reply_box" >
<div class="orig_user fl ">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a>
</div>
<textarea class="edu-reply-teat fr mt10 mr10 mb10"></textarea>
<div class="cl"></div>
<a href="#" class=" task-btn task-btn-blue fr mr10 mb5">发布</a>
<div class="cl"></div>
</div>
<!--二层end-->
</div>
<div class="orig_cont_hide clearfix"><i class="fa fa-long-arrow-down mr5 " ></i>点击展开隐藏楼层</div>
<div class="orig_user fl">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="32" height="32" alt="头像"></a>
</div>
<div class="orig_right fl">
<a href="#" target="_self" class="content-username ">yixin</a><span class="orig_area">5分钟前</span>
<div class="orig_content ">烤活牛你见过似的,美国那边吃人你怎么不信?</div>
</div>
<div class="cl"></div>
<p class="fr mr10 orig_reply">
<a href="#" class="mr5"><i class="fa fa-thumbs-o-up mr5 " ></i>赞(5)</a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复</a>
</p>
<div class="cl"></div>
</div>
<div class="comment_content clearfix">
<div class="t_txt">校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗</div>
<div class="" >
<p class="fr mr10 orig_reply">
<a href="#" class="mr5"><i class="fa fa-thumbs-o-up mr5 " ></i>赞(5)</a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复</a>
</p>
</div>
</div>
<!--回复end-->
</div>
</div>
</div>
<div class="cl"></div>
</div>
<!--comment_item_cont end-->
<div class="comment_item_cont clearfix">
<div class=" fl J_Comment_Face"><a href="#" target="_blank"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a></div>
<div class="t_content fl">
<div class="J_Comment_Info">
<div class="t_info">
<a href="#" class="content-username hide fl">Cillian风吹麦浪</a><span class="t_area fl">1分钟前</span>
</div>
</div>
<div class="J_Comment_Reply" >
<div class="comment_orig_content">
<div class="comment_content clearfix">
<div class="t_txt">校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗</div>
<div class="orig_reply" >
<div class="reply" >
<p class="fr mr10 orig_reply">
<a href="#" class="mr5"><i class="fa fa-thumbs-o-up mr5 " ></i>赞(5)</a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复</a>
</p>
<div class="cl"></div>
</div>
</div>
</div>
<!--回复end-->
</div>
<div class="orig_reply_box" >
<div class="orig_user fl mt10 ml10">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a>
</div>
<textarea class="edu-reply-teat fr mt10 mb10"></textarea>
<div class="cl"></div>
<a href="#" class=" task-btn task-btn-blue fr mb5">发布</a>
<div class="cl"></div>
</div>
</div>
</div>
<div class="cl"></div>
</div>
<!--comment_item_cont end-->
<div class="comment_item_cont clearfix">
<div class="comment_reply_box">
<div class="J_Comment_Face fl">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a>
</div>
<textarea class="edu-reply-teat fr mr15 mb10"></textarea>
<div class="cl"></div>
<a href="#" class=" task-btn task-btn-blue fr mr15">发布</a>
<div class="cl"></div>
</div>
</div>
<!--comment_item_cont end-->
</div>
</div>
</div>
<div id="edu-tab-con-2" class="undis " >
<div class="edu-tab-con-box">
<div class=" mb15">
<span class="edu-filter-btn edu-filter-btn-orange mb15">你未提交</span>
<p class="color-grey font-12 clearfix mb15">
<span class="">60 已交</span>
<span class=" ml30">2 未交</span>
<span class=" fr">提交剩余时间<span class="color-orange"> 4 天 2 小时 27 分</span></span>
</p>
<span class="edu-filter-btn edu-filter-btn-orange mb15">你在匿评开启之前提交了作品,你的作品正在匿评中</span>
<p class="color-grey font-12 clearfix mb15">
<span class="">60 已交</span>
<span class=" ml30">2 未交</span>
<span class=" ml30">2 未评</span>
<span class=" fr">匿评剩余时间<span class="color-orange"> 4 天 2 小时 27 分</span></span>
</p>
</div>
<div class=" panel-bg-grey clearfix ">
<a href="#" class=" fl ml15 ">更新时间排序</a>
<span class=" mr5 ml5 fl">|</span>
<a href="#" class=" fl color-blue">最终成绩排序</a>
<div class="fr resource_btns_bottom">
<a href="javascript:void(0);" class="fl mr5">导出成绩</a>
<a href="javascript:void(0);" class="fl mr5">导出附件</a>
</div>
</div>
<div class=" mt10">
<table class="edu-pop-table edu-txt-center" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
<th>学号</th>
<th>提交状态</th>
<th>更新时间</th>
<th>教师评分</th>
<th>助教评分</th>
<th>匿评评分</th>
<th>最终成绩</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr >
<td>1</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">hushushushhushu</a></td>
<td><span class="edu-txt-w140 task-hide ">1145784545454545</span></td>
<td>未提交</td>
<td>2017-03-05 14:15</td>
<td>- -</td>
<td>- -</td>
<td>- -3</td>
<td>- -</td>
<td ><a href="javascriptvoid(0);" class="link-color-blue">提交</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class=" mt10">
<table class="edu-pop-table edu-txt-center" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
<th>更新时间</th>
<th>评分</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr >
<td>1</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">hushushushhushu</a></td>
<td>2017-03-05 14:15</td>
<td class="color-green">80.02</td>
<td ><a href="javascriptvoid(0);" class="link-color-blue">查看</a>
</td>
</tr>
<tr >
<td>2</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">hushushushhushu</a></td>
<td>2017-03-05 14:15</td>
<td class="color-orange">50.02</td>
<td ><a href="javascriptvoid(0);" class="link-color-blue">评阅</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="edu-tab-con-3" class="undis" >
<div class="edu-tab-con-box">
<p class="">本课程是根据教育部教指委的要求开设的第一门计算机基础课程。<br/>
本课程吸纳了国内外最新的教学研究成果,兼顾了初学计算机的学生,反映了当代计算机学科的最新成就,具有厚实的课程内容体系,为学习后续计算机基础课程夯实基础。<br/>
本课程的教学目标是拓宽知识面、提高应用能力、培养创新能力,即:<br/>
1培养计算思维意识和能力 <br/>
2拓宽计算机基础知识面介绍计算机的基本原理、技术和方法引入计算机新技术和了解计算机发展趋势<br/>
3培养计算机的基本使用技能常用操作系统和应用软件的使用<br/>
4提高计算机的应用能力重点是网络、多媒体、数据库等技术的基本知识和应用理解信息安全和程序设计方面的基本知识。 <br/>
5通过实践培养创新意识和动手能力为学习后继计算机基础课程夯实基础<br/>
6最终目标是培养在各专业领域的应用能力。<br/>
第0讲 导学篇<br/>
第1讲 计算机文化与计算思维<br/>
1.1 引言<br/>
1.2 计算机的诞生和发展<br/>
1.3 计算思维基础<br/>
第2讲 操作系统基础<br/>
2.1 操作系统概述<br/>
2.2 操作系统基本功能<br/>
2.3 Windows的使用<br/>
第3讲 数据处理<br/>
</p>
</div>
</div>
<div class="cl"></div>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,128 @@
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>智能课堂</title>
<link href="css/bigdata-common.css" rel="stylesheet" type="text/css" />
<link href="css/bigdata-public.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/edu-class.css" rel="stylesheet" type="text/css" >
<link href="css/magic-check.css" rel="stylesheet" type="text/css">
</head>
<body >
<div class="edu-class-container " >
<p class="mb10"><i class="fa fa-map-marker mr5 color-grey" ></i><a href="#">班级首页</a> > <a href="#">作业列表</a> > #22</p>
<div class="edu-con-top clearfix mb15">
<p class="ml15 fl color-grey"><i class="fa fa-lock mr5" ></i>数组5--字符串应用二</p>
<a href="#" class="fr font-12 mr15 mt3 link-color-grey">返回</a>
</div>
<div class="edu-con-bg01 mb15" style="padding:30px 0;">
<div class="ml30 mr30">
<div class=" panel-form ">
<ul class="mb15">
<li class="clearfix mb5">
<p class="clearfix color-grey"><span class="fl">请使用 C++ 语言编写 </span><span span class="fr">编译器信息gcc version "4.4.7" 20120313 (Red Hat 4.4.7-11) (GCC)</span></p>
<textarea class="task-form-100 panel-form-height-150 fl task-textarea-pd">请输入补交作品的原因最多500个字符</textarea>
</li>
<li class="clearfix ">
<a href="#" class=" task-btn task-btn-blue fr ">测试代码</a>
<span class="fl font-12 color-grey">数据已于 16:50:50 保存</span>
</li>
</ul>
</div>
</div>
</div>
<div class="edu-con-bg01 " style="padding:30px 0;">
<div class="ml30 mr30">
<div class=" panel-form ">
<ul>
<li class="clearfix mb5">
<label class=" panel-form-label fl">内容&nbsp;&nbsp;&nbsp;</label>
<textarea class="panel-form-width-690 panel-form-height-150 fl task-textarea-pd">请输入作品描述,可以直接粘贴图片</textarea>
</li>
<li class="clearfix ">
<label class=" panel-form-label fl">&nbsp;&nbsp;</label>
<span class="fl color-grey font-12">数据已于 16:50:50 保存</span>
</li>
<li class="clearfix mb15">
<label class=" panel-form-label fl">&nbsp;</label>
<a href="#" class="fl">
<i class="fa fa-upload mr5" ></i>
<span >上传附件</span>
</a>
<a href="#" class="fl ml25">
<i class="fa fa-cloud mr5" ></i>
<span >资源库</span>
</a>
</li>
<li class="clearfix mb15">
<label class=" panel-form-label fl">小组成员&nbsp;&nbsp;</label>
<div class=" fl with90" >
<div class="edu-bg-blue fl task-form-50 padding10 ">
<span class="color-grey mb5">成员要求2~4人</span>
<div class=" mb10 edu-position">
<input class="task-form-100 task-height-40 panel-box-sizing " placeholder="输入姓名的关键字进行搜索" type="text">
<a href="javascript:void(0);" class="edu-btn-search font-16 color-grey mt10"><i class="fa fa-search"></i></a>
</div>
<table class="edu-pop-table edu-txt-center" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">hushushushhushu</a></td>
<td><span class="edu-txt-w140 task-hide ">1145784545454545</span></td>
<td >1班</td>
</tr>
<tr class="edu-bg-grey">
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">hushushushhushu</a></td>
<td><span class="edu-txt-w140 task-hide ">1145784545454545</span></td>
<td>1班</td>
</tr>
<tr>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">hushushushhushu</a></td>
<td><span class="edu-txt-w140 task-hide ">1145784545454545</span></td>
<td>1班</td>
</tr>
</tbody>
</table>
<span class="color-orange fr">双击添加成员</span>
<div class="cl"></div>
</div>
<div class="edu-bg-blue fr task-form-45 padding10 ">
<span class="color-grey mb5">已选成员</span>
<table class="edu-pop-table edu-txt-center" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">hushushushhushu</a></td>
<td><span class="edu-txt-w140 task-hide ">1145784545454545</span></td>
<td >1班</td>
</tr>
</tbody>
</table>
<span class="color-orange fr">双击删除成员,但不能删除自己</span>
<div class="cl"></div>
</div>
</div>
</li>
<li class="clearfix mb5">
<label class=" panel-form-label fl"> 补交原因&nbsp;&nbsp;</label>
<textarea class="panel-form-width-690 panel-form-height-150 fl task-textarea-pd">请输入补交作品的原因最多500个字符</textarea>
</li>
<li class="clearfix ">
<a href="#" class=" task-btn task-btn-blue fr ">提交</a>
<a href="#" class=" task-btn fr mr10">取消</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -16,7 +16,13 @@
<body style="display: flex;flex-direction: column;height: 100%;">
<div class="edu-class-container " style="flex: 1 0 auto;" >
<div class="edu-class-container edu-position" style="flex: 1 0 auto;" >
<div class="popup_tip_box fontGrey2" style="right:-150px; top:55px;">
<em></em>
<span></span>
<p>请将邀请码告诉成员<br/>
他们可以主动加入</p>
</div>
<p class=" mb10">
<i class="fa fa-map-marker mr5 color-grey" ></i>
<a href="#">胡莎莎</a> >

View File

@ -11,12 +11,10 @@
<link href="css/bigdata-popup.css" rel="stylesheet" type="text/css" >
<link href="css/magic-check.css" rel="stylesheet" type="text/css"><!--美化input-->
<script type="text/javascript" language="javascript">
//上传资源
function g(o){
return document.getElementById(o);
}
function HoverLi(n){
//如果有N个标签,就将i<=N;
for(var i=1;i<=2;i++){
g('newupload_nav_'+i).className='newupload_nav_nomal';
g('newupload_content_'+i).className='undis';
@ -58,15 +56,15 @@ for(var i=1;i<=2;i++){
<a href="#" class="task-btn task-btn-blue fr ">确定</a>
</div>
</div>
<div class="task-popup" style="width:610px;">
<div class="task-popup" style="width:750px;">
<div class=" task-popup-title clearfix task-popup-bggrey">
<h3 class="fl ">题库选用</h3>
<a href="#"><i class="fa fa-times-circle font-18 link-color-grey fr mt5"></i></a>
</div>
<div class="task_popup_con ">
<div class="newupload_conbox " >
<div class=" clearfix">
<ul class="newupload_nav fl " >
<div class=" clearfix mb10">
<ul class="newupload_nav fl " >
<li id="newupload_nav_1" class="newupload_nav_hover " onclick="HoverLi(1);">
<a href="javascript:void(0);" id="newupload_type_1" class="newupload_type_nomal" >我的题库</a>
</li>
@ -74,34 +72,59 @@ for(var i=1;i<=2;i++){
<a href="javascript:void(0);" id="newupload_type_2" class="newupload_type_nomal" >公共题库</a>
</li>
</ul>
<div class=" edu-position fr mr15">
<input class="task-form-100 panel-box-sizing " placeholder="输入作业名称进行搜索" type="text">
<a href="javascript:void(0);" class="edu-btn-search font-16 color-grey mt15"><i class="fa fa-search"></i></a>
<div class="task-form-40 edu-position fr " style="padding:0;">
<input class="task-form-100 panel-box-sizing " placeholder="输入作业标题名称的关键字搜索" type="text">
<a href="javascript:void(0);" class="edu-btn-search font-16 color-grey mt10"><i class="fa fa-search"></i></a>
</div>
</div>
<div id="newupload_content_1">
<table class="newupload_table " cellspacing="0" cellpadding="0">
<table class="edu-pop-table color-grey" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th class="">&nbsp;</th>
<th>标题</th>
<th class="">适用课程</th>
<th >适用课程</th>
</tr>
</thead>
<tbody>
<tr>
<td class="newupload_td01"><input type="checkbox"></td>
<td class="newupload_td02 clear"><p>数据库查询系统课件练习.doc</p></td>
<td class="newupload_td03"><span class="newupload_table_name">本科</span><span class="newupload_table_name">/</span><span class="newupload_table_name">工学</span><span class="newupload_table_name">/</span><span class="newupload_table_name">计算机类</span></td>
<td ><input type="checkbox" class="mr5 ml15"></td>
<td ><p class="edu-txt-w200 task-hide ">数组5--字符串应用二数组5--字符串应用二</p></td>
<td class="clearfix"><span class="fl ml15">本科</span><span class="ml5 mr5 fl">/</span><span class="fl">工学</span><span class="ml5 mr5 fl">/</span><span class="fl">计算机类</span><span class="ml5 mr5 fl">/</span><span class="edu-txt-w200 task-hide fl">计算机程序设计之C++计算机程序设计之C++计算机程序设计之C++</span></td>
</tr>
<tr>
<td ><input type="checkbox" class="mr5 ml15"></td>
<td ><p class="edu-txt-w200 task-hide ">数组5--字符串应用二</p></td>
<td class="clearfix"><span class="fl ml15">本科</span><span class="ml5 mr5 fl">/</span><span class="fl">工学</span><span class="ml5 mr5 fl">/</span><span class="fl">计算机类</span><span class="ml5 mr5 fl">/</span><span class="edu-txt-w200 task-hide fl">计算机程序设计之C++</span></td>
</tr>
<tr>
<td ><input type="checkbox" class="mr5 ml15"></td>
<td ><p class="edu-txt-w200 task-hide ">数组5--字符串应用二数组5--字符串应用二</p></td>
<td class="clearfix"><span class="fl ml15">本科</span><span class="ml5 mr5 fl">/</span><span class="fl">工学</span><span class="ml5 mr5 fl">/</span><span class="fl">计算机类</span><span class="ml5 mr5 fl">/</span><span class="edu-txt-w200 task-hide fl">计算机程序设计之C++计算机程序设计之C++计算机程序设计之C++</span></td>
</tr>
<tr>
<td ><input type="checkbox" class="mr5 ml15"></td>
<td ><p class="edu-txt-w200 task-hide ">数组5--字符串应用二</p></td>
<td class="clearfix"><span class="fl ml15">本科</span><span class="ml5 mr5 fl">/</span><span class="fl">工学</span><span class="ml5 mr5 fl">/</span><span class="fl">计算机类</span><span class="ml5 mr5 fl">/</span><span class="edu-txt-w200 task-hide fl">计算机程序设计之C++</span></td>
</tr>
<tr>
<td ><input type="checkbox" class="mr5 ml15"></td>
<td ><p class="edu-txt-w200 task-hide ">数组5--字符串应用二数组5--字符串应用二</p></td>
<td class="clearfix"><span class="fl ml15">本科</span><span class="ml5 mr5 fl">/</span><span class="fl">工学</span><span class="ml5 mr5 fl">/</span><span class="fl">计算机类</span><span class="ml5 mr5 fl">/</span><span class="edu-txt-w200 task-hide fl">计算机程序设计之C++计算机程序设计之C++计算机程序设计之C++</span></td>
</tr>
<tr>
<td ><input type="checkbox" class="mr5 ml15"></td>
<td ><p class="edu-txt-w200 task-hide ">数组5--字符串应用二</p></td>
<td class="clearfix"><span class="fl ml15">本科</span><span class="ml5 mr5 fl">/</span><span class="fl">工学</span><span class="ml5 mr5 fl">/</span><span class="fl">计算机类</span><span class="ml5 mr5 fl">/</span><span class="edu-txt-w200 task-hide fl">计算机程序设计之C++</span></td>
</tr>
</tbody>
</table>
<div class="clearfix">
<div class="clearfix fl mt10">
<div class="clearfix fr mt10">
<a href="#" class=" task-btn task-btn-blue fr ">确定</a>
<a href="#" class=" task-btn fr mr10">取消</a>
</div>
<div class="fr pages_right_min mt10" >
<div class="fl pages_right_min mt10" >
<a href="javascript:void(0);" class="pages-big">上一页</a>
<a href="javascript:void(0);" class="active ">1</a>
<a href="javascript:void(0);">2</a>

View File

@ -0,0 +1,142 @@
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>智能课堂</title>
<link href="css/bigdata-common.css" rel="stylesheet" type="text/css" />
<link href="css/bigdata-public.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/edu-class.css" rel="stylesheet" type="text/css" >
<link href="css/magic-check.css" rel="stylesheet" type="text/css">
</head>
<body >
<div class="edu-class-container " >
<p class="mb10"><i class="fa fa-map-marker mr5 color-grey" ></i><a href="#">班级首页</a> > <a href="#">作业列表</a> > 新建</p>
<div class="edu-con-top ">
<p class="ml15 color-grey">新建普通作业</p>
</div>
<div class="alert alert-red mb15 mt15">
<button class="task-close fr" type="button">×</button>
有3 处问题导致无法保存
<ul>
<li>标题不能超过60个字符</li>
<li>内容不能为空</li>
<li>单个附件不能超过50MB</li>
</ul>
</div>
<div class="edu-con-bg01 " style="padding:30px 0;">
<div class="ml30 mr30">
<div class=" panel-form ">
<ul>
<li class="clearfix mb15">
<label class=" panel-form-label fl"><span class="color-orange mr5">*</span>标题&nbsp;&nbsp;&nbsp;</label>
<input type="text" class="panel-form-width-690 panel-form-height-30 fl" placeholder="最多60个字符" />
</li>
<li class="clearfix mb5">
<label class=" panel-form-label fl"><span class="color-orange mr5">*</span>内容&nbsp;&nbsp;&nbsp;</label>
<textarea class="panel-form-width-690 panel-form-height-150 fl task-textarea-pd"></textarea>
</li>
<li class="clearfix mb15">
<label class=" panel-form-label fl">&nbsp;</label>
<a href="#" class="fl">
<i class="fa fa-upload mr5" ></i>
<span >上传附件</span>
</a>
<a href="#" class="fl ml25">
<i class="fa fa-cloud mr5" ></i>
<span >资源库</span>
</a>
</li>
<li class="clearfix mb5">
<label class=" panel-form-label fl"><span class="color-orange mr5">*</span>分组设置&nbsp;&nbsp;&nbsp;</label>
<p class="fl task-height-40 edu-bg-grey ">
<span class="ml15 mr5">每组最小人数</span><input type="text" class="task-form-10 task-height-40 mr5" placeholder="2" /><span></span> <span class="ml30 mr5">每组最大人数</span><input type="text" class="task-form-10 task-height-40 mr5" placeholder="10" /><span></span>
</p>
</li>
<li class="clearfix mb15">
<label class=" panel-form-label fl">&nbsp;&nbsp;&nbsp;</label>
<span class="fl color-orange">注:任一成员都可以提交作品,提交作品时需要关联同组成员,组内成员作品共享。</span>
</li>
<li class="clearfix mb15">
<label class=" panel-form-label fl"><span class="color-orange mr5">*</span>样例设置&nbsp;&nbsp;&nbsp;</label>
<ul class="fl edu-bg-grey ">
<li class="clearfix mt10 ml10 mr10 ">
<p class="clearfix">
<span class="color-green fb fl">样例1</span>
<a href="#" title="增加"><i class="fa fa-plus-circle color-grey font-16 ml10 fl mt5"></i></a>
<span class="color-grey fr font-12" >温馨提示:请至少输入一组样例供学生参考。</span>
</p>
<textarea class="task-form-100 task-height-40 mb10">样例输入</textarea>
<textarea class="task-form-100 task-height-40 mb10">样例输出</textarea>
</li>
<li class="clearfix mt10 ml10 mr10 ">
<p class="clearfix">
<span class="color-green fb fl">样例2</span>
<a href="#" title="增加"><i class="fa fa-plus-circle color-grey font-16 ml10 fl mt5"></i></a>
<a href="#" title="删除"><i class="fa fa-times-circle color-grey font-16 ml10 fl mt5"></i></a>
</p>
<textarea class="task-form-100 task-height-40 mb10">样例输入</textarea>
<textarea class="task-form-100 task-height-40 mb10">样例输出</textarea>
</li>
</ul>
</li>
<li class="clearfix mb15">
<label class=" panel-form-label fl"><span class="color-orange mr5">*</span>测试集设置&nbsp;&nbsp;&nbsp;</label>
<ul class="fl edu-bg-grey ">
<li class="clearfix mt10 ml10 mr10 ">
<p class="clearfix">
<select class="fl task-form-10 task-height-40">
<option>C语言</option>
</select>
<span class="color-grey fr font-12" >温馨提示:您可以在发布后,通过"模拟答题"进行标准代码的检测。</span>
</p>
</li>
<li class="clearfix mt10 ml10 mr10 ">
<p class="clearfix">
<span class="color-green fb fl">测试1</span>
<a href="#" title="增加"><i class="fa fa-plus-circle color-grey font-16 ml10 fl mt5"></i></a>
</p>
<textarea class="task-form-50 task-height-40 mb10 fl">测试输入</textarea>
<textarea class="task-form-50 task-height-40 mb10 fl ">测试输出</textarea>
</li>
<li class="clearfix mt10 ml10 mr10 ">
<p class="clearfix">
<span class="color-green fb fl">测试2</span>
<a href="#" title="增加"><i class="fa fa-plus-circle color-grey font-16 ml10 fl mt5"></i></a>
<a href="#" title="删除"><i class="fa fa-times-circle color-grey font-16 ml10 fl mt5"></i></a>
</p>
<textarea class="task-form-50 task-height-40 mb10 fl">测试输入</textarea>
<textarea class="task-form-50 task-height-40 mb10 fl ">测试输出</textarea>
</li>
</ul>
</li>
<li class="clearfix mb5">
<label class=" panel-form-label fl"> 参考答案&nbsp;&nbsp;</label>
<textarea class="panel-form-width-690 panel-form-height-150 fl task-textarea-pd"></textarea>
</li>
<li class="clearfix ">
<label class=" panel-form-label fl">&nbsp;</label>
<a href="#" class="fl">
<i class="fa fa-upload mr5" ></i>
<span >上传附件</span>
</a>
</li>
<li class="clearfix ">
<a href="#" class=" task-btn task-btn-blue fr ">保存</a>
<a href="#" class=" task-btn fr mr10">取消</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,317 @@
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>智能课堂</title>
<link href="css/bigdata-common.css" rel="stylesheet" type="text/css" />
<link href="css/bigdata-public.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/edu-class.css" rel="stylesheet" type="text/css" >
<link href="css/magic-check.css" rel="stylesheet" type="text/css">
</head>
<body >
<div class="edu-class-container " >
<p class="mb10"><i class="fa fa-map-marker mr5 color-grey" ></i><a href="#">班级首页</a> > <a href="#">作业列表</a> > #22</p>
<div class="edu-con-top clearfix">
<p class="ml15 color-grey fl"><i class="fa fa-lock mr5" ></i>数组5--字符串应用二</p>
<a href="#" class="fr font-12 mr15 color-blue mt3">作业详情</a>
</div>
<div class="edu-con-bg01 mt15" >
<div class="edu-con-top clearfix mb15">
<p class="ml15 fl">发布设置</p>
<a href="#" class="link-color-grey fr font-16 mt8" title="保存"><i class="fa fa-floppy-o mr15"></i></a>
<a href="#" class="link-color-grey fr font-16 mt8" title="取消"><i class="fa fa-times mr15"></i></a>
</div>
<div class="ml30 mr30">
<div class=" panel-form clearfix" >
<ul>
<li class="clearfix mb15 edu-position">
<label class=" panel-form-label fl mr10">发布时间</label>
<input type="text" class=" fl task-form-15 task-height-40 panel-box-sizing" placeholder="2017-03-15 1500" />
<a href="#" class="fl ml15 mt5">清除</a>
<div class="popup_tip_box fontGrey2" style="right:0px; top:0px;">
<em></em>
<span></span>
<p>发布之前,学生不会收到作业</p>
</div>
</li>
<li class="clearfix mb15 edu-position">
<label class=" panel-form-label fl mr10">截止时间</label>
<input type="text" class=" fl task-form-15 task-height-40 panel-box-sizing" placeholder="2017-03-15 1000" />
<a href="#" class="fl ml15 mt5">清除</a>
<div class="cl"></div>
<span class="color-orange fl" style="margin-left:10%; "><i class="fa fa-exclamation-circle mr5 color-orange"></i>不能早于发布时间</span>
<div class="popup_tip_box fontGrey2" style="right:0px; top:0px;">
<em></em>
<span></span>
<p>截止时间过后,学生不能修改作品和追加附件</p>
</div>
</li>
<li class="clearfix mb15 edu-position">
<label class=" panel-form-label fl mr10">结束时间</label>
<input type="text" class=" fl task-form-15 task-height-40 panel-box-sizing" placeholder="2017-03-15 1000" />
<a href="#" class="fl ml15 mt5">清除</a>
<div class="popup_tip_box fontGrey2" style="right:0px; top:0px;">
<em></em>
<span></span>
<p>结束之后,系统自动归档作业</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="edu-con-bg01 mt15" >
<div class="edu-con-top clearfix mb15">
<p class="ml15 fl">补交设置</p>
<a href="#" class="link-color-grey fr font-16 mt8" title="保存"><i class="fa fa-floppy-o mr15"></i></a>
<a href="#" class="link-color-grey fr font-16 mt8" title="取消"><i class="fa fa-times mr15"></i></a>
</div>
<div class="ml30 mr30 ">
<div class=" panel-form clearfix" >
<ul>
<li class="clearfix mb15 edu-position">
<label class=" task-height-40 fl mr10">是否允许在截止日期之后进行补交</label>
<span class="fl mr15">
<input class="magic-radio " type="radio" name="radio" value="option1"checked="" >
<label>允许</label>
</span>
<span class="fl mr15">
<input class="magic-radio " type="radio" name="radio" value="option1" >
<label>禁止</label>
</span>
<div class="popup_tip_box fontGrey2" style="right:0px; top:0px;">
<em></em>
<span></span>
<p>允许补交,则在补交截止日期之前,学生可以修改作品和追加附件 <br/>
但是在发布截止时间 ~ 补交截止时间内才提交作品的学生,将被扣迟交分
</p>
</div>
</li>
</ul>
<ul>
<li class="clearfix mb15 ">
<label class=" panel-form-label fl mr10">截止时间</label>
<input type="text" class=" fl task-form-15 task-height-40 panel-box-sizing" placeholder="截止时间" />
</li>
<li class="clearfix mb15 ">
<label class=" panel-form-label fl mr10">迟交扣分</label>
<input type="text" class=" fl task-form-15 task-height-40 panel-box-sizing" placeholder="5" />
</li>
</ul>
</div>
</div>
</div>
<div class="edu-con-bg01 mt15" >
<div class="edu-con-top clearfix mb15">
<p class="ml15 fl">匿评设置</p>
<a href="#" class="link-color-grey fr font-16 mt8" title="保存"><i class="fa fa-floppy-o mr15"></i></a>
<a href="#" class="link-color-grey fr font-16 mt8" title="取消"><i class="fa fa-times mr15"></i></a>
</div>
<div class="ml30 mr30">
<div class=" panel-form clearfix" >
<ul>
<li class="clearfix edu-position">
<label class=" panel-form-label fl mr10">&nbsp;</label>
<input class="magic-checkbox fl mt5" type="checkbox" name="layout" checked="">
<label class=" fl">启用匿评</label>
<div class="popup_tip_box fontGrey2" style="right:0px; top:0px;">
<em></em>
<span></span>
<p>给在匿评开始时间前提交了作品的全部学生,随机分配指定数量的匿名作品进行匿评<br/>
作品提交时间迟于匿评开始时间的学生,不会参与匿评,其作品将按照全部缺评进行扣分</p>
</div>
</li>
<li class="clearfix mb15 ">
<label class=" panel-form-label fl mr10">开始时间</label>
<input type="text" class=" fl task-form-15 task-height-40 panel-box-sizing" placeholder="选择匿评开启时间" />
<a href="#" class="fl ml15 mt5">清除</a>
</li>
<li class="clearfix mb15 ">
<label class=" panel-form-label fl mr10">结束时间</label>
<input type="text" class=" fl task-form-15 task-height-40 panel-box-sizing" placeholder="选择匿评结束时间" />
<a href="#" class="fl ml15 mt5">清除</a>
</li>
<li class="clearfix mb15 ">
<label class=" panel-form-label fl mr10">匿评数量</label>
<input type="text" class=" fl task-form-15 task-height-40 panel-box-sizing" placeholder="3" />
</li>
<li class="clearfix mb15 ">
<label class=" panel-form-label fl mr10">缺评扣分</label>
<input type="text" class=" fl task-form-15 task-height-40 panel-box-sizing" placeholder="2" />
</li>
</ul>
<ul class="mt50 mb50">
<li class="clearfix edu-position">
<label class=" panel-form-label fl mr10">&nbsp;</label>
<input class="magic-checkbox fl mt5" type="checkbox" name="layout" checked="">
<label class=" fl">启用匿评申诉</label>
<div class="popup_tip_box fontGrey2" style="right:0px; top:0px;">
<em></em>
<span></span>
<p>允许学生对自己作品的匿评评分进行申诉,由教师和助教处理申诉<br/>
1.接受学生的合理申诉:<br/>
被申诉的评分记录,将被视为无效,即不参与最终成绩的计算<br/>
被申诉的评阅人的作品,则按照设置扣除违规匿评分<br/>
2.拒绝学生的不合理申诉:<br/>
被申诉的评分记录有效,且不能对该评分记录进行二次申诉<br/>
申诉人和被申诉人的最终成绩均不会扣除违规匿评分<br/>
</p>
</div>
</li>
<li class="clearfix mb15 ">
<label class=" panel-form-label fl mr10">申诉结束时间</label>
<input type="text" class=" fl task-form-15 task-height-40 panel-box-sizing" placeholder="选择匿评开启时间" />
<a href="#" class="fl ml15 mt5">清除</a>
</li>
<li class="clearfix mb15 ">
<label class=" panel-form-label fl mr10">违规匿评扣分</label>
<input type="text" class=" fl task-form-15 task-height-40 panel-box-sizing" placeholder="3" />
</li>
</ul>
</div>
</div>
</div>
<div class="edu-con-bg01 mt15" >
<div class="edu-con-top clearfix mb15">
<p class="ml15 fl">评分设置</p>
<a href="#" class="link-color-grey fr font-16 mt8" title="保存"><i class="fa fa-floppy-o mr15"></i></a>
<a href="#" class="link-color-grey fr font-16 mt8" title="取消"><i class="fa fa-times mr15"></i></a>
</div>
<div class="ml30 mr30">
<div class=" panel-form clearfix" >
<ul>
<li class="clearfix ">
<label class=" panel-form-label fl mr10">助教评分</label>
</li>
<li class="clearfix ">
<label class=" panel-form-label fl mr10">&nbsp;</label>
<span class="fl mr5">
<input class="magic-radio " type="radio" value="option1" checked="">
<label>普通模式</label>
</span>
<span class="fl color-grey">(选中则取各助教最终评分的平均分)</span>
</li>
<li class="clearfix ">
<label class=" panel-form-label fl mr10">&nbsp;</label>
<span class="fl mr5">
<input class="magic-radio " type="radio" name="radio" value="option1" >
<label>复审模式</label>
</span>
<span class="fl color-grey">(选中则只取最终次的助教评分)</span>
</li>
<li class="clearfix ">
<label class=" panel-form-label fl mr10">最终成绩组成</label>
</li>
<li class="clearfix edu-position ">
<label class=" panel-form-label fl mr10">&nbsp;</label>
<span class="fl mr5">
<input class="magic-radio " type="radio" value="option1" checked="">
<label>多项评分配比</label>
</span>
<div class="popup_tip_box fontGrey2" style="right:0px; top:0px;">
<em></em>
<span></span>
<p>计算说明:<br/>
教师评分 * 其百分比 + 助教评分 * 其百分比 + 学生匿评平均分 * 其百<br/>分比 - ( 迟交扣分 + 缺评扣分 * 缺评数 + 违规匿评扣分 * 违规匿评数 )<br/>
注意:<br/>
非零百分比的评分选项,在没有评分记录的情况下,其百分比平摊到<br/>另外的评分选项上。例如教师评分40% + 助教评分35% + 学生匿<br/>评25%学生A没有得到教师评分则最终成绩将按照助教评分55%<br/> + 学生匿评45%进行计算
</p>
</div>
</li>
<li class="clearfix ">
<label class=" panel-form-label fl mr10">&nbsp;</label>
<span class="fl mr5 task-form-30 ml20">
<label class="mr5">教师评分</label>
<select class=" task-height-40 task-form-20">
<option>50%</option>
</select>
</span>
</li>
<li class="clearfix ">
<label class=" panel-form-label fl mr10">&nbsp;</label>
<span class="fl mr5 task-form-30 ml20">
<label class="mr5">助教评分</label>
<select class=" task-height-40 task-form-20">
<option>30%</option>
</select>
</span>
</li>
<li class="clearfix ">
<label class=" panel-form-label fl mr10">&nbsp;</label>
<span class="fl mr5 task-form-30 ml20">
<label class="mr5">学生匿评</label>
<select class=" task-height-40 task-form-20">
<option>20%</option>
</select>
</span>
</li>
<li class="clearfix mt30 edu-position">
<label class=" panel-form-label fl mr10">&nbsp;</label>
<span class="fl mr5">
<input class="magic-radio " type="radio" name="radio" value="option1">
<label>单项评分优先</label>
</span>
<div class="popup_tip_box fontGrey2" style="right:0px; top:0px;">
<em></em>
<span></span>
<p>计算说明:<br/>
优先顺序排前的非零评分 * 100% - <br/>
( 迟交扣分 + 缺评扣分 * 缺评数 + 违规匿评扣分 * 违规匿评数 )
注意:<br/>
有教师评分则教师评分100%否则教辅评分100%,依次类推
</p>
</div>
</li>
<li class="clearfix mb50">
<label class=" panel-form-label fl mr10">&nbsp;</label>
<span class="fl ml25">教师评分 → 教辅评分 → 学生匿评评分</span>
</li>
</ul>
</div>
</div>
</div>
<div class="edu-con-bg01 mt15" >
<div class="edu-con-top clearfix mb15">
<p class="ml15 fl">公开设置</p>
<a href="#" class="link-color-grey fr font-16 mt8" title="保存"><i class="fa fa-floppy-o mr15"></i></a>
<a href="#" class="link-color-grey fr font-16 mt8" title="取消"><i class="fa fa-times mr15"></i></a>
</div>
<div class="ml30 mr30">
<div class=" panel-form clearfix" >
<ul>
<li class="clearfix ">
<label class=" panel-form-label fl mr10">&nbsp;</label>
<input class="magic-checkbox fl mt5" type="checkbox" name="layout">
<label class=" fl">公开作品</label>
<span class=" fl color-grey">(选中则在作业结束时间之后对班级学生公开所有作品,否则作品不公开)</span>
</li>
<li class="clearfix ">
<label class=" panel-form-label fl mr10">&nbsp;</label>
<input class="magic-checkbox fl mt5" type="checkbox" name="layout">
<label class=" fl">公开成绩</label>
<span class=" fl color-grey">(选中则在作业结束时间之后对班级学生公开作品成绩,否则成绩不公开)</span>
</li>
<li class="clearfix ">
<label class=" panel-form-label fl mr10">&nbsp;</label>
<input class="magic-checkbox fl mt5" type="checkbox" name="layout">
<label class=" fl">公开答案</label>
<span class=" fl color-grey">(选中则在作业结束时间之后对班级学生公开作业答案,否则答案不公开)</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,574 @@
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>智能课堂</title>
<link href="css/bigdata-common.css" rel="stylesheet" type="text/css" />
<link href="css/bigdata-public.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/edu-class.css" rel="stylesheet" type="text/css" >
<link href="css/magic-check.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
//tab
function g(o){return document.getElementById(o);}
function HoverLi(n){
for(var i=1;i<=3;i++){
g('edu-tab-nav-'+i).className='edu-tab-nomal';
g('edu-tab-con-'+i).className='undis';
}
g('edu-tab-con-'+n).className='dis';
g('edu-tab-nav-'+n).className='edu-tab-hover';
}
</script>
</head>
<body >
<div class="edu-class-container " >
<p class="mb10"><i class="fa fa-map-marker mr5 color-grey " ></i><a href="#">班级首页</a> > <a href="#">作业列表</a> > #22</p>
<div class="edu-con-top clearfix ">
<p class="ml15 fl color-grey"><i class="fa fa-lock mr5" ></i>数组5--字符串应用二</p>
<a href="#" class="fr font-12 mr15 mt3 link-color-grey">返回</a>
</div>
<div class="edu-con-bg01 mt15" >
<div class="">
<div class="edu-tab clearfix mb20" >
<ul id="edu-tab-nav">
<li id="edu-tab-nav-1" class="edu-tab-hover " onclick="HoverLi(1);">
<a href="javascript:void(0);" class="tab_type">作业详情</a>
<span class="edu-tab-fa"><i class="fa fa-caret-down" ></i></span>
</li>
<li id="edu-tab-nav-2" onclick="HoverLi(2);">
<a href="javascript:void(0);" class="tab_type" >作品列表</a>
<span class="edu-tab-fa"><i class="fa fa-caret-down" ></i></span>
</li>
<li id="edu-tab-nav-3" onclick="HoverLi(3);">
<a href="javascript:void(0);" class="tab_type" >参考答案</a>
<span class="edu-tab-fa"><i class="fa fa-caret-down" ></i></span>
</li>
</ul>
<div class="cl"></div>
<div id="edu-tab-con-1" >
<div class="edu-tab-con-box">
<div class=" fr edu-position edu-position-hidebox mr50">
<a href="" class=" font-16"><i class="fa fa-bars "></i></a>
<ul class="edu-position-hide undis">
<li><a href="#">编辑</a></li>
<li><a href="#">设置</a></li>
<li><a href="#">加入题库</a></li>
<li><a href="#">设为公开</a></li>
<li><a href="#">删 除</a></li>
</ul>
</div>
<div class="cl"></div>
<p class="">本课程是根据教育部教指委的要求开设的第一门计算机基础课程。<br/>
本课程吸纳了国内外最新的教学研究成果,兼顾了初学计算机的学生,反映了当代计算机学科的最新成就,具有厚实的课程内容体系,为学习后续计算机基础课程夯实基础。<br/>
本课程的教学目标是拓宽知识面、提高应用能力、培养创新能力,即:<br/>
1培养计算思维意识和能力 <br/>
2拓宽计算机基础知识面介绍计算机的基本原理、技术和方法引入计算机新技术和了解计算机发展趋势<br/>
3培养计算机的基本使用技能常用操作系统和应用软件的使用<br/>
</p>
</div>
<ul class=" panel-mes-head ">
<li>
<a href="#" class="link-color-grey ">
<i class="fa fa-folder" aria-hidden="true"></i>
<span>操作系统概述.doc</span>
<span>(123.KB)</span>
<span>周海芳</span>
<span>2016-12-24 12:00</span>
</a>
</li>
<li>
<a href="#" class="link-color-grey">
<i class="fa fa-folder" aria-hidden="true"></i>
<span>操作系统概述.doc</span>
<span>(123.KB)</span>
<span>周海芳</span>
<span>2016-12-24 12:00</span>
</a>
</li>
</ul>
<div class="edu-con-bg01 " >
<div class="edu-con-top clearfix mb15">
<p class="ml15 fl font-14 font-bd">分组要求</p>
<a href="#" class="link-color-grey fr font-16 mt8" title="编辑"><i class="fa fa-edit mr15"></i></a>
</div>
<div class="edu-line font-14 pl15 pr15 pd15">
<p>分组人数: 2 - 4 人</p>
<span class="color-orange">注:任一成员都可以提交作品,提交作品时需要关联同组成员,组内成员作品共享。</span>
</div>
</div>
<div class="edu-con-bg01 " >
<div class="edu-con-top clearfix mb15">
<p class="ml15 fl font-14 font-bd">输入输出样例1组</p>
<a href="#" class="link-color-grey fr font-16 mt8" title="编辑"><i class="fa fa-edit mr15"></i></a>
</div>
<div class="edu-line font-14">
<div class=" panel-form clearfix mr15">
<ul>
<li class="clearfix ">
<label class=" panel-form-label fl ">&nbsp;&nbsp;</label>
<span class="color-green font-bd fl">样例1</span>
</li>
<li class="clearfix mb15">
<label class=" panel-form-label fl color-grey">样例输入&nbsp;&nbsp;&nbsp;</label>
<div class="fl edu-bg-grey ">
<p class="mt10 ml10 mr10 mb10">123</p>
</div>
</li>
<li class="clearfix mb15">
<label class=" panel-form-label fl color-grey">样例输入&nbsp;&nbsp;&nbsp;</label>
<div class="fl edu-bg-grey ">
<p class="mt10 ml10 mr10 mb10">123dafdfaasd</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="edu-con-bg01 " >
<div class="edu-con-top clearfix mb15">
<p class="ml15 fl font-14 font-bd">测试集2 组</p>
<a href="#" class="link-color-grey fr font-16 mt8" title="编辑"><i class="fa fa-edit mr15"></i></a>
</div>
<div class="edu-line font-14 ">
<table class="edu-pop-table edu-txt-center table-line mb15 ml15 " style="width:97.5%;" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th>序号</th>
<th>测试集输入</th>
<th>测试集输出</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>80 100 60 90 70</td>
<td>第1名 1402 b 100分<br/>
第2名 1404 d 90分<br/>
第3名 1401 a 80分<br/>
第4名 1405 e 70分<br/>
第5名 1403 c 60分</td>
</tr>
<tr>
<td>2</td>
<td>80 100 60 90 70</td>
<td>第1名 1402 b 100分<br/>
第2名 1404 d 90分<br/>
第3名 1401 a 80分<br/>
第4名 1405 e 70分<br/>
第5名 1403 c 60分</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="panel-mesbox">
<div class="panel-mes-head clearfix">
<h6 class="fl">全部回复<span class="ml5">41</span></h6>
<p class="fr mr15">
<a href="#" class="mr5 link-color-blue"><i class="fa fa-thumbs-up mr5 " ></i><span class="ml5">5</span></a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复<span class="ml5">15</span></a>
</p>
</div>
<div class="panel-comment_item" >
<div class="comment_item_cont clearfix">
<div class="J_Comment_Face fl"><a href="#" target="_blank"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a></div>
<div class="t_content fl">
<div class="J_Comment_Info">
<div class="t_info clearfix">
<a href="#" class="content-username hide fl">Cillian风吹麦浪</a><span class="t_area fl">1分钟前</span>
</div>
</div>
<div class="J_Comment_Reply" >
<div class="comment_orig_content">
<div class="orig_cont clearfix">
<div class="orig_cont clearfix">
<div class="orig_cont clearfix">
<div class="orig_cont clearfix">
<div class="orig_cont clearfix">
<div class="orig_user fl">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="32" height="32" alt="头像"></a>
</div>
<div class="orig_right fl">
<a href="#" target="_self" class="content-username hide fl">suntao</a><span class="t_area">30分钟前</span>
<div class="orig_content ">看看人家对待动物,再看看我们的活烤牛,这就是一个社会进步的表现,我们还很原始,不文明的社会看看人家对待动物,再看看我们的活烤牛,这就是一个社会进步的表现,我们还很原始,不文明的社会,看看人家对待动物,再看看我们的活烤牛,这就是一个社会进步的表现,我们还很原始,不文明的社会,,</div>
</div>
<div class="cl"></div>
<p class="fr mr10 orig_reply">
<a href="#" class="mr5"><i class="fa fa-trash-o mr5 " ></i>删除</a>
<a href="#" class="mr5"><i class="fa fa-thumbs-o-up mr5 " ></i>赞(5)</a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复</a>
</p>
<div class="cl"></div>
</div>
<div class="orig_user fl">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="32" height="32" alt="头像"></a>
</div>
<div class="orig_right fl">
<a href="#" target="_self" class="content-username hide fl">suntao</a><span class="t_area">30分钟前</span>
<div class="orig_content ">看看人家</div>
</div>
<div class="cl"></div>
<p class="fr mr10 orig_reply">
<a href="#" class="mr5"><i class="fa fa-thumbs-o-up mr5 " ></i>赞(5)</a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复</a>
</p>
<div class="cl"></div>
</div>
<div class="orig_user fl">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="32" height="32" alt="头像"></a>
</div>
<div class="orig_right fl">
<a href="#" target="_self" class="content-username hide fl">suntao</a><span class="t_area">30分钟前</span>
<div class="orig_content ">看看人家对待动物,再看看我们的活烤牛,这就是一个社会进步的表现,我们</div>
</div>
<div class="cl"></div>
<p class="fr mr10 orig_reply">
<a href="#" class="mr5"><i class="fa fa-thumbs-o-up mr5 " ></i>赞(5)</a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复</a>
</p>
<div class="cl"></div>
</div><!--一层end-->
<div class="orig_user fl">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="32" height="32" alt="头像"></a>
</div>
<div class="orig_right fl">
<a href="#" target="_self" class="content-username ">yixin</a><span class="orig_area">5分钟前</span>
<div class="orig_content ">烤活牛你见过似的,美国那边吃人你怎么不信?</div>
</div>
<div class="cl"></div>
<p class="fr mr10 orig_reply">
<a href="#" class="mr5"><i class="fa fa-thumbs-o-up mr5 " ></i>赞(5)</a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复</a>
</p>
<div class="cl"></div>
<div class="orig_reply_box" >
<div class="orig_user fl ">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a>
</div>
<textarea class="edu-reply-teat fr mt10 mr10 mb10"></textarea>
<div class="cl"></div>
<a href="#" class=" task-btn task-btn-blue fr mr10 mb5">发布</a>
<div class="cl"></div>
</div>
<!--二层end-->
</div>
<div class="orig_cont_hide clearfix"><i class="fa fa-long-arrow-down mr5 " ></i>点击展开隐藏楼层</div>
<div class="orig_user fl">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="32" height="32" alt="头像"></a>
</div>
<div class="orig_right fl">
<a href="#" target="_self" class="content-username ">yixin</a><span class="orig_area">5分钟前</span>
<div class="orig_content ">烤活牛你见过似的,美国那边吃人你怎么不信?</div>
</div>
<div class="cl"></div>
<p class="fr mr10 orig_reply">
<a href="#" class="mr5"><i class="fa fa-thumbs-o-up mr5 " ></i>赞(5)</a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复</a>
</p>
<div class="cl"></div>
</div>
<div class="comment_content clearfix">
<div class="t_txt">校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗</div>
<div class="" >
<p class="fr mr10 orig_reply">
<a href="#" class="mr5"><i class="fa fa-thumbs-o-up mr5 " ></i>赞(5)</a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复</a>
</p>
</div>
</div>
<!--回复end-->
</div>
</div>
</div>
<div class="cl"></div>
</div>
<!--comment_item_cont end-->
<div class="comment_item_cont clearfix">
<div class=" fl J_Comment_Face"><a href="#" target="_blank"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a></div>
<div class="t_content fl">
<div class="J_Comment_Info">
<div class="t_info">
<a href="#" class="content-username hide fl">Cillian风吹麦浪</a><span class="t_area fl">1分钟前</span>
</div>
</div>
<div class="J_Comment_Reply" >
<div class="comment_orig_content">
<div class="comment_content clearfix">
<div class="t_txt">校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗校园枪击案你知道吗</div>
<div class="orig_reply" >
<div class="reply" >
<p class="fr mr10 orig_reply">
<a href="#" class="mr5"><i class="fa fa-thumbs-o-up mr5 " ></i>赞(5)</a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复</a>
</p>
<div class="cl"></div>
</div>
</div>
</div>
<!--回复end-->
</div>
<div class="orig_reply_box" >
<div class="orig_user fl mt10 ml10">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a>
</div>
<textarea class="edu-reply-teat fr mt10 mb10"></textarea>
<div class="cl"></div>
<a href="#" class=" task-btn task-btn-blue fr mb5">发布</a>
<div class="cl"></div>
</div>
</div>
</div>
<div class="cl"></div>
</div>
<!--comment_item_cont end-->
<div class="comment_item_cont clearfix">
<div class="comment_reply_box">
<div class="J_Comment_Face fl">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a>
</div>
<textarea class="edu-reply-teat fr mr15 mb10"></textarea>
<div class="cl"></div>
<a href="#" class=" task-btn task-btn-blue fr mr15">发布</a>
<div class="cl"></div>
</div>
</div>
<!--comment_item_cont end-->
</div>
</div>
</div>
<div id="edu-tab-con-2" class="undis " >
<div class="edu-tab-con-box">
<div class=" panel-form clearfix mb10">
<ul>
<li class="clearfix ">
<label class=" panel-form-label fl mr10 color-grey">你的评阅:</label>
<span class="fl mr25 mt5"><a href="#" >不限</a></span>
<input class="magic-checkbox fl mt5" type="checkbox" name="layout" checked="">
<label class=" fl mr25 mt5">未评<span>20</span></label>
<input class="magic-checkbox fl mt5" type="checkbox" name="layout" >
<label class=" fl mr25 mt5">已评<span>20</span></label>
</li>
<li class="clearfix ">
<label class=" panel-form-label fl mr10 color-grey">作品状态:</label>
<span class="fl mr25 mt5"><a href="#" >不限</a></span>
<input class="magic-checkbox fl mt5" type="checkbox" name="layout" >
<label class=" fl mr25 mt5">未提交<span>20</span></label>
<input class="magic-checkbox fl mt5" type="checkbox" name="layout" >
<label class=" fl mr25 mt5">按时提交<span>20</span></label>
<input class="magic-checkbox fl mt5" type="checkbox" name="layout" >
<label class=" fl mr25 mt5">延时提交<span>20</span></label>
</li>
<li class="clearfix ">
<label class=" panel-form-label fl mr10 color-grey">分班情况:</label>
<span class="fl mr25 mt5"><a href="#" class="link-color-blue">不限</a></span>
<input class="magic-checkbox fl mt5" type="checkbox" name="layout" >
<label class=" fl mr25 mt5">1班<span>20</span></label>
<input class="magic-checkbox fl mt5" type="checkbox" name="layout" >
<label class=" fl mr25 mt5">2班<span>20</span></label>
<input class="magic-checkbox fl mt5" type="checkbox" name="layout" >
<label class=" fl mr25 mt5">3班<span>20</span></label>
</li>
<li class="clearfix ">
<span class="fl ml35">&nbsp;</span>
<div class=" edu-position task-form-20 fl ">
<input class="task-form-100 panel-box-sizing " placeholder="姓名、学号关键字检索" type="text">
<a href="javascript:void(0);" class="edu-btn-search font-16 color-grey mt15"><i class="fa fa-search"></i></a>
</div>
</li>
</ul>
</div>
<div class=" panel-bg-grey clearfix ">
<a href="#" class=" fl ml15 ">更新时间排序</a>
<span class=" mr5 ml5 fl">|</span>
<a href="#" class=" fl color-blue">最终成绩排序</a>
<p class=" fl ml15"> <span class="color-orange">90</span> 个检索结果108 学生)</p>
<div class="fr resource_btns_bottom">
<a href="javascript:void(0);" class="fl mr5">导出成绩</a>
<a href="javascript:void(0);" class="fl mr5">导出附件</a>
</div>
</div>
<div class=" mt10">
<table class="edu-pop-table edu-txt-center" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
<th>学号</th>
<th>提交状态</th>
<th>更新时间</th>
<th>教师评分</th>
<th>助教评分</th>
<th>匿评评分</th>
<th>最终成绩</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr >
<td>1</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">hushushushhushu</a></td>
<td><span class="edu-txt-w140 task-hide ">1145784545454545</span></td>
<td>未提交</td>
<td>2017-03-05 14:15</td>
<td>- -</td>
<td>- -</td>
<td>- -3</td>
<td>- -</td>
<td ><a href="javascriptvoid(0);" class="link-color-blue">评阅</a>
</td>
</tr>
<tr >
<td>2</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">胡莎莎胡莎莎胡莎莎胡莎莎</a></td>
<td><span class="edu-txt-w140 task-hide ">114578454545454554545455454545</span></td>
<td>未提交</td>
<td>2017-03-05 14:15</td>
<td>95</td>
<td class="edu-position eud-pointer">98
<div class="popup_tip_box-black " >
<em></em>
<span></span>
<p>2名助教进行了评分<br/>复审分98 分
</p>
</div>
</td>
<td>98(3</td>
<td><span class="color-orange">90.5</span></td>
<td><a href="javascriptvoid(0);" class="link-color-blue">评阅</a></td>
</tr>
<tr >
<td>1</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">hushushushhushu</a></td>
<td><span class="edu-txt-w140 task-hide ">1145784545454545</span></td>
<td>未提交</td>
<td>2017-03-05 14:15</td>
<td>- -</td>
<td>- -</td>
<td>- -3</td>
<td>- -</td>
<td ><a href="javascriptvoid(0);" class="link-color-blue">评阅</a>
</td>
</tr>
<tr >
<td>2</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">胡莎莎胡莎莎胡莎莎胡莎莎</a></td>
<td><span class="edu-txt-w140 task-hide ">114578454545454554545455454545</span></td>
<td>延时提交</td>
<td>2017-03-05 14:15</td>
<td>95</td>
<td >98</td>
<td>98(3</td>
<td><span class="color-orange">90.5</span></td>
<td><a href="javascriptvoid(0);" class="link-color-blue">评阅</a></td>
</tr>
<tr >
<td>1</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">hushushushhushu</a></td>
<td><span class="edu-txt-w140 task-hide ">1145784545454545</span></td>
<td>延时提交</td>
<td>2017-03-05 14:15</td>
<td>- -</td>
<td>- -</td>
<td>- -3</td>
<td>- -</td>
<td ><a href="javascriptvoid(0);" class="link-color-blue">评阅</a>
</td>
</tr>
<tr >
<td>2</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">胡莎莎胡莎莎胡莎莎胡莎莎</a></td>
<td><span class="edu-txt-w140 task-hide ">114578454545454554545455454545</span></td>
<td>按时提交</td>
<td>2017-03-05 14:15</td>
<td>95</td>
<td >98</td>
<td>98(3</td>
<td><span class="color-orange">90.5</span></td>
<td><a href="javascriptvoid(0);" class="link-color-blue">评阅</a></td>
</tr>
<tr >
<td>2</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">胡莎莎胡莎莎胡莎莎胡莎莎</a></td>
<td><span class="edu-txt-w140 task-hide ">114578454545454554545455454545</span></td>
<td>延时提交</td>
<td>2017-03-05 14:15</td>
<td>95</td>
<td >98</td>
<td>98(3</td>
<td><span class="color-orange">90.5</span></td>
<td><a href="javascriptvoid(0);" class="link-color-blue">评阅</a></td>
</tr>
<tr >
<td>1</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">hushushushhushu</a></td>
<td><span class="edu-txt-w140 task-hide ">1145784545454545</span></td>
<td>延时提交</td>
<td>2017-03-05 14:15</td>
<td>- -</td>
<td>- -</td>
<td>- -3</td>
<td>- -</td>
<td ><a href="javascriptvoid(0);" class="link-color-blue">评阅</a>
</td>
</tr>
<tr >
<td>2</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w140 task-hide ">胡莎莎胡莎莎胡莎莎胡莎莎</a></td>
<td><span class="edu-txt-w140 task-hide ">114578454545454554545455454545</span></td>
<td>按时提交</td>
<td>2017-03-05 14:15</td>
<td>95</td>
<td >98</td>
<td>98(3</td>
<td><span class="color-orange">90.5</span></td>
<td><a href="javascriptvoid(0);" class="link-color-blue">评阅</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="edu-tab-con-3" class="undis" >
<div class="edu-tab-con-box">
<p class="">本课程是根据教育部教指委的要求开设的第一门计算机基础课程。<br/>
本课程吸纳了国内外最新的教学研究成果,兼顾了初学计算机的学生,反映了当代计算机学科的最新成就,具有厚实的课程内容体系,为学习后续计算机基础课程夯实基础。<br/>
本课程的教学目标是拓宽知识面、提高应用能力、培养创新能力,即:<br/>
1培养计算思维意识和能力 <br/>
2拓宽计算机基础知识面介绍计算机的基本原理、技术和方法引入计算机新技术和了解计算机发展趋势<br/>
3培养计算机的基本使用技能常用操作系统和应用软件的使用<br/>
4提高计算机的应用能力重点是网络、多媒体、数据库等技术的基本知识和应用理解信息安全和程序设计方面的基本知识。 <br/>
5通过实践培养创新意识和动手能力为学习后继计算机基础课程夯实基础<br/>
6最终目标是培养在各专业领域的应用能力。<br/>
第0讲 导学篇<br/>
第1讲 计算机文化与计算思维<br/>
1.1 引言<br/>
1.2 计算机的诞生和发展<br/>
1.3 计算思维基础<br/>
第2讲 操作系统基础<br/>
2.1 操作系统概述<br/>
2.2 操作系统基本功能<br/>
2.3 Windows的使用<br/>
第3讲 数据处理<br/>
</p>
</div>
</div>
<div class="cl"></div>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,288 @@
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>智能课堂</title>
<link href="css/bigdata-common.css" rel="stylesheet" type="text/css" />
<link href="css/bigdata-public.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/edu-class.css" rel="stylesheet" type="text/css" >
<link href="css/magic-check.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
//tab
function g(o){return document.getElementById(o);}
function HoverLi(n){
for(var i=1;i<=3;i++){
g('edu-tab-nav-'+i).className='edu-tab-nomal';
g('edu-tab-con-'+i).className='undis';
}
g('edu-tab-con-'+n).className='dis';
g('edu-tab-nav-'+n).className='edu-tab-hover';
}
</script>
</head>
<body >
<div class="edu-class-container " >
<p class="mb10"><i class="fa fa-map-marker mr5 color-grey " ></i><a href="#">班级首页</a> > <a href="#">作业列表</a> > <a href="#">#22</a> > 冰冰</p>
<div class="edu-con-top clearfix ">
<p class="ml15 fl color-grey"><i class="fa fa-lock mr5" ></i>数组5--字符串应用二</p>
<span class="edu-filter-btn edu-filter-btn-blue ml10 mt3">按时</span>
<a href="#" class="fr font-12 mr15 mt3 color-grey">返回</a>
</div>
<div class="edu-con-bg01 mt15" >
<div class="edu-con-top clearfix mb15">
<p class="ml15 ">内容</p>
</div>
<div class="edu-tab-con-box ">
<p >本课程是根据教育部教指委的要求开设的第一门计算机基础课程。<br>
本课程吸纳了国内外最新的教学研究成果,兼顾了初学计算机的学生,反映了当代计算机学科的最新成就,具有厚实的课程内容体系,为学习后续计算机基础课程夯实基础。<br>
本课程的教学目标是拓宽知识面、提高应用能力、培养创新能力,即:<br>
1培养计算思维意识和能力 <br>
2拓宽计算机基础知识面介绍计算机的基本原理、技术和方法引入计算机新技术和了解计算机发展趋势<br>
3培养计算机的基本使用技能常用操作系统和应用软件的使用<br>
4提高计算机的应用能力重点是网络、多媒体、数据库等技术的基本知识和应用理解信息安全和程序设计方面的基本知识。 <br>
</p>
<ul >
<li>
<a href="#" class="link-color-grey ">
<i class="fa fa-folder" aria-hidden="true"></i>
<span>操作系统概述.doc</span>
<span>(123.KB)</span>
<span>周海芳</span>
<span>2016-12-24 12:00</span>
</a>
</li>
<li>
<a href="#" class="link-color-grey">
<i class="fa fa-folder" aria-hidden="true"></i>
<span>操作系统概述.doc</span>
<span>(123.KB)</span>
<span>周海芳</span>
<span>2016-12-24 12:00</span>
</a>
</li>
<li class="color-grey"><span>2017-03-05 15:06 提交</span><span class="ml15">2017-03-05 15:06 更新</span></li>
</ul>
</div>
</div>
<div class="edu-con-bg01 mt15" >
<div class="edu-con-top clearfix mb15">
<p class="ml15 font-bd">迟交原因</p>
</div>
<div class="edu-tab-con-box ">
<p >本课程是根据教育部教指委的要求开设的第一门计算机基础课程。<br>
本课程吸纳了国内外最新的教学研究成果,兼顾了初学计算机的学生,反映了当代计算机学科的最新成就,具有厚实的课程内容体系,为学习后续计算机基础课程夯实基础。<br>
本课程的教学目标是拓宽知识面、提高应用能力、培养创新能力,即:<br>
</p>
<ul >
<li>
<a href="#" class="link-color-grey ">
<i class="fa fa-folder" aria-hidden="true"></i>
<span>操作系统概述.doc</span>
<span>(123.KB)</span>
<span>周海芳</span>
<span>2016-12-24 12:00</span>
</a>
</li>
</ul>
</div>
</div>
<div class="edu-con-bg01 mt15" >
<div class="edu-con-top clearfix ">
<p class="ml15 font-bd">其他组员</p>
</div>
<div class="edu-tab-con-box ">
<div class=" clearfix">
<a href="javascriptvoid(0);" class=" fl mr15 link-color-blue">hushushushhushu</a>
<a href="javascriptvoid(0);" class=" fl mr15 link-color-blue">hush打发u</a>
<a href="javascriptvoid(0);" class="fl mr15 link-color-blue">阿发达hhushu</a>
<a href="javascriptvoid(0);" class=" fl mr15 link-color-blue">h发的啊热风管u</a>
</div>
</div>
</div>
<div class="edu-con-bg01 mt15" >
<div class="edu-con-top clearfix">
<p class="ml15 font-bd">评测历史</p>
</div>
<div class="edu-tab-con-box ">
<div class="mb10">
<span class="font-bd mb5">第2次</span>
<div class="edu-ces-box">
<div class="edu-ces-top clearfix mb10">
<i class="fa fa-caret-down fl mt12 mr5"></i>
<span >测试集 2</span>
<i class="fa fa-exclamation-circle color-orange fr mt12"></i>
</div>
<div class="edu-ces-con">
<table class="edu-pop-table edu-txt-center table-line " cellspacing="0" cellpadding="0">
<thead>
<tr>
<th>期望输出</th>
<th>实际输出</th>
</tr>
</thead>
<tbody>
<tr>
<td>第1名 1402 b 100分<br>
第2名 1404 d 90分<br>
第3名 1401 a 80分<br>
第4名 1405 e 70分<br>
第5名 1403 c 60分</td>
<td>80 100 60 90 70</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="mb10">
<span class="font-bd mb5">第1次</span>
<div class="edu-ces-box">
<div class="edu-ces-top clearfix mb10">
<i class="fa fa-caret-right fl mt12 mr5"></i>
<span >测试集 2</span>
<i class="fa fa-check-circle-o color-green fr mt12"></i>
</div>
<div class="edu-ces-top clearfix mb10">
<i class="fa fa-caret-right fl mt12 mr5"></i>
<span >测试集 1</span>
<i class="fa fa-check-circle-o color-green fr mt12"></i>
</div>
</div>
</div>
</div>
</div>
<div class="edu-con-bg01 mt15" >
<div class="panel-mesbox">
<div class="panel-mes-head clearfix">
<h6 class="fl font-14">全部评阅<span class="ml5">41</span></h6>
<p class="fr mr15">
<a href="#" class="mr5 link-color-grey"><i class="fa fa-thumbs-up mr5 "></i><span class="ml5">5</span></a>
</p>
</div>
<div class=" panel-form mt15 mr15">
<ul>
<li class="clearfix mb15">
<label class=" panel-form-label fl color-grey" style="width:80px;"> 评语&nbsp;&nbsp;</label>
<textarea class="edu-reply-teat fl ">录入你对本作品的评语最多1000个字符</textarea>
</li>
<li class="clearfix mb15">
<label class=" panel-form-label fl color-grey" style="width:80px;"> 批量评分&nbsp;&nbsp;</label>
<input type="checkbox" class="fl mt15"><span class="fl ml10 color-grey font-12 mt10">组员同评选中则本次评阅对象指小组全部成员否则仅指此成员1人</span>
</li>
<li class="clearfix mb15">
<label class=" panel-form-label fl color-grey" style="width:80px;"> 评分&nbsp;&nbsp;</label>
<input type="text" class=" fl task-form-10 task-height-40 panel-box-sizing" placeholder="88">
</li>
<li class="clearfix mb15">
<label class=" ml50 fl">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
<a href="#" class="fl">
<i class="fa fa-upload mr5"></i>
<span>上传附件</span>
</a>
<span class="color-grey ml5">未上传文件 (最大文件大小 150 MB)</span>
</li>
<li class="clearfix ">
<a href="#" class=" task-btn task-btn-blue fr ">确定</a>
<a href="#" class=" task-btn fr mr10">取消</a>
</li>
</ul>
</div>
<div class="panel-comment_item mt20" style="border-top:1px solid #eee;">
<div class="comment_item_cont clearfix">
<div class="J_Comment_Face fl"><a href="#" target="_blank"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a></div>
<div class="t_content fl">
<div class="J_Comment_Info">
<div class="t_info clearfix">
<a href="#" class="content-username hide fl">胡莎莎</a>
<span class="t_area fl">2017-03-20 10:08</span>
<span class="color-light-green fl ml15">88 分</span>
</div>
</div>
<div class="J_Comment_Reply">
<div class="comment_orig_content">
很好很好很好很好很好很好很好很好很好很好很
</div>
<p class="fr orig_reply">
<a href="#" class="link-color-grey"><i class="fa fa-trash-o mr5"></i>删除</a>
</p>
</div>
<div class="cl"></div>
</div>
<!--comment_item_cont end-->
</div>
<div class="comment_item_cont clearfix">
<div class="J_Comment_Face fl"><a href="#" target="_blank"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a></div>
<div class="t_content fl">
<div class="J_Comment_Info">
<div class="t_info clearfix">
<a href="#" class="content-username hide fl">胡莎莎</a>
<span class="t_area fl">2017-03-20 10:08</span>
<span class="color-light-green fl ml15">88 分</span>
</div>
</div>
<div class="J_Comment_Reply">
<div class="comment_orig_content">
很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很很好很好很好很好很好很很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好很好
</div>
</div>
<div class="cl"></div>
</div>
<!--comment_item_cont end-->
</div>
<div class="comment_item_cont clearfix">
<div class="J_Comment_Face fl"><a href="#" target="_blank"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a></div>
<div class="t_content fl">
<div class="J_Comment_Info">
<div class="t_info clearfix">
<a href="#" class="content-username hide fl">胡莎莎</a>
<span class="t_area fl">2017-03-20 10:08</span>
<span class="color-orange fl ml15">55 分</span>
</div>
</div>
<div class="comment_orig_content">
结构不清晰,也没有附件
非常不符合作业要求
</div>
<div class="J_Comment_Reply">
<div class="comment_orig_content">
<div class="orig_cont-red clearfix">
<div class="orig_user fl">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="32" height="32" alt="头像"></a>
</div>
<div class="orig_right fl">
<a href="#" target="_self" class="content-username ">yixin</a><span class="orig_area">5分钟前</span>
<div class="orig_content ">为什么评分这么低,我已经按照作业的要求完成了所有的内容,并按时提交了附件
请说明评分这么低的原因</div>
</div>
<div class="cl"></div>
<p class="fr mr10 orig_reply">
<a href="#" class="mr5 color-orange">接受申诉</a>
<a href="#" class=" color-orange">拒绝申诉</a>
</p>
<div class="cl"></div>
</div>
</div>
</div>
<div class="cl"></div>
</div>
<!--comment_item_cont end-->
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,94 @@
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>智能课堂</title>
<link href="css/bigdata-common.css" rel="stylesheet" type="text/css" />
<link href="css/bigdata-public.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/edu-class.css" rel="stylesheet" type="text/css" >
<link href="css/magic-check.css" rel="stylesheet" type="text/css">
</head>
<body >
<div class="edu-class-container " >
<p class="mb10"><i class="fa fa-map-marker mr5 color-grey " ></i><a href="#">班级首页</a> > <a href="#">作业列表</a> > #22</p>
<div class="edu-con-top clearfix ">
<p class="ml15 fl ">查重结果</p>
<span class="ml15 fl color-grey">2017-03-18 12:50</span>
<a href="#" class="fr font-12 mr15 mt3 link-color-grey">返回</a>
</div>
<div class="edu-con-bg01 mt15" >
<div class="">
<table class="edu-pop-table edu-txt-center font-12 table-pa5 " cellspacing="0" cellpadding="0">
<thead>
<tr>
<th >序号</th>
<th>作品名称</th>
<th>姓名</th>
<th>学号</th>
<th>时间</th>
<th style="border-left:1px solid #eee;">作品名称</th>
<th>姓名</th>
<th>学号</th>
<th>时间</th>
<th style="border-left:1px solid #eee;">相似度</th>
<th>对比</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w100 task-hide ">作品名称</a></td>
<td><a href="javascriptvoid(0);" class="edu-txt-w100 task-hide ">莎莎</a></td>
<td><span class="edu-txt-w100 task-hide ">1145784545454545</span></td>
<td>2017-03-05 14:15</td>
<td style="border-left:1px solid #eee;"><a href="javascriptvoid(0);" class="edu-txt-w100 task-hide ">作品名称2</a></td>
<td><a href="javascriptvoid(0);" class="edu-txt-w100 task-hide ">彬彬</a></td>
<td><span class="edu-txt-w100 task-hide ">1145784545454545</span></td>
<td>2017-04-05 14:15</td>
<td style="border-left:1px solid #eee;">77%</td>
<td ><a href="javascriptvoid(0);" class="link-color-blue">查看</a></td>
</tr>
<tr>
<td>2</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w100 task-hide ">作品名称作品名称作品名称作品名称作品名称作品名称</a></td>
<td><a href="javascriptvoid(0);" class="edu-txt-w100 task-hide ">莎莎莎莎莎莎莎莎莎莎莎莎莎莎</a></td>
<td><span class="edu-txt-w100 task-hide ">1145784545454545</span></td>
<td>2017-03-05 14:15</td>
<td style="border-left:1px solid #eee;"><a href="javascriptvoid(0);" class="edu-txt-w100 task-hide ">作品名称2作品名称2作品名称2作品名称2作品名称2作品名称2作品名称2</a></td>
<td><a href="javascriptvoid(0);" class="edu-txt-w100 task-hide ">彬彬彬彬彬彬彬彬彬彬彬彬彬彬彬彬</a></td>
<td><span class="edu-txt-w100 task-hide ">1145784545454545</span></td>
<td>2017-04-05 14:15</td>
<td style="border-left:1px solid #eee;">77%</td>
<td ><a href="javascriptvoid(0);" class="link-color-blue">查看</a></td>
</tr>
<tr>
<td>3</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w100 task-hide ">作品名称</a></td>
<td><a href="javascriptvoid(0);" class="edu-txt-w100 task-hide ">莎莎</a></td>
<td><span class="edu-txt-w100 task-hide ">1145784545454545</span></td>
<td>2017-03-05 14:15</td>
<td style="border-left:1px solid #eee;"><a href="javascriptvoid(0);" class="edu-txt-w100 task-hide ">作品名称2</a></td>
<td><a href="javascriptvoid(0);" class="edu-txt-w100 task-hide ">彬彬</a></td>
<td><span class="edu-txt-w100 task-hide ">1145784545454545</span></td>
<td>2017-04-05 14:15</td>
<td style="border-left:1px solid #eee;">77%</td>
<td ><a href="javascriptvoid(0);" class="link-color-blue">查看</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,58 @@
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>智能课堂</title>
<link href="css/bigdata-common.css" rel="stylesheet" type="text/css" />
<link href="css/bigdata-public.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/edu-class.css" rel="stylesheet" type="text/css" >
<link href="css/magic-check.css" rel="stylesheet" type="text/css">
</head>
<body >
<div class="edu-class-container " >
<p class="mb10"><i class="fa fa-map-marker mr5 color-grey " ></i><a href="#">班级首页</a> > <a href="#">作业列表</a> > #22</p>
<div class="edu-con-top clearfix ">
<p class="ml15 fl ">查重结果</p>
<span class="ml15 fl color-grey">2017-03-18 12:50</span>
<a href="#" class="fr font-12 mr15 mt3 link-color-grey">返回</a>
</div>
<div class="edu-con-bg01 mt15" >
<div class="">
<table class="edu-pop-table edu-txt-center " cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><a href="javascriptvoid(0);" class="edu-txt-w100 task-hide ">罗又胖</a></td>
<td>&nbsp;</td>
<td><a href="javascriptvoid(0);" class="edu-txt-w100 task-hide ">杨柳</a></td>
</tr>
<tr>
<td >
<div class="cleafix mt15 ml15 mb15 mr15">
<textarea class="task-form-100 task-height-150 mb5" style="height:300px;"></textarea>
<a href="#" class=" task-btn task-btn-blue fr mb15">评阅</a>
</div>
</td>
<td class="color-orange">相似度70%</td>
<td>
<div class="cleafix mt15 ml15 mb15 mr15 ">
<textarea class="task-form-100 task-height-150 mb5" style="height:300px;"></textarea>
<a href="#" class=" task-btn task-btn-blue fr mb15">评阅</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,138 @@
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>智能课堂</title>
<link href="css/bigdata-common.css" rel="stylesheet" type="text/css" />
<link href="css/bigdata-public.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/edu-class.css" rel="stylesheet" type="text/css" >
<link href="css/magic-check.css" rel="stylesheet" type="text/css">
</head>
<body >
<div class="edu-class-container " >
<p class="mb10"><i class="fa fa-map-marker mr5 color-grey" ></i><a href="#">胡莎莎</a> > <a href="#">智能课堂</a> > <a href="#">我的题库</a> > 新建</p>
<div class="edu-con-top ">
<p class="ml15 color-grey">新建普通作业</p>
</div>
<div class="edu-con-bg01 " style="padding:30px 0;">
<div class="ml30 mr30">
<div class=" panel-form ">
<ul>
<li class="clearfix mb20">
<label class="panel-form-label fl" ><span class="color-orange mr5">*</span>专业层级&nbsp;&nbsp;&nbsp;</label>
<select class=" fl task-height-40 task-form-30" >
<option >选择课程所属专业层级</option>
<option>专 科</option>
<option>本 科</option>
<option>研究生</option>
</select>
<div class="cl"></div>
<span class="color-orange fl" style="margin-left:10%; "><i class="fa fa-exclamation-circle mr5" ></i>请选择课程所属专业层级</span>
</li>
<li class="clearfix mb20">
<label class="panel-form-label fl" ><span class="color-orange mr5">*</span>学科门类&nbsp;&nbsp;&nbsp;</label>
<select class=" fl task-height-40 task-form-30" >
<option >选择课程所属学科门类</option>
<option>01哲学</option>
<option>02经济学</option>
<option>03法学</option>
<option>04教育学</option>
<option>05文学</option>
<option>06历史学</option>
<option>07理学</option>
<option>08工学</option>
<option>09农学</option>
<option>10医学</option>
</select>
<div class="cl"></div>
</li>
<li class="clearfix mb20">
<label class="panel-form-label fl" ><span class="color-orange mr5">*</span>一级学科&nbsp;&nbsp;&nbsp;</label>
<select class=" fl task-height-40 task-form-30" >
<option >选择课程所属一级学科</option>
<option>01哲学</option>
<option>02经济学</option>
<option>03法学</option>
<option>04教育学</option>
<option>05文学</option>
<option>06历史学</option>
<option>07理学</option>
<option>08工学</option>
<option>09农学</option>
<option>10医学</option>
</select>
<div class="cl"></div>
</li>
<li class="clearfix mb20">
<label class="panel-form-label fl" ><span class="color-orange mr5">*</span>课程名称&nbsp;&nbsp;&nbsp;</label>
<input type="text" class="task-form-30 task-height-40 panel-box-sizing fl " placeholder=" 例如&nbsp;&nbsp;计算机基础">
<div class="cl"></div>
</li>
<li class="clearfix mb20">
<label class="panel-form-label fl" >英文名称&nbsp;&nbsp;&nbsp;</label>
<input type="text" class="task-form-30 task-height-40 panel-box-sizing fl" placeholder=" 例如&nbsp;&nbsp;Basis of Computer Engineering">
<div class="cl"></div>
</li>
<li class="clearfix mb20">
<label class="panel-form-label fl" >课程性质&nbsp;&nbsp;&nbsp;</label>
<select class=" fl task-height-40 task-form-30" >
<option >请选择课程性质</option>
<option>专业选修课</option>
<option>学科必修课</option>
<option>公共必修课</option>
<option>实践选修课</option>
<option>时间必修课</option>
</select>
<div class="cl"></div>
</li>
<li class="clearfix mb15">
<label class=" panel-form-label fl"><span class="color-orange mr5">*</span>标题&nbsp;&nbsp;&nbsp;</label>
<input type="text" class="panel-form-width-690 panel-form-height-30 fl" placeholder="最多60个字符" />
</li>
<li class="clearfix mb5">
<label class=" panel-form-label fl"><span class="color-orange mr5">*</span>内容&nbsp;&nbsp;&nbsp;</label>
<textarea class="panel-form-width-690 panel-form-height-150 fl task-textarea-pd"></textarea>
</li>
<li class="clearfix mb15">
<label class=" panel-form-label fl">&nbsp;</label>
<a href="#" class="fl">
<i class="fa fa-upload mr5" ></i>
<span >上传附件</span>
</a>
<a href="#" class="fl ml25">
<i class="fa fa-cloud mr5" ></i>
<span >资源库</span>
</a>
</li>
<li class="clearfix mb5">
<label class=" panel-form-label fl"> 参考答案&nbsp;&nbsp;</label>
<textarea class="panel-form-width-690 panel-form-height-150 fl task-textarea-pd"></textarea>
</li>
<li class="clearfix ">
<label class=" panel-form-label fl">&nbsp;</label>
<a href="#" class="fl">
<i class="fa fa-upload mr5" ></i>
<span >上传附件</span>
</a>
</li>
<li class="clearfix ">
<a href="#" class=" task-btn task-btn-blue fr ">保存</a>
<a href="#" class=" task-btn fr mr10">取消</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,153 @@
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>智能课堂</title>
<link href="css/bigdata-common.css" rel="stylesheet" type="text/css" />
<link href="css/bigdata-public.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/edu-class.css" rel="stylesheet" type="text/css" >
<link href="css/magic-check.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
//tab
function g(o){return document.getElementById(o);}
function HoverLi(n){
for(var i=1;i<=2;i++){
g('edu-tab-nav-'+i).className='edu-tab-nomal';
g('edu-tab-con-'+i).className='undis';
}
g('edu-tab-con-'+n).className='dis';
g('edu-tab-nav-'+n).className='edu-tab-hover';
}
</script>
</head>
<body >
<div class="edu-class-container " >
<p class="mb10"><i class="fa fa-map-marker mr5 color-grey " ></i><a href="#">胡莎莎</a> > <a href="#">智能课堂</a> > <a href="#">我的题库</a> > #22</p>
<div class="edu-con-top clearfix ">
<p class="ml15 fl color-grey"><i class="fa fa-lock mr5" ></i>数组5--字符串应用二</p>
<a href="#" class="fr font-12 mr15 mt3 link-color-grey">返回</a>
</div>
<div class="edu-con-bg01 mt15" >
<div class="">
<div class="edu-tab clearfix mb20" >
<ul id="edu-tab-nav">
<li id="edu-tab-nav-1" class="edu-tab-hover " onclick="HoverLi(1);">
<a href="javascript:void(0);" class="tab_type">作业详情</a>
<span class="edu-tab-fa"><i class="fa fa-caret-down" ></i></span>
</li>
<li id="edu-tab-nav-2" onclick="HoverLi(2);">
<a href="javascript:void(0);" class="tab_type" >参考答案</a>
<span class="edu-tab-fa"><i class="fa fa-caret-down" ></i></span>
</li>
</ul>
<div class="cl"></div>
<div id="edu-tab-con-1" >
<div class="edu-tab-con-box">
<div class=" fr edu-position edu-position-hidebox mr50">
<a href="" class=" font-16"><i class="fa fa-bars "></i></a>
<ul class="edu-position-hide undis">
<li><a href="#">发送</a></li>
<li><a href="#">设为公开</a></li>
<li><a href="#">删 除</a></li>
</ul>
</div>
<div class="cl"></div>
<p class="mb15 font-12 color-grey">
<span>创建于于10天前</span><span class="ml30">更新于3小时前</span><br/>
<span>适用课程:本科-工学 -计算机类 - 计算机程序设计之C++<a href="#" class="link-color-grey ml15 font-16 " title="编辑"><i class="fa fa-edit "></i></a></span>
</p>
<p class="">本课程是根据教育部教指委的要求开设的第一门计算机基础课程。<br/>
本课程吸纳了国内外最新的教学研究成果,兼顾了初学计算机的学生,反映了当代计算机学科的最新成就,具有厚实的课程内容体系,为学习后续计算机基础课程夯实基础。<br/>
本课程的教学目标是拓宽知识面、提高应用能力、培养创新能力,即:<br/>
1培养计算思维意识和能力 <br/>
2拓宽计算机基础知识面介绍计算机的基本原理、技术和方法引入计算机新技术和了解计算机发展趋势<br/>
3培养计算机的基本使用技能常用操作系统和应用软件的使用<br/>
</p>
</div>
<ul class=" panel-mes-head ">
<li>
<a href="#" class="link-color-grey ">
<i class="fa fa-folder" aria-hidden="true"></i>
<span>操作系统概述.doc</span>
<span>(123.KB)</span>
<span>周海芳</span>
<span>2016-12-24 12:00</span>
</a>
</li>
<li>
<a href="#" class="link-color-grey">
<i class="fa fa-folder" aria-hidden="true"></i>
<span>操作系统概述.doc</span>
<span>(123.KB)</span>
<span>周海芳</span>
<span>2016-12-24 12:00</span>
</a>
</li>
</ul>
<div class="panel-mesbox">
<div class="panel-mes-head clearfix">
<h6 class="fl">全部回复<span class="ml5">41</span></h6>
<p class="fr mr15">
<a href="#" class="mr5 link-color-blue"><i class="fa fa-thumbs-up mr5 " ></i><span class="ml5">5</span></a>
<a href="#"><i class="fa fa-comments-o mr5 " ></i>回复<span class="ml5">15</span></a>
</p>
</div>
<div class="panel-comment_item" >
<div class="comment_item_cont clearfix">
<div class="comment_reply_box">
<div class="J_Comment_Face fl">
<a href="#" target="_blank"><img src="images/user/male.jpg" width="50" height="50" alt="头像"></a>
</div>
<textarea class="edu-reply-teat fr mr15 mb10"></textarea>
<div class="cl"></div>
<a href="#" class=" task-btn task-btn-blue fr mr15">发布</a>
<div class="cl"></div>
</div>
</div>
<!--comment_item_cont end-->
</div>
</div>
</div>
<div id="edu-tab-con-2" class="undis" >
<div class="edu-tab-con-box">
<p class="">本课程是根据教育部教指委的要求开设的第一门计算机基础课程。<br/>
本课程吸纳了国内外最新的教学研究成果,兼顾了初学计算机的学生,反映了当代计算机学科的最新成就,具有厚实的课程内容体系,为学习后续计算机基础课程夯实基础。<br/>
本课程的教学目标是拓宽知识面、提高应用能力、培养创新能力,即:<br/>
1培养计算思维意识和能力 <br/>
2拓宽计算机基础知识面介绍计算机的基本原理、技术和方法引入计算机新技术和了解计算机发展趋势<br/>
3培养计算机的基本使用技能常用操作系统和应用软件的使用<br/>
4提高计算机的应用能力重点是网络、多媒体、数据库等技术的基本知识和应用理解信息安全和程序设计方面的基本知识。 <br/>
5通过实践培养创新意识和动手能力为学习后继计算机基础课程夯实基础<br/>
6最终目标是培养在各专业领域的应用能力。<br/>
第0讲 导学篇<br/>
第1讲 计算机文化与计算思维<br/>
1.1 引言<br/>
1.2 计算机的诞生和发展<br/>
1.3 计算思维基础<br/>
第2讲 操作系统基础<br/>
2.1 操作系统概述<br/>
2.2 操作系统基本功能<br/>
2.3 Windows的使用<br/>
第3讲 数据处理<br/>
</p>
</div>
</div>
<div class="cl"></div>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,150 @@
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>智能课堂</title>
<link href="css/bigdata-common.css" rel="stylesheet" type="text/css" />
<link href="css/bigdata-public.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/edu-class.css" rel="stylesheet" type="text/css" >
<link href="css/magic-check.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
//tab
function g(o){return document.getElementById(o);}
function HoverLi(n){
for(var i=1;i<=2;i++){
g('edu-tab-nav-'+i).className='edu-tab-nomal';
g('edu-tab-con-'+i).className='undis';
}
g('edu-tab-con-'+n).className='dis';
g('edu-tab-nav-'+n).className='edu-tab-hover';
}
</script>
</head>
<body >
<div class="edu-class-container " >
<p class="mb10"><i class="fa fa-map-marker mr5 color-grey " ></i><a href="#">胡莎莎</a> > <a href="#">智能课堂</a> > 题库</p>
<div class="edu-con-bg01 mt15" >
<div class="">
<div class="edu-tab clearfix mb20" >
<ul id="edu-tab-nav">
<li id="edu-tab-nav-1" class="edu-tab-hover " onclick="HoverLi(1);">
<a href="javascript:void(0);" class="tab_type">我的题库</a>
<span class="edu-tab-fa"><i class="fa fa-caret-down" ></i></span>
</li>
<li id="edu-tab-nav-2" onclick="HoverLi(2);">
<a href="javascript:void(0);" class="tab_type" >公共题库</a>
<span class="edu-tab-fa"><i class="fa fa-caret-down" ></i></span>
</li>
</ul>
<div class="cl"></div>
<div id="edu-tab-con-1" >
<div class="edu-class-innner-conbox">
<div class=" edu-position task-form-20 mt15 ml15 mb10">
<input class="task-form-100 panel-box-sizing " placeholder="输入题目的关键词进行搜索" type="text">
<a href="javascript:void(0);" class="edu-btn-search font-16 color-grey mt15"><i class="fa fa-search"></i></a>
</div>
<div class=" panel-bg-grey clearfix color-grey font-12 ">
<p class=" fl ml15"><span class="color-orange">266</span>个搜索结果</p>
<a href="#" class=" fr mr15">引用次数排序</a>
<span class=" mr5 ml5 fr">|</span>
<a href="#" class=" fr color-blue">更新时间排序</a>
</div>
<div class="edu-con-top clearfix">
<p class="fl task-form-50 ml15">
<a href="#" class="edu-filter-cir-grey mr5 active">全部</a>
<a href="#" class="edu-filter-cir-grey mr5">编程作业</a>
<a href="#" class="edu-filter-cir-grey mr5">普通作业</a>
<a href="#" class="edu-filter-cir-grey mr5">分组作业</a>
<a href="#" class="edu-filter-cir-grey mr5">实训作业</a>
<a href="#" class="edu-filter-cir-grey mr5">试卷</a>
</p>
<a href="#" class="task-btn task-btn-blue fr mr15 mt5">新建</a>
<div class="cl"></div>
</div>
<div class=" clearfix edu-class-con-list">
<div class="fl ml15 task-form-90 ">
<a href="javascript:void(0);" class="edu-class-inner-list fl"><input type="checkbox"> 数组5--字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二字符串应用二</a>
<div class="cl"></div>
<p class="color-grey font-12">
<span class=" "># 22</span>
<span class=" ml30">更新于2分钟前</span>
<span class=" ml30">60 次引用</span>
<span class=" ml30">2600 次答题</span>
<span class=" ml30">本科-工学 -计算机类 - 计算机程序设计之C++</span>
</p>
</div>
<div class=" fr edu-position edu-position-hidebox mr15 mt20">
<a href="#"><i class="fa fa-ellipsis-v font-16"></i></a>
<ul class="edu-position-hide undis">
<li><a href="#">预览</a></li>
<li><a href="#">发送</a></li>
<li><a href="#">删 除</a></li>
</ul>
</div>
</div>
<div class=" clearfix edu-class-con-list">
<div class="fl ml15 task-form-90 ">
<a href="javascript:void(0);" class="edu-class-inner-list fl"><input type="checkbox"> 数组5--字符串应用二字符串应用二字符串应用二字符串应用二字串应用二字符串应用二字符串应用二字符串应用二</a>
<div class="cl"></div>
<p class="color-grey font-12">
<span class=" "># 22</span>
<span class=" ml30">更新于2分钟前</span>
<span class=" ml30">60 次引用</span>
<span class=" ml30">2600 次答题</span>
<span class=" ml30">本科-工学 -计算机类 - 计算机程序设计之C++</span>
</p>
</div>
<div class=" fr edu-position edu-position-hidebox mr15 mt20">
<a href="#"><i class="fa fa-ellipsis-v font-16"></i></a>
<ul class="edu-position-hide undis">
<li><a href="#">预览</a></li>
<li><a href="#">发送</a></li>
<li><a href="#">删 除</a></li>
</ul>
</div>
</div>
<ul class="sy_classlist clearfix ">
<input class="magic-checkbox" type="checkbox" name="layout" checked="">
<label for="c2" class="fl mr15">全选</label>
<div class="fl resource_btns_bottom">
<a href="javascript:void(0);" class="fl mr10">发送</a>
<a href="javascript:void(0);" class="fl">删除</a>
</div>
<div class="fr pages_right_min ">
<a href="javascript:void(0);" class="pages-big">上一页</a>
<a href="javascript:void(0);" class="active ">1</a>
<a href="javascript:void(0);">2</a>
<a href="javascript:void(0);">3</a>
<a href="javascript:void(0);">...</a>
<a href="javascript:void(0);">31</a>
<a href="javascript:void(0);" class="pages-big pages-border-right">下一页</a>
<div class="cl"></div>
</div>
</ul>
</div>
</div>
<div id="edu-tab-con-2" class="undis" >
<div class="edu-tab-con-box">
dfadfad
</div>
</div>
<div class="cl"></div>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -1,111 +0,0 @@
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>智能课堂</title>
<link href="css/bigdata-common.css" rel="stylesheet" type="text/css" />
<link href="css/bigdata-public.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/edu-class.css" rel="stylesheet" type="text/css" >
<link href="css/magic-check.css" rel="stylesheet" type="text/css">
</head>
<body style="display: flex;flex-direction: column;height: 100%;">
<div class="edu-class-container " style="flex: 1 0 auto;" >
<p class="mb10"><i class="fa fa-map-marker mr5 color-grey" ></i><a href="#">班级首页</a> > <a href="#">作业列表</a> > 新建</p>
<div class="edu-con-top ">
<p class="ml15 color-grey">新建普通作业</p>
</div>
<div class="edu-con-bg01">
<div class="edu-class-con ">
<div class="alert alert-orange mb30 ">
<button data-dismiss="alert" class="task-close fr" type="button">×</button>
课程的核心是授课大纲,您可以为一门课程创建多个不同的班级
</div>
<div class="panel-form clearfix ">
<ul>
<li class="clearfix mb20">
<label class="panel-form-label label-w20 fl" ><span class="color-orange mr5">*</span>专业层级&nbsp;&nbsp;&nbsp;&nbsp;</label>
<select class=" fl task-height-40 task-form-80" >
<option >选择课程所属专业层级</option>
<option>专 科</option>
<option>本 科</option>
<option>研究生</option>
</select>
<div class="cl"></div>
<span class="color-orange fl" style="margin-left:20%; "><i class="fa fa-exclamation-circle mr5" ></i>请选择课程所属专业层级</span>
</li>
<li class="clearfix mb20">
<label class="panel-form-label label-w20 fl" ><span class="color-orange mr5">*</span>学科门类&nbsp;&nbsp;&nbsp;&nbsp;</label>
<select class=" fl task-height-40 task-form-80" >
<option >选择课程所属学科门类</option>
<option>01哲学</option>
<option>02经济学</option>
<option>03法学</option>
<option>04教育学</option>
<option>05文学</option>
<option>06历史学</option>
<option>07理学</option>
<option>08工学</option>
<option>09农学</option>
<option>10医学</option>
</select>
<div class="cl"></div>
</li>
<li class="clearfix mb20">
<label class="panel-form-label label-w20 fl" ><span class="color-orange mr5">*</span>一级学科&nbsp;&nbsp;&nbsp;&nbsp;</label>
<select class=" fl task-height-40 task-form-80" >
<option >选择课程所属一级学科</option>
<option>01哲学</option>
<option>02经济学</option>
<option>03法学</option>
<option>04教育学</option>
<option>05文学</option>
<option>06历史学</option>
<option>07理学</option>
<option>08工学</option>
<option>09农学</option>
<option>10医学</option>
</select>
<div class="cl"></div>
</li>
<li class="clearfix mb20">
<label class="panel-form-label label-w20 fl" ><span class="color-orange mr5">*</span>课程名称&nbsp;&nbsp;&nbsp;&nbsp;</label>
<input type="text" class="task-form-80 task-height-40 panel-box-sizing fl " placeholder=" 例如&nbsp;&nbsp;计算机基础">
<div class="cl"></div>
</li>
<li class="clearfix mb20">
<label class="panel-form-label label-w20 fl" >英文名称&nbsp;&nbsp;&nbsp;&nbsp;</label>
<input type="text" class="task-form-80 task-height-40 panel-box-sizing fl" placeholder=" 例如&nbsp;&nbsp;Basis of Computer Engineering">
<div class="cl"></div>
</li>
<li class="clearfix mb20">
<label class="panel-form-label label-w20 fl" >课程性质&nbsp;&nbsp;&nbsp;&nbsp;</label>
<select class=" fl task-height-40 task-form-80" >
<option >请选择课程性质</option>
<option>专业选修课</option>
<option>学科必修课</option>
<option>公共必修课</option>
<option>实践选修课</option>
<option>时间必修课</option>
</select>
<div class="cl"></div>
</li>
<li class="clearfix" >
<a href="#" class=" task-btn task-btn-blue fr ">保存</a>
<a href="#" class=" task-btn fr mr10">取消</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -57,7 +57,7 @@
</div>
</div>
</div>
<div class="task-popup" style="width:610px;">
<div class="task-popup" style="width:640px;">
<div class=" task-popup-title clearfix task-popup-bggrey">
<h3 class="fl ">教师团队-添加</h3>
<a href="#"><i class="fa fa-times-circle font-18 link-color-grey fr mt5"></i></a>