web前端期末大作业:基于HTML+CSS+JavaScript学校教育主题-卡通风格在线职业教育网页设计 (14页)
<!doctype html>
<html><!-- InstanceBegin template="/Templates/" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<meta name="author" content="order by /" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>XXX职业教育在线测评与学习平台</title>
<link rel="stylesheet" href="css/"/>
<script src="js/jquery-1.8."></script>
<link rel="stylesheet" href="css/" media="screen">
<script src="js/"></script>
<script src="js/"></script>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<div class="head" id="fixed">
<div class="nav">
<span class="navimg"><a href=""><img border="0" src="picture/"></a></span>
<ul class="nag">
<li><a href="" class="link1 current">课程</a></li>
<li><a href="" class="link1">资讯</a></li>
<li><a href="" class="link1">讲师</a></li>
<li><a href="exam_index.html" class="link1" target="_blank">题库</a></li>
<li><a href="" class="link1" target="_blank">问答</a></li>
</ul>
<span class="massage">
<!--<span class="select">
<a href="#" class="sort">课程</a>
<input type="text" value="关键字"/>
<a href="#" class="sellink"></a>
<span class="sortext">
<p>课程</p>
<p>题库</p>
<p>讲师</p>
</span>
</span>-->
<!--未登录-->
<span class="exambtn_lore">
<a class="tkbtn tklog" href="">登录</a>
<a class="tkbtn tkreg" href="">注册</a>
</span>
<!--登录后-->
<!--<div class="logined">
<a href="" onMouseOver="logmine()" style="width:70px" class="link2 he ico" target="_blank">sherley</a>
<span style="display:none" onMouseOut="logclose()" onMouseOver="logmine()">
<span style="background:#fff;">
<a href="" style="width:70px; display:block;" class="link2 he ico" target="_blank">sherley</a>
</span>
<div class="clearh"></div>
<ul class="logmine" >
<li><a class="link1" href="#">我的课程</a></li>
<li><a class="link1" href="#">我的题库</a></li>
<li><a class="link1" href="#">我的问答</a></li>
<li><a class="link1" href="#">退出</a></li>
</ul>
</span>
</div>-->
</span>
</div>
</div>
<!-- InstanceBeginEditable name="EditRegion1" -->
<div class="coursecont">
<div class="coursepic">
<div class="course_img"><img src="picture/" width="500"></div>
<div class="coursetitle">
<a class="state">更新中</a>
<h2 class="courseh2">会计基础</h2>
<p class="courstime">总课时:<span class="course_tt">30课时</span></p>
<p class="courstime">课程时长:<span class="course_tt">3小时20分</span></p>
<p class="courstime">学习人数:<span class="course_tt">25987人</span></p>
<p class="courstime">讲师:马老师</p>
<p class="courstime">课程评价:<img width="71" height="14" src="picture/"> <span class="hidden-sm hidden-xs">5.0分(10人评价)</span></p>
<!--<p><a class="state end">完结</a></p>-->
<span class="coursebtn"><a class="btnlink" href="">加入学习</a><a class="codol fx" href="javascript:void(0);" onClick="$('#bds').toggle();">分享课程</a><a class="codol sc" href="#">收藏课程</a></span>
<div style="clear:both;"></div>
<div id="bds">
<div class="bdsharebuttonbox">
<a title="分享到QQ空间" href="#" class="bds_qzone" data-cmd="qzone"></a>
<a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a>
<a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a>
<a title="分享到人人网" href="#" class="bds_renren" data-cmd="renren"></a>
<a title="分享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a>
<a href="#" class="bds_more" data-cmd="more"></a>
<a class="bds_count" data-cmd="count"></a>
</div>
<script>
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到:","viewSize":"24"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='/static/api/js/?v=?cdnversion='+~(-new Date()/36e5)];
</script>
</div>
</div>
<div class="clearh"></div>
</div>
<div class="clearh"></div>
<div class="coursetext">
<h3 class="leftit">课程简介</h3>
<p class="coutex">本课程主要针对重新改版后的新大纲会计从业资格考试的学习,主要为零基础学生顺利通过会计从业考试而设立!内容包括会计基础、财经法规和职业道德、电算化三科视频课程全系列。 本教程为2014最新版教材课程详细讲解,学完后可以直接考证,也可以提高会计业务基础知识</p>
<div class="clearh"></div>
<h3 class="leftit">课程目录</h3>
<dl class="mulu">
<dt><a href="" class="graylink">第一章 总论</a></dt>
<dd>内容包括会计基础、财经法规和职业道德、电算化三科视频课程全系列。内容包括会计基础、财经法规和职业道德、电算化三科视频课程全系列</dd>
<dt><a href="#" class="graylink">第二章 会计要素与会计等式</a></dt>
<dd>内容包括会计基础、财经法规和职业道德、电算化三科视频课程全系列。内容包括会计基础、财经法规和职业道德、电算化三科视频课程全系列</dd>
<dt><a href="#" class="graylink">第三章 会计科目与账户</a></dt>
<dd>内容包括会计基础、财经法规和职业道德、电算化三科视频课程全系列。内容包括会计基础、财经法规和职业道德、电算化三科视频课程全系列</dd>
<dt><a href="#" class="graylink">第四章 会计记账方法</a></dt>
<dd>内容包括会计基础、财经法规和职业道德、电算化三科视频课程全系列。内容包括会计基础、财经法规和职业道德、电算化三科视频课程全系列</dd>
<dt><a href="#" class="graylink">第五章 借贷记账法下主要经济业务的账务处理</a></dt>
<dd>介绍ISO/OSI七层模型、TCP/IP四层模型、IP地址、DNS、端口、网关等网络知识,为Linux的网络配置打好基础。</dd>
<dt><a href="#" class="graylink">第六章 会计凭证</a></dt>
<dd>内容包括会计基础、财经法规和职业道德、电算化三科视频课程全系列。内容包括会计基础、财经法规和职业道德、电算化三科视频课程全系列</dd>
<dt><a href="#" class="graylink">第七章 会计账簿</a></dt>
<dd>介绍ISO/OSI七层模型、TCP/IP四层模型、IP地址、DNS、端口、网关等网络知识,为Linux的网络配置打好基础。</dd>
<dt><a href="#" class="graylink">第八章 账务处理程序</a></dt>
<dd>介绍ISO/OSI七层模型、TCP/IP四层模型、IP地址、DNS、端口、网关等网络知识,为Linux的网络配置打好基础。</dd>
<dt><a href="#" class="graylink">第九章 财产清查</a></dt>
<dd>介绍ISO/OSI七层模型、TCP/IP四层模型、IP地址、DNS、端口、网关等网络知识,为Linux的网络配置打好基础。</dd>
<dt><a href="#" class="graylink">第十章 财务报表</a></dt>
<dd>内容包括会计基础、财经法规和职业道德、电算化三科视频课程全系列。内容包括会计基础、财经法规和职业道德、电算化三科视频课程全系列</dd>
</dl>
</div>
<div class="courightext">
<div class="ctext">
<div class="cr1">
<h3 class="righttit">授课讲师</h3>
<div class="teacher">
<div class="teapic ppi">
<a href="" target="_blank"><img src="picture/" width="80" class="teapicy" title="张民智"></a>
<h3 class="tname"><a href="" class="peptitle" target="_blank">张民智</a><p style="font-size:14px;color:#666">会计讲师</p></h3>
</div>
<div class="clearh"></div>
<p>十年以上Linux从业经验, 培训经验超过八年。在各 个知名培训机构做过金牌 讲师、学科负责人,培训 学员过万人。曾获红帽认 证讲师,微软认证讲师等 资质认证。教学以逻辑性 强、教学细致、知识点准 确著称。</p>
</div>
</div>
</div>
<div class="ctext">
<div class="cr1">
<h3 class="righttit">课程公告</h3>
<div class="gonggao">
<div class="clearh"></div>
<p>人所缺乏的不是才干而是志向,不是成功的能力而是勤劳的意志。<br/>
<span class="gonggao_time">2014-12-12 15:01</span>
</p>
<div class="clearh"></div>
<p>请学习的同学在每节课学习后务必做完当节课的测试!<br/>
<span class="gonggao_time">2014-12-12 15:01</span>
</p>
<div class="clearh"></div>
</div>
</div>
</div>
<div class="ctext">
<div class="cr1">
<h3 class="righttit">相关课程</h3>
<div class="teacher">
<div class="teapic">
<a href="#" target="_blank"><img src="picture/" height="60" title="财经法规与财经职业道德"></a>
<h3 class="courh3"><a href="#" class="peptitle" target="_blank">财经法规与财经职业道德</a></h3>
</div>
<div class="clearh"></div>
<div class="teapic">
<a href="#" target="_blank"><img src="picture/" height="60" title="财经法规与财经职业道德"></a>
<h3 class="courh3"><a href="#" class="peptitle" target="_blank">财经法规与财经职业道德</a></h3>
</div>
<div class="clearh"></div>
<div class="teapic">
<a href="#" target="_blank"><img src="picture/" height="60" title="财经法规与财经职业道德"></a>
<h3 class="courh3"><a href="#" class="peptitle" target="_blank">财经法规与财经职业道德</a></h3>
</div>
<div class="clearh"></div>
</div>
</div>
</div>
</div>
<div class="clearh"></div>
</div>
<!-- InstanceEndEditable -->
<div class="clearh"></div>
<div class="foot">
<div class="fcontainer">
<div class="fwxwb">
<div class="fwxwb_1">
<span>关注微信</span><img width="95" alt="" src="picture/">
</div>
<div>
<span>关注微博</span><img width="95" alt="" src="picture/">
</div>
</div>
<div class="fmenu">
<p><a href="#">关于我们</a> | <a href="#">联系我们</a> | <a href="#">优秀讲师</a> | <a href="#">帮助中心</a> | <a href="#">意见反馈</a> | <a href="#">加入我们</a></p>
</div>
<div class="copyright">
<div><a href="/">XXX网</a>所有 晋ICP备XXX号-9</div>
</div>
</div>
</div>
<!--右侧浮动-->
<div class="rmbar">
<span class="barico qq" style="position:relative">
<div class="showqq">
<p>官方客服QQ:<br>XXX</p>
</div>
</span>
<span class="barico em" style="position:relative">
<img src="picture/" width="75" class="showem">
</span>
<span class="barico wb" style="position:relative">
<img src="picture/" width="75" class="showwb">
</span>
<span class="barico top" id="top">置顶</span>
</div>
</body>
<!-- InstanceEnd --></html>