-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
265 lines (264 loc) · 13.2 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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>清华大学 - Tsinghua University</title>
<link rel="stylesheet" href="qinghuadaxue.css"> <!-- CSS -->
<script type="text/javascript" src="qinghuadaxue.js"><!--JavaScript-->
</script>
</head>
<body>
<div class="title">
<div class="head-bar"></div>
<div class="box1">
<div class="logo"></div> <!-- LOGO图片 -->
<p class="p1">English Version</p>
<div class="search"> <!--搜索框 跳转到清华大学官网-->
<input type="text" name="search"style=" height:42px;width:226px;">
<a href="http://www.tsinghua.edu.cn/publish/newthu/index.html"><div class="search-logo"></div></a>
</div>
</div>
<div class="line"></div>
<div class="list">
<ul class="list-ul"> <!--菜单栏 含有 ^ 表示存在下拉列表-->
<li class="li1"><a href="#"><div>清华新闻</div></a></li>
<li class="li2"><a href="#"><div>学校概括<b>^</b></div></a>
<ul class="li2-1">
<li><a href="#"><div>校长致辞</div></a></li>
<li><a href="#"><div>学校沿革</div></a></li>
<li><a href="#"><div>历任领导</div></a></li>
<li><a href="#"><div>现任领导</div></a></li>
<li><a href="#"><div>组织机构</div></a></li>
<li><a href="#"><div>统计数据</div></a></li>
</ul>
</li>
<li class="li3"><a href="#"><div>院系设置</div></a></li>
<li class="li4"><a href="#"><div>师资队伍</div></a></li>
<li class="li5"><a href="#"><div>教育教学<b>^</b></div></a>
<ul class="li5-2">
<li><a href="#"><div>本科生教育</div></a></li>
<li><a href="#"><div>研究生教育</div></a></li>
<li><a href="#"><div>国际学生教育</div></a></li>
<li><a href="#"><div>继续教育</div></a></li>
</ul>
</li>
<li class="li6"><a href="#"><div>科学研究<b>^</b></div></a>
<ul class="li6-3">
<li><a href="#"><div>科研项目</div></a></li>
<li><a href="#"><div>科研机构</div></a></li>
<li><a href="#"><div>科研合作</div></a></li>
<li><a href="#"><div>科研成果与知识产权</div></a></li>
<li><a href="#"><div>学术交流</div></a></li>
</ul>
</li>
<li class="li7"><a href="#"><div>招生就业<b>^</b></div></a>
<ul class="li7-4">
<li><a href="#"><div>本科生招生</div></a></li>
<li><a href="#"><div>研究生招生</div></a></li>
<li><a href="#"><div>国际学生招生</div></a></li>
<li><a href="#"><div>学生职业发展</div></a></li>
</ul>
</li>
<li class="li8"><a href="#"><div>人才招聘<b>^</b></div></a>
<ul class="li8-5">
<li><a href="#"><div>招聘计划</div></a></li>
<li><a href="#"><div>招聘信息</div></a></li>
<li><a href="#"><div>我要应聘</div></a></li>
</ul>
</li>
<li class="li9"><a href="#"><div>图书馆</div></a></li>
<li class="li10"><a href="#"><div>走进清华<b>^</b></div></a>
<ul class="li10-6">
<li><a href="#"><div>校园生活</div></a></li>
<li><a href="#"><div>校园风光</div></a></li>
<li><a href="#"><div>实用信息</div></a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="news">
<div id="new-picture" class="new-picture"><!--这个一幅新闻图片-->
<div id="buttonLeft"> < </div> <!--轮播图的按钮-->
<div id="buttonRight"> > </div>
<ul id="new-picture-ul">
<li id="li1"></li>
<li id="li2"></li>
<li id="li3"></li>
<li id="li4"></li>
</ul>
</div>
<div class="new-title">头条新闻</div>
<div class="new-more"><a href="#">更多>>></a></div>
<div class="clear"></div><!--清除浮动-->
<div class="new-tube"> <!--九组新闻-->
<div class="new-group1">
<div class="new-group-time">
<p style="font-size:28px;font-weight:bold;text-align:center;">18</p>2018.05
</div>
<div class="new-group1-summary">
<div><a href="#">清华大学校长邱勇率团访问瑞士</a></div>
<p>瑞士当地时间1月16日，清华大学校长邱勇率团访问瑞士。在瑞士小镇达沃斯，邱勇出席了世界经济论坛2017年年会和“全球大学校长论......</p>
</div>
</div><!--这是第一组新闻-->
<div class="new-group2">
<div class="new-group-time">
<p style="font-size:28px;font-weight:bold;text-align:center;">19</p>2018.05
</div>
<div class="new-group2-summary">
<div><a href="#">不忘初心 砥砺前行——2016年清华大学党的建设工作回顾</a></div>
<p>2016年，是一个特殊而值得记忆的年份。着一年中，中国共产党迎来了95岁的生日，清华党组织也历经了90载从未间断并不断壮大的风雨兼程，......</p>
</div>
</div><!--这是第二组新闻-->
<div class="new-group3">
<div class="new-group-time">
<p style="font-size:28px;font-weight:bold;text-align:center;">20</p>2018.05
</div>
<div class="new-group3-summary">
<div><a href="#">清华大学与日内瓦大学围绕联合国可持续发展目标开展全面合作</a></div>
<p>瑞士当地时间1月16日，正值中国国家主席习近平对瑞士进行国事访问之际，习近平主席与瑞士联邦主席洛伊特哈德（Doris Leutha......</p>
</div>
</div><!--这是第三组新闻-->
</div>
</div>
<div class="line"></div>
<div class="focus-on">
<div class="new-title">焦点关注</div><!--与new相同-->
<div class="new-more"><a href="#">更多>>></a></div>
<div class="clear"></div><!--清除浮动-->
<div class="focus-tube">
<div class="focus-group1">
<div><a href="#">越共中央总书记阮福仲接见机电系留学生黎忠孝</a></div>
<p>1月14日上午，来华访问的越共中央总书记阮富仲在越南大使馆与越南驻华大使馆工作人员、越南留学生和越侨代表团见面。清华大学机电系留学生黎孝忠（Le Trung Hieu）作为留学生代表参加了这次会面。</p>
</div><!--这是第一组关注-->
<div class="focus-group4">
<div><a href="#"><img src="images/picture1.jpg" style="width:100%;height:100%;margin-bottom:20px;"></a></div>
<div><a href="#">旗正飘飘：清华大学军乐队成立100周年</a></div>
<p>清华大学军乐队，是一支主要有在读本科生和研究生组成的管乐合奏团体。军乐队创立于1916年，至今恰...</p>
</div><!--这是第二组关注-->
<div class="focus-group1">
<div><a href="#">清华大学医学院研究员程功获第三届树兰医学青年奖</a></div>
<p>1月14日，第三届树兰医学奖颁奖大会在江苏南京举行，清华大学医学院研究员程功荣获第三届树兰医学青年奖</p>
</div><!--这是第三组关注-->
<div class="focus-group4">
<div><a href="#"><img src="images/picture2.jpg" style="width:100%;height:100%;margin-bottom:20px;"></a></div>
<div><a href="#">“3.6万吨黑色金属垂直挤压机成套装备与工艺关键技术研发及产业化”项目...</a></div>
<p>重型挤压技术是高性能、难加工材料的核心加工技术。随着我国在发电、航空及国防等的发展，对大规格、高...</p>
</div><!--这是第四组关注-->
<div class="focus-group1">
<div><a href="#">2017年清华大学新年联欢晚会举行</a></div>
<p>12月31日晚，2017年清华大学新年联欢晚会在综合体育馆举行。校领导邱勇、陈旭、史宗恺、邓卫、薛其坤、吉俊民、杨斌、李一兵、施一公、王希勤，与现场3500余名师生校友共迎新年。</p>
</div><!--这是第五组关注-->
<div class="focus-group2">
<div><a href="#">清华大学纯电动校园巴士有了“新任务”</a></div>
<p>在清华大学，进入校门，也许你就能不经意间看到一辆辆身着“清华紫”外衣，印有“清华大学”字样的校园巴士徐徐开过。他们就是清华大学首次尝试使用的纯电动校园巴士——宇通E7纯电动客车。</p>
</div><!--这是第六组关注-->
<div class="focus-group1">
<div><a href="#">九位清华校友入选第八批全国工程勘察设计大师</a></div>
<p>目前，住房和城乡建设部公布了第八批全国工程勘察设计大师，其中清华大学共有九位校友榜上有名。</p>
</div><!--这是第七组关注-->
<div class="focus-group2">
<div><a href="#">[特等奖学金]王世栋：3D打印的梦想和事业。</a></div>
<p>2014年3月1日，新版《公司法》颁布，北京市的首张营业执照（编号为00000001）发给了一位名叫王世栋的清华学生。2014年10月，扎克伯格（Mark Zuckerberg）来到中国，当他在清华见到这位名叫王世栋的同学时，扎克伯格用中文连夸“很厉害”。</p>
</div><!--这是第八组关注-->
<div class="focus-group3">
<div><a href="#"><img src="images/picture3.jpg" style="width:100%;height:100%;margin-bottom:20px;"></a><div>
<div><a href="#">文化浸润项目：到身边的发展中国家去</a></div>
<p>在经济、文化全球化的背景下，欧美发达国家在全球范围内都有很强的影响力，主导着世界的发展；但最近2...</p>
</div><!--这是第九组关注-->
</div>
</div>
</div>
</div>
<div class="ends"> <!--结尾导航栏-->
<div class="end-one">
<div class="end-one-div">
<div class="end-one-link">常用链接</div>
<ul>
<a href="#"><li>校园公交车  ></li></a>
<a href="#"><li>校园地图  ></li></a>
<a href="#"><li>教育基金会  ></li></a>
<a href="#"><li>校园公告  ></li></a>
<a href="#"><li>实用信息  ></li></a>
<a href="#"><li>校友总会  ></li></a>
</ul>
</div> <!--三组图片链接 可跳转 鼠标悬停放大-->
<a href="#"><img id="end-one-img1" src="images/end3.jpg" /></a>
<a href="#"><img id="end-one-img2" src="images/end2.jpg" /></a>
<a href="#"><img id="end-one-img3" src="images/end1.jpg" /></a>
</div>
<div class="end-two"> <!--友情链接-->
<ul class="end-two-ul1">
<div><a href="#">学校概括</a></div>
<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>
<li><a href="#">统计资料</a></li>
</ul><!--这是第一1组-->
<ul class="end-two-ul">
<div><a href="#">院系设置</a></div>
<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><!--这是第二组-->
<ul class="end-two-ul">
<div><a href="#">师资队伍</a></div>
<li><a href="#">概括</a></li>
<li><a href="#">杰出人才</a></li>
<li><a href="#">杰出校友</a></li>
<li><a href="#">国家人物</a></li>
</ul><!--这是第三组-->
<ul class="end-two-ul">
<div><a href="#">教育教学</a></div>
<li><a href="#">本科生教育</a></li>
<li><a href="#">研究生教育</a></li>
<li><a href="#">国际学生教育</a></li>
<li><a href="#">继续教育</a></li>
</ul><!--这是第四组-->
<ul class="end-two-ul">
<div><a href="#">科学研究</a></div>
<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><!--这是第五组-->
<ul class="end-two-ul">
<div><a href="#">招生就业</a></div>
<li><a href="#">本科生招生</a></li>
<li><a href="#">研究生招生</a></li>
<li><a href="#">国际学生招生</a></li>
<li><a href="#">学生职业发展</a></li>
</ul><!--这是第六组-->
<ul class="end-two-ul">
<div><a href="#">人才招聘</a></div>
<li><a href="#">招聘计划</a></li>
<li><a href="#">招聘信息</a></li>
<li><a href="#">我要应聘</a></li>
</ul><!--这是第七组-->
<ul class="end-two-ul">
<div><a href="#">走进清华</a></div>
<li><a href="#">校园生活</a></li>
<li><a href="#">校园风光</a></li>
<li><a href="#">实用信息</a></li>
</ul><!--这是第八组-->
</div>
<div class="end-three"> <!--网页结尾-->
<div class="end-three-div">
<span>电话查号台：010-62793001</span>
<span class="span2">管理员邮箱：[email protected]</span>
<span class="span3">地址：北京市海淀区清华大学</span>
<span class="span1">京公网安备110402430052 号</span>
<span class="span5">版权所有@清华大学 </span>
<span class="span6">访问量：137088521</span>
<!--江西理工大学应用科学学院信息工程系通信161班 郭明德-->
<!--邮箱：[email protected] -->
</div>
</div>
</div>
</body>
</html>