我的怎么回事啊 谁帮我看看啊
慕后端4326127
2016-05-25 14:34
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>慕课网主页</title>
<link href="css/dome.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="top">
<div class="top_content">
<ul>
<li><a href="#"> 联系我们</a></li>
<li><a href="#">设为首页</a></li>
<li><a href="#"> 加入收藏</a></li>
</ul>
</div>
</div>
<div id="wrap">
<div class="logo">
<div class="left_logo">
<img src="images/logo.jpg" alt="慕课网"/>
</div>
<div class="right_logo">
<img src="images/tel.jpg" />24小时服务热线：<span class="tel">123-456-7890</span>
</div>
</div>
<div class="nav">
<div class="nav_left"></div>
<div class="nav_mid">
<div class="mid_left">
<ul>
<li><a href="#">首页</a></li>
<li><a href="list.html">关于慕课</a></li>
<li><a href="list.html">新闻动态</a></li>
<li><a href="list.html">课程中心</a></li>
<li><a href="list.html">在线课程</a></li>
<li><a href="list.html">人才招聘</a></li>
</ul>
</div>
<div class="mid_right">
<form action="" method="post">
<input type="text" class="search_text" />
</form>
</div>
</div>
<div class="nav_right"></div>
</div>
<div class="ad" id="picbox" style="height:243px;">
<img src="images/ad.jpg" />
</div>
<div class="list_main">
<div class="news_type"></div>
<div class="list_box">
<p> 8月伊始，慕课网App即获得了App Store的多个推荐，同时出现在“免费App精选”、“致毕业生”、“学而不倦”以及“轻松学编程”四个榜单中。这款IT编程学习类的App为何如此备受青睐？趣味视频课程、高清画面质感、在线离线随身学习……优质的课程内容结合良好的用户体验，慕课网App无疑是IT学习的最佳选择。</p>
<p> <b>App Store力荐 慕课网荣登四榜单</b> </p>
<p>App Store因公平著称，能被其推荐是每一款App梦寐以求的荣誉，慕课网则一举占据了其四个榜单，包括精品推荐首页“合集”版块下“免费App精选”中的“新品”推荐、“合集”版块“致毕业生”中“学无止境”推荐、教育类别“合集”版块下“学而不倦”中的推荐以及“轻松学编程”版块推荐。 </p>
<p align="center"><img src="app.jpg" width="500" height="420" alt=""/></p>
<p>事实上，慕课网登上App Store榜单并非首次。早在2014年5月，慕课网就荣登App Store 精品推荐榜首，同时登上“教育”类别下“优秀新App”榜首，并获评“五月最佳”精彩App。随后，慕课网App接连出现在“致毕业生”、“免费App精选”、“夏日学堂”等榜单中。</p>
<p> 从App Store的持续推荐以及“优秀”、“精选”的肯定中不难看出，慕课网在IT在线学习领域以及教育类App中得到了用户的认可。 </p>
<p><b>新功能上线 持续提升用户体验</b> </p>
<p>一款好的产品同样需要不断改进来满足用户需求。慕课网App上线至今进行了多个版本的迭代，不断完善产品、提升用户体验，ios最新的2.1.0版本于7月20日更新，上线了大量新功能。</p>
<p> 明确、清晰的课程分类能够让用户迅速找到感兴趣的课程，本次慕课网就上线了全新的课程分类方式，点击“全部课程”即可显示出全部的技术语言种类以及视频课程数量，全部在线课程一目了然。 </p>
<p>不知道讲师在哪里？此版本更新中添加了讲师认证，不仅对讲师空间进行了认证，在课程讨论和笔记中，通过认证标识，一眼可以看到哪个是讲师回复。 </p>
<p>此外，慕课网App在最新版本中调整了下拉刷新和上拉加载的效果；课程练习部分增加了习题解析；对半透化效果、全屏播放器按钮进行了优化，并新增了编程课、ps课程。一系列的改进相信能为IT学习用户带来更好的学习体验。</p>
<p> 慕课网App在精品视频课程的基础上，不断优化用户体验，帮助IT学习者迅速入门、提升技能，以优秀的产品基因获得App Store的多个推荐，使更多用户有机会使用这款IT学习软件，体验学习的简单和快捷。</p>
</div>
</div>
</div>
<div id="footer">
<div class="footer_content">
<ul>
<li><a href="#">关于</a>
<ul>
<li><a href="#">品牌故事</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">加入我们</a></li>
<li><a href="#">版权声明</a></li>
</ul>
</li>
<li><li><a href="#">课程</a>
<ul>
<li><a href="#">PHP开发</a></li>
<li><a href="#">前端开发</a></li>
<li><a href="#">JAVA开发</a></li>
<li><a href="#">Android开发</a></li>
</ul>
</li>
<li><a href="#">关注</a>
<ul>
<li><a href="#">新浪微博</a></li>
<li><a href="#">腾讯微博</a></li>
<li><a href="#">企业微信</a></li>
<li><a href="#">QQ空间</a></li>
</ul>
</li>
<li><a href="#">留言</a>
<ul>
<li><a href="#">意见反馈</a></li>
<li><a href="#">问题留言</a></li>
<li><a href="#">媒体联络</a></li>
<li><a href="#">在线客服</a></li>
</ul>
</li>
<li><img src="images/weixin.png" alt="微信关注"/>微信关注
<ul>
<li><img src="images/qrcode.jpg" alt="扫描关注慕课网官方微信" /></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; font-size:12px; }
body{
background-color:#f5f5f5;
}
#top{
width:100%;
height:27px;
background:url(../images/top_bg.jpg) repeat-x;
}
.top_content{
width:1000px;
margin:0 auto;
}
.top_content li{
list-style-image:url(../images/li_bg.gif);
float:right;
width:70px;
line-height:27px;
}
.top_content a:link,.top_content a:visited{
color:#8e8e8e;
text-decoration:none;
}
.top_content a:hover,.top_content a:active{
color:#900;
text-decoration:none;}
#wrap{
width:1000px;
margin:0 auto;}
.logo{
height:80px;
background-color:#fff;}
.left_logo{
width:200px;
float:left;
display: inline;}
.right_logo{
width:300px;
float:right;
display: inline;
margin-top:20px;
color:#8e8e8e;}
.right_logo img{
vertical-align:middle;
margin-right:10px;}
.tel{
font-family:"微软雅黑";
font-size:16px;
color:#c00;}
.nav_left{
width:10px;
background:url(../images/nav_left.jpg) no-repeat;}
.nav_mid{
width:980px;
background:url(../images/nav_bg.jpg) repeat-x;}
.nav_right{
width:10px;
background:url(../images/nav_right.jpg) no-repeat;}
.nav_left,.nav_mid,.nav_right{
height:40px;
float:left;
display:inline;
}
.mid_left{
width:680px;
float:left;
display:inline;}
.mid_right{
float:left;
display:inline;
width:300px;}
.mid_left li{
float:left;
list-style-type:none;
width:100px;
text-align:center;
line-height:40px;
}
.mid_left a:link,.mid_left a:visited{
text-decoration:none;
color:#fff;
font-size:16px;
font-family:"微软雅黑";}
.mid_left a:hover,.mid_left a:active{
text-decoration:none;
color:#FF0;
font-size:16px;
font-family:"微软雅黑";}
.search_text{
float:left;
width:190px;
height:25px;
margin-top:5px;
background:url(../images/search.jpg) no-repeat right center;
background-color:#FFF;
padding-right:25px;
border:1px solid #FFF;}
.ad{
clear:both;
height:310px;
overflow:hidden;
margin-top:5px;}
.main{
height:250px;
background:#fff;
margin-top:5px;}
.news{
width:340px;}
.course{
width:410px;
margin:0 7px;}
.sidebar{
width:230px;}
.news,.course,.sidebar{
float:left;
height:250px;}
.title{
height:35px;
border-bottom:2px solid #e8e8e8;}
.title_left{
width:70%;
font-family:"微软雅黑";
font-size:14px;
color:#786f66;
float:left;
line-height:35px;
padding-left:20px;}
.title_right{
width:30%;
color:#786f66;
line-height:35px;
text-decoration:none;}
.pic_news{
height:80px;
margin-top:10px;
line-height:22px;}
.pic_news img,.course_pic img{
float:left;
margin:0 5px;}
.pic_news a,.course_pic a{
color:#c00;
text-decoration:none;}
.news_list{
margin-top:20px;}
.news_list li{
list-style-type:none;
background:url(../images/list.jpg) no-repeat;
padding-left:10px;
margin:8px;
border-bottom:1px dotted #ccc;}
.news_list a:link,.news_list a:visited{
text-decoration:none;
color:#000;}
.news_list a:hover,.news_list a:active{
text-decoration:none;
color:#500;}
.news_list span{
color:#999;
float:right;}
.course_pic{
height:120px;
margin-top:10px;
line-height:22px;}
.course_type{
width:372px;
height:37px;
background:url(../images/product_type_bg.jpg) no-repeat;
margin:20px auto;}
.course_type li{
list-style-type:none;
float:left;
line-height:37px;
text-align:center;
margin:0 15px;}
.video{
height:180px;
border:1px solid #e8e8e8;}
.video_content{
height:150px;}
.sidebar_ad{
height:55px;
border:1px solid #e8e8e8;
margin-top:10px;}
.footer{
width:100%;
height:200px;
background:#e8e8e8;
margin-top:10px;
clear:both;
}
.footer_content{
width:1000px;
margin:0 auto;
padding-top:20px;}
.footer_content li{
list-style-type:none;
width:200px;
float:left;
background:url(../images/line.png) no-repeat right center;
text-align:center;
line-height:30px;
font-family:"微软雅黑";}
.footer_content a{
text-decoration:none;
color:#999;
font-size:18px;}
.footer_content li ul li a{
font-size:14px;}
.list_main{
min-height:350px;
_height:350px;
background-color:#fff;
margin-top:10px;}
.news_type{
width:220px;
height:350px;
border:1px solid #e8e8e8;
background-color:#9fc;
float:left;}
.list_box{
width:770px;
min-height:350px;
_height:350px;
background-color:#f9f;
border:1px solid #e8e8e8;
float:right;}
1回答
-
- fengyunzhu
- 2016-05-25 16:36:48
什么问题啊，你最好是截图
企业网站综合布局实战
157038 学习 · 2143 问题
相似问题