-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmap.html
More file actions
181 lines (176 loc) · 8.98 KB
/
map.html
File metadata and controls
181 lines (176 loc) · 8.98 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>서울여자대학교-학교 오시는 길</title>
<link rel="stylesheet" type="text/css" href="map.css">
<script>
function change1() {
var p1 = document.getElementById("maplist");
p1.innerHTML= "<ul><li><img src='media/point.png'>주소</li><br>01797 서울시 노원구 화랑로 621<br><br><li><img src='media/point.png'>지하철</li><ul><br><li>1호선, 6호선 석계역 4번 출구 하차→시내버스 이용(202, 1132, 1155, 1156 번)</li><li>6호선, 7호선 태릉입구역 7번 출구에서 하차→학교버스 및 시내버스 이용(1132, 1155, 1156, 1225 번)</li><li>6호선 화랑대역 3번 출구에서 하차→도보 10분</li></ul><br><li><img src='media/point.png'>시내버스</li><br><ul><li>간선 202번, 지선 1155, 1156, 1225번 탑승→서울여자대학교 하차</li><li>지선 1132번 탑승→서울여자대학교 남문 하차</li></ul><br><li><img src='media/point.png'>학교버스</li><br>태릉입구 역 7번 출구↔서울여대 간 운행</ul>";
}
function change2() {
var p1 = document.getElementById("maplist");
p1.innerHTML= "<ul><li><img src='media/point.png'>주소</li><br>03079 서울시 종로구 창경궁로 230<br><br><li><img src='media/point.png'>지하철</li><ul><br><li>4호선 혜화역 4번 출구 하차 후 왼편 CGV 골목으로 도보 8분(국립서울과학관 반대편에 위치)</li></ul><br><li><img src='media/point.png'>시내버스</li><br><ul><li>102번, 104번, 106번, 107번, 108번, 140번, 143번, 149번, 150번, 151번, 160번, 162번, 171번, 172번, 272번, 301번, 710번 탑승→명륜3가(성대입구) 하차→서울대학교병원 방향 50M 이동</li></ul></ul>";
}
</script>
</head>
<body>
<header>
<p id="bar"><span id=language>ENG </span><span id=language style="margin-right: 800px;">CHN</span> LOGIN<span>ㅣWEBMAILㅣSITEMAP  </span>
<span id="search">
<input type="text" value="SEARCH" style="background-color: gray; color: silver; height: 30px;">
<input type="image" src="http://www.swu.ac.kr/front/layout/header/search.png" style="height: 30px">
</span>
</p>
<!-- <button style="background-color: gray" "background-size: 3px 3px"><img src="http://www.swu.ac.kr/front/layout/header/search.png"></button> -->
<div id="menu">
<div class="sub">
<ul>
<li id="logo"><a href ="index.html"><img src="http://www.swu.ac.kr/front/layout/header/logo.png" style="padding-left: 170px; padding-right: 100px"></a></li>
<li style="padding-left: 100px"><a href ="#">대학소개</a>
<ul>
<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>
<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 ="#">대학</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 ="#">인문대학</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>
<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>
</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>
<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>
</li>
<li><a href ="#">SWU홍보</a>
<ul>
<li><a href ="#">SWU뉴스</a></li>
<li><a href ="#">SWU포커스</a></li>
<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 ="#">공지사항</a></li>
<li><a href ="#">상담실</a></li>
<li><a href ="#">FAQ</a></li>
<li><a href ="#">자유게시판</a></li>
<li><a href ="#">벼룩시장</a></li>
<li><a href ="#">분실물/습득물</a></li>
<li><a href ="#">학교생활TIP</a></li>
</ul>
</li>
</ul>
</div>
</div>
<img src="media/photologo.png" width="100%">
</header>
<br>
<nav class="nav">
<div id="leftmenu">
<ul>
<li><strong>대학소개</strong></li>
<li>교육목표</li>
<li>역사&비전</li>
<li>총장실</li>
<li>대학상징</li>
<li>대학발전기금</li>
<li>바롬기념관</li>
<li>학교 법인</li>
<li>캠퍼스 안내</li>
<li>학교 오시는 길</li>
</ul>
</div>
</nav>
<section class="mapsec">
<span style="font-size: 30px">학교 오시는 길</span>
<div id="map">
<span>
<button type="submit" class="mapblock" style="margin-left: 170px" onclick="change1()"><a href="https://map.kakao.com/?urlX=520560&urlY=1146274&urlLevel=3&itemId=9879420&q=%EC%84%9C%EC%9A%B8%EC%97%AC%EC%9E%90%EB%8C%80%ED%95%99%EA%B5%90%20%EC%84%9C%EC%9A%B8%EC%BA%A0%ED%8D%BC%EC%8A%A4&srcid=9879420&map_type=TYPE_MAP" target="lower">서울여자대학교</a></button>
</span>
<span>
<button type="submit" class="mapblock" width="250" onclick="change2()"><a href="https://map.kakao.com/?urlX=499603&urlY=1134079&urlLevel=3&itemId=19386469&q=%EC%84%9C%EC%9A%B8%EC%97%AC%EC%9E%90%EB%8C%80%ED%95%99%EA%B5%90%20%EB%8C%80%ED%95%99%EB%A1%9C%EC%BA%A0%ED%8D%BC%EC%8A%A4%20%EC%95%84%EB%A6%84%EB%8B%A4%EC%9B%80%EA%B4%80&srcid=19386469&map_type=TYPE_MAP" target="lower">서울여자대학교 대학로</a></button>
</span>
</div>
<iframe src="https://map.kakao.com/?urlX=520560&urlY=1146274&urlLevel=3&itemId=9879420&q=%EC%84%9C%EC%9A%B8%EC%97%AC%EC%9E%90%EB%8C%80%ED%95%99%EA%B5%90%20%EC%84%9C%EC%9A%B8%EC%BA%A0%ED%8D%BC%EC%8A%A4&srcid=9879420&map_type=TYPE_MAPr" name="lower" width="80%" height="700"></iframe>
<br><br>
<p id="maplist">
</p>
</section>
<footer id="foot">
<div>
<div style="color: white; padding-left: 200px">
<ul>
<li style="border-right: 2px dotted">개인 정보 처리 방침</li>
<li style="border-right: 2px dotted">예결산 및 기타공고</li>
<li style="border-right: 2px dotted">정보공개</li>
<li>시스템불편사항신고</li>
</ul>
</div>
<div>
<form style=" padding-left: 400px ">
<select name="site" style="height: 35px; width: 350px;">
<option value="1" selected>관련기관 사이트</option>
<option value="2">샬롬하우스(기숙사)</option>
<option value="3">소프트웨어중심대학사업단</option>
<option value="4">연구실 안전 관리</option>
</select>
<input type="submit" value="이동" style="background-color: gray; color: white;">
</form>
</div>
</div>
<hr>
<div>
<div style="padding:20px 0px 20px 200px">01797 서울특별시 노원구 화랑로 621 서울여자대학교 <strong>TEL</strong> 02-970-5114 <strong>FAX</strong> 02-978-7931<br>
<span style="color: slategray">COPYRIGHT(C) SEOUL WOMEN’S UNIVERSITY. ALL RIGHTS RESERVED.</span>
</div>
<div style="padding-left: 500px"><a href="https://swuman.com/" target="_blank"><img src="media/social0.png" alt="슈먼닷컴으로 이동"></a>
<a href="https://www.facebook.com/seoulwomensuniv" target="_blank"><img src="media/social1.png" alt="서울여자대학교 페이스북으로 이동"></a>
<a href="https://blog.naver.com/seoul_womens" target="_blank"><img src="media/social2.png" alt="서울여자대학교 네이버블로그로 이동"></a>
<a href="https://www.youtube.com/user/seoulwomensuniv" target="_blank"><img src="media/social3.png" alt="서울여자대학교 유투브로 이동"></a>
<a href="https://www.instagram.com/swu.official/" target="_blank"><img src="media/social4.png" alt="서울여자대학교 인스타그램으로 이동"></a></div>
</div>
</footer>
</body>
</html>