-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
163 lines (160 loc) · 6.68 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!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="main.css" rel="stylesheet" type="text/css"/>
<script src="js/setHomeSetFav.js"type="text/javascript" charset="gb2312">
</script>
<script src="js/myfocus-2.0.1.min.js"type="text/javascript"></script>
<script src="js/mf-pattern/mF_YSlider.js"type="text/javascript"></script>
<link href="js/mf-pattern/mF_YSlider.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
myFocus.set({id:'picBox'})</script>
</head>
<body>
<div class="top">
<div class="top_content">
<ul>
<li><a href="#">联系我们</a></li>
<li><a href="#"onclick="AddFavorite(window.location)">加入收藏</a></li>
<li><a href="#"onclick="SetHome(window.location)">设为首页</a></li>
</ul>
</div>
</div><!--top结束-->
<div class="wrap">
<div class="logo">
<div class="logo_left">
<img src="image/logo.jpg"alt="慕课网" />
</div>
<div class="logo_right">
<img src="image/tel.jpg"alt="服务热线" />24小时服务热线：<span class="tel">123-456-7890</span>
</div>
</div><!--logo结束-->
<div class="nav">
<div class="nav_left"></div>
<div class="nav_mid">
<div class="nav_mid_left">
<ul>
<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>
<li><a href="list.html">人才招聘</a></li>
</ul>
</div>
<div calss="nav_mid_right">
<form action=""methd="post">
<input type="text" class="search_text"/>
</form>
</div>
</div>
<!--nav_mid结束-->
<div class="nav_right"></div>
</div> <!--nav结束-->
<div class="ad" id="picBox">
<div class="pic">
<ul>
<li><img src="image/ad2.jpg" /></li>
<li><img src="image/ad3.jpg" /></li>
<li><img src="image/ad4.jpg" /></li>
</ul>
</div>
</div><!--ad结束-->
<div class="main">
<div class="news">
<div class="title">
<h2 class="title_left">新闻中心</h2><span class="title_right"><a href="news.html">More>></a></span>
</div><!--title结束-->
<div class="pic_news">
<img src="image/news.jpg" /></h2><p><h2><a href="news.html">520 慕女神喊你来表白！</a></h2>
<p>活动时间：5月20日—5月25日<br />
获奖公布时间：5月26日<br/>
<a href="news.html">Learn More>></a></p>
</div><!--pic_news结束-->
<div class="news_list">
<ul>
<li><span>2014-06-01</span> <a href="news.html">【慕客访谈 用户篇】“有为屌丝”在路上</a></li>
<li><span>2014-06-01</span><a href="news.html">【有奖活动】给父亲的三行书信</a></li>
<li><span>2014-05-30</span><a href="news.html">《程序猿，请晒出你的童年》活动获奖公告</a></li>
<li><span>2014-05-28</span><a href="news.html" title="aa">【慕课访谈】破茧成蝶——美女程序员的蜕变史</a></li>
</ul>
</div><!--news_list结束-->
</div><!--news结束-->
<div class="course">
<div class="title">
<h2 class="title_left">课程中心</h2><span class="title_right"><a href="news.html">More>></a></span>
</div><!--title结束-->
<div class="course_pic">
<img src="image/css.jpg" /><h2><a herf="news.html">CSS圆角进化论</a></h2>
<p> CSS圆角的实现，经历了三大发展阶段：背景图片方式、CSS2.0+HTML标签模拟、CSS3.0圆角属性）。本案例详细讲解每一种的实现方式，并对实现的优缺点进行对比分析。</p>
</div><!--course_pic结束-->
<div class="course_type">
<ul>
<li>PHP开发</li>
<li>前端开发</li>
<li>JAVA开发</li>
<li>Android开发</li>
</ul>
</div><!--course_type结束-->
</div><!--course结束-->
<div class="sidebar">
<div class="video">
<div class="title"><h2 class="title_left">媒体聚焦</h2></div>
<div class="video_content">
<embed src='http://player.youku.com/player.php/sid/XOTU0NTg2ODAw/v.swf'
allowFullScreen='true' quality='high' width='220' height='140' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>"
</div>
</div>
<div class="sidebar_ad">
<img src="image/app.jpg" />
</div>
</div><!--sidebar结束-->
</div>
</div><!--wrap结束-->
<div class="copyright">
<div class="copyright_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><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="image/weixin.png" alt="微信关注" width="30" height="27" /><a href="#">微信关注</a>
<ul>
<li><img src="image/qrcode.jpg" alt="扫描关注慕课网官方微信" width="102" height="102" /></li>
</ul>
</li>
</ul>
</div>
</div>
</body>
</html>