-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
197 lines (189 loc) · 10.3 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
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="images/favicon.svg" rel="icon" type="image/x-icon"/>
<link href="images/favicon.svg" rel="bookmark" type="image/x-icon"/>
<title>首页</title>
<!-- 引入公共样式文件 -->
<link rel="stylesheet" href="css/comm.css">
<!-- 引入首页样式文件 -->
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<!-- 顶部导航 -->
<div class="header-box" style="display: none; width: 100%; height: 80px;"></div>
<header>
<div class="content">
<div class="logo">
<img src="images/comm/logo.png" alt="">
<p>亚历山大美术馆</p>
</div>
<nav>
<ul>
<li class="active"><a href="index.html">首页</a></li>
<li><a href="xinwen.html">新闻</a></li>
<li><a href="jiaoyu.html">教育</a></li>
<li><a href="lianxi.html">联系</a></li>
<li><a href="denglu.html">会员</a></li>
</ul>
</nav>
</div>
</header>
<!-- 轮播图 -->
<section class="banner">
<span class="left"><i data-feather="chevron-left"></i></span>
<span class="right"><i data-feather="chevron-right"></i></span>
<div class="slides">
<div style="background: url('images/index/banner1.jpg');" class="active"></div>
<div style="background: url('images/index/banner2.jpg');"></div>
<div style="background: url('images/index/banner3.jpg');"></div>
</div>
</section>
<!-- 关于我们 -->
<section class="about">
<div class="content">
<div class="text">
<hr>
<h1>亚历山大美术馆</h1>
<p>为艺术家、研究人员和策展人提供自由表达的空间，并与观众一同深入感受幽微且浓烈的体验。</p>
<p>凭借独具一格的策展方法而享有盛誉，我们构思着各种艺术项目，包含从研究到替代性学习，从展览制作到不可预期的泛表演性实践。我们旨在通过支持大胆的当代艺术实践，不断重塑本地历史，同时应对国际艺术挑战和社会变异</p>
</div>
<div class="img">
<img src="images/index/img1.jpg" alt="">
</div>
</div>
</section>
<!-- 当前展览 -->
<section class="exhibit">
<div class="content">
<h1>当前展览</h1>
<table border="1">
<thead>
<tr>
<th>名称</th>
<th>简介</th>
<th>时间</th>
</tr>
</thead>
<tbody>
<tr>
<td>RAM HIGHLIGHT 2019：哨声响起前</td>
<td>年度特别项目“RAM HIGHLIGHT 2019：哨声响起前”糅合录像装置、摄影、360度虚拟现实（VR）录像装置、歌舞演出、吟唱仪式、长时表演、清谈酒吧等多元形式，突破传统展览的界限，试图重构观者与艺术之间的关系。</td>
<td>2019.09.13<br>-<br>2019.09.22</td>
</tr>
<tr>
<td>百物曲</td>
<td>最新群展“百物曲”将于2019年6月22日正式开幕。本次展览呈现了53位挑战艺术与其他领域间明确边界的创作者，包括手艺人、治疗师、教师、研究者、电影制作人、舞蹈编导、活动家以及诗人。</td>
<td>2019.06.22<br>-<br>2019.08.25</td>
</tr>
<tr>
<td>告诉我一个故事：地方性与叙事</td>
<td>生活在媒体信息时代的我们，对于他者的认识逐渐仰赖于媒体破碎的话语所编织而成一层表象之上，这层表象色彩斑斓，吸引了众人的目光，却阻隔我们更进一步地聆听在那背后唤起的他者之声，即便他者和我们之间的距离那么近。为了超越信息的海市蜃楼，本展试图带领观者尽可能地接近他者，倾听他们诉说他们的故事。2018年，“告诉我一个故事”移至意大利都灵展出，在其语境之下，亚洲更是一个陌生疏远的概念，当彼时位于远东的他者近在咫尺，观者该如何与其建立关系？</td>
<td>2018.06.08<br>-<br>2018.10.08</td>
</tr>
<tr>
<td>林天苗：体·统</td>
<td>由美国纽约古根海姆美术馆亚洲艺术部三星资深策展人亚历山德拉•孟璐担任本展的顾问策展人。艺术家视整个展览为一个特定场域的项目，展开四部分概念的探究：“个体意识”、“群体意识”、“公共意识”、“终极意识”，概念与楼层相呼应，为观者带来一场心理和感官上的“意识”之旅。作品涵盖她二十余年创作脉络中极具代表性的装置作品，以及艺术家自2017年起制作且从未向公众展出的数件玻璃材质的大型交互装置。</td>
<td>2018.06.26<br>-<br>2018.08.26</td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- 最近新闻 -->
<section class="news">
<div class="content">
<h1>最近新闻</h1>
<div class="list">
<div class="box">
<a href="xinwen_neirong.html">
<div>
<img src="images/xinwen/news4.jpg" alt="">
</div>
<div>
<h2>皮相之下：与马克奎恩的对话</h2>
<hr />
<p>马克·奎恩的艺术主要探讨了什么是身处于世界之中的“人”——关注于人类和自然的关系以及这种关系如何通过人类的欲望来进行调节；另外他的作品也探讨身份和美感意味，人们为什么被迫去改变自我等等问题，并通过作品来表现当下趋势和社会历史。</p>
</div>
</a>
</div>
<div class="box">
<a href="xinwen_neirong.html">
<div>
<img src="images/xinwen/news3.jpg" alt="">
</div>
<div>
<h2>雷安德罗·埃利希：期待意外</h2>
<hr />
<p>雷安德罗·埃利希的作品可以有一千种解读方式，有时候我看到一些解读方式是我从来没有想到过的，而有一些解读是我完全认同的，我觉得都是非常有意思的，都是视觉艺术能够带给我们的收获。</p>
</div>
</a>
</div>
<div class="box">
<a href="xinwen_neirong.html">
<div>
<img src="images/xinwen/news2.jpg">
</div>
<div>
<h2>希区柯克与当代艺术</h2>
<hr />
<p>希区柯克一生拍摄了将近50多部电影作品，他应该说是电影诞生以来世界上最成功的一个电影导演，成功是多方面的：比如他是一个英国人，但是他非常成功地从欧洲转移到好莱坞，并在好莱坞的制片厂制度内非常舒适、自我地生存下来，并且获得极高的地位。</p>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- 加入会员 -->
<section class="joinus">
<div class="content">
<h1>我们致力于实现自由的艺术创作</h1>
<p>借以构思我们的研究平台、合作艺术项目和教育计划，进而超越连接艺术家和观众的界限与传统框架。</p>
<a href="denglu.html">
<button>加入会员</button>
</a>
<img src="images/index/img2.png" alt="">
</div>
</section>
<!-- 底部导览 -->
<footer>
<div class="content">
<div class="info">
<div class="about">
<img src="images/comm/logo.png">
<h1>亚历山大美术馆</h1>
<p>为艺术家、研究人员和策展人提供自由表达的空间，并与观众一同深入感受幽微且浓烈的体验。</p>
</div>
<div class="contact">
<h2>联系我们</h2>
<p><i data-feather="map-pin"></i> 北京市东城区长安街</p>
<p><i data-feather="mail"></i> <a href="mailto:[email protected]">[email protected]</a></p>
<p><i data-feather="phone"></i> <a href="tel:4001000000">400-001-0000</a></p>
</div>
<div class="open-hours">
<h2>开放时间</h2>
<p>上午9.30<br>至<br>下午6.00</p>
</div>
<div class="links">
<h2>友情链接</h2>
<p><a href="//www.namoc.org/" target="_blank">中国美术馆</a></p>
<p><a href="//www.cafamuseum.org/" target="_blank">中央美术学院美术馆</a></p>
<p><a href="//www.jsmsg.com/" target="_blank">江苏省美术馆</a></p>
<p><a href="//www.gdmoa.org/" target="_blank">广东美术馆</a></p>
</div>
</div>
<div class="copyright">
<p>© Copyright 2020 亚历山大美术馆. All Rights Reserved</p>
</div>
</div>
</footer>
<!-- 引入feather icon文件 -->
<script src="js/feather.min.js"></script>
<!-- 引入公共脚本文件 -->
<script src="js/comm.js"></script>
<!-- 引入首页脚本文件 -->
<script src="js/index.js"></script>
</body>
</html>