我的怎么回事啊 誰幫我看看啊
<!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>慕課網(wǎng)主頁(yè)</title>
<link href="css/dome.css" rel="stylesheet" type="text/css" />
</head>
<body>
? ?<div id="top">
? ? ? ?<div class="top_content">
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <li><a ?href="#"> 聯(lián)系我們</a></li>
? ? ? ? ? ? ? ? <li><a href="#">設(shè)為首頁(yè)</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="慕課網(wǎng)"/>
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="right_logo">
? ? ? ? ? ? <img src="images/tel.jpg" />24小時(shí)服務(wù)熱線：<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="#">首頁(yè)</a></li>
? ? ? ? ? ? ? ? ? ? ? <li><a href="list.html">關(guān)于慕課</a></li>
? ? ? ? ? ? ? ? ? ? ? <li><a href="list.html">新聞動(dòng)態(tài)</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月伊始，慕課網(wǎng)App即獲得了App Store的多個(gè)推薦，同時(shí)出現(xiàn)在“免費(fèi)App精選”、“致畢業(yè)生”、“學(xué)而不倦”以及“輕松學(xué)編程”四個(gè)榜單中。這款I(lǐng)T編程學(xué)習(xí)類的App為何如此備受青睞？趣味視頻課程、高清畫面質(zhì)感、在線離線隨身學(xué)習(xí)……優(yōu)質(zhì)的課程內(nèi)容結(jié)合良好的用戶體驗(yàn)，慕課網(wǎng)App無疑是IT學(xué)習(xí)的最佳選擇。</p>
? ? ? ? ? ? ? ? <p> <b>App Store力薦 慕課網(wǎng)榮登四榜單</b> ? ? </p>
? ? ? ? ? ? ? ? <p>App Store因公平著稱，能被其推薦是每一款A(yù)pp夢(mèng)寐以求的榮譽(yù)，慕課網(wǎng)則一舉占據(jù)了其四個(gè)榜單，包括精品推薦首頁(yè)“合集”版塊下“免費(fèi)App精選”中的“新品”推薦、“合集”版塊“致畢業(yè)生”中“學(xué)無止境”推薦、教育類別“合集”版塊下“學(xué)而不倦”中的推薦以及“輕松學(xué)編程”版塊推薦。 ? ? </p>
? ? ? ? ? ? ? ? <p align="center"><img src="app.jpg" width="500" height="420" alt=""/></p>
? ? ? ? ? ? ? ? <p>事實(shí)上，慕課網(wǎng)登上App Store榜單并非首次。早在2014年5月，慕課網(wǎng)就榮登App Store 精品推薦榜首，同時(shí)登上“教育”類別下“優(yōu)秀新App”榜首，并獲評(píng)“五月最佳”精彩App。隨后，慕課網(wǎng)App接連出現(xiàn)在“致畢業(yè)生”、“免費(fèi)App精選”、“夏日學(xué)堂”等榜單中。</p>
? ? ? ? ? ? ? ? <p> 從App Store的持續(xù)推薦以及“優(yōu)秀”、“精選”的肯定中不難看出，慕課網(wǎng)在IT在線學(xué)習(xí)領(lǐng)域以及教育類App中得到了用戶的認(rèn)可。 ? ? </p>
? ? ? ? ? ? ? ? <p><b>新功能上線 持續(xù)提升用戶體驗(yàn)</b> ? ? </p>
? ? ? ? ? ? ? ? <p>一款好的產(chǎn)品同樣需要不斷改進(jìn)來滿足用戶需求。慕課網(wǎng)App上線至今進(jìn)行了多個(gè)版本的迭代，不斷完善產(chǎn)品、提升用戶體驗(yàn)，ios最新的2.1.0版本于7月20日更新，上線了大量新功能。</p>
? ? ? ? ? ? ? ? <p> 明確、清晰的課程分類能夠讓用戶迅速找到感興趣的課程，本次慕課網(wǎng)就上線了全新的課程分類方式，點(diǎn)擊“全部課程”即可顯示出全部的技術(shù)語言種類以及視頻課程數(shù)量，全部在線課程一目了然。 ? ? </p>
? ? ? ? ? ? ? ? <p>不知道講師在哪里？此版本更新中添加了講師認(rèn)證，不僅對(duì)講師空間進(jìn)行了認(rèn)證，在課程討論和筆記中，通過認(rèn)證標(biāo)識(shí)，一眼可以看到哪個(gè)是講師回復(fù)。 ? ? </p>
? ? ? ? ? ? ? ? <p>此外，慕課網(wǎng)App在最新版本中調(diào)整了下拉刷新和上拉加載的效果；課程練習(xí)部分增加了習(xí)題解析；對(duì)半透化效果、全屏播放器按鈕進(jìn)行了優(yōu)化，并新增了編程課、ps課程。一系列的改進(jìn)相信能為IT學(xué)習(xí)用戶帶來更好的學(xué)習(xí)體驗(yàn)。</p>
? ? ? ? ? ? ? ? <p> 慕課網(wǎng)App在精品視頻課程的基礎(chǔ)上，不斷優(yōu)化用戶體驗(yàn)，幫助IT學(xué)習(xí)者迅速入門、提升技能，以優(yōu)秀的產(chǎn)品基因獲得App Store的多個(gè)推薦，使更多用戶有機(jī)會(huì)使用這款I(lǐng)T學(xué)習(xí)軟件，體驗(yàn)學(xué)習(xí)的簡(jiǎn)單和快捷。</p>
? ? ? ? ? ? </div>
? ? ? ? </div> ??
? ? </div>
? ? ? ? ? ??
? ? ? ??
? ? ? ?<div id="footer">
? ? ? ? <div class="footer_content">
? ? ? ? ? ? ?<ul>
? ? ? ? ? ? ? ? ? ? ? <li><a href="#">關(guān)于</a>
? ? ? ? ? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">品牌故事</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">聯(lián)系我們</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">加入我們</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">版權(quán)聲明</a></li>
? ? ? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? ? <li><li><a href="#">課程</a>
? ? ? ? ? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">PHP開發(fā)</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">前端開發(fā)</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">JAVA開發(fā)</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">Android開發(fā)</a></li>
? ? ? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? ? <li><a href="#">關(guān)注</a>
? ? ? ? ? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">新浪微博</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">騰訊微博</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">企業(yè)微信</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="#">媒體聯(lián)絡(luò)</a></li>
? ? ? ? ? ? ? ? ? ? ? ? ? <li><a href="#">在線客服</a></li>
? ? ? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? ? <li><img src="images/weixin.png" alt="微信關(guān)注"/>微信關(guān)注
? ? ? ? ? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? ? ? ? <li><img src="images/qrcode.jpg" alt="掃描關(guān)注慕課網(wǎng)官方微信" /></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;}
2016-05-25
什么問題啊，你最好是截圖