<실행결과>
<소스코드>
<프레임셋>
<html>
<head><title></title></head>
<frameset rows="10%,90%" border=0>
<frame src="top.htm" name="top">
<frame src="bottom.htm" name="bottom">
</html>
<top>
<html>
<head><title></title></head>
<style type="text/css">
body{
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
}
</style>
<style type="text/css">
a:link{color: black;}
a:visited{color: black;}
a:hover{color: black;}
a:active{color: black;}
a {text-decoration: none;}
</style>
<style type="text/css">
.back{
background-image:url("4.png");
background-size:contain;
background-repeat:repeat-x;
}
</style>
<body>
<table width=100% cellspacing=0>
<tr>
<td colspan=3><a href="bottom.htm" target="bottom"><img src="logo.gif" height=100></a>
</td>
</tr>
<tr heignt=100 class=back>
<td align=center><a href="1.htm" target="bottom"><img src="1.png" height=100></a>
</td>
<td align=center><a href="2.htm" target="bottom"><img src="2.png" height=100></a>
</td>
<td align=center><a href="3.htm" target="bottom"><img src="3.png" height=100></a>
</td>
</tr>
</table>
</body>
</html>
<bottom>
<html>
<head><title></title></head>
<body bottommargin=0 leftmargin=0>
<p align="center"><span style="font-size: 100px;">자 이제 시작합니다.</span></p>
<p align="center"><a href="1.htm" target="bottom"><img src="front.png"></a></p>
</body>
</html>
<1>
<html>
<head><title></title></head>
<style type="text/css">
body{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
</style>
<style type="text/css">
.contain
{
background-image:url("bear1.gif");
background-size:contain;
background-repeat: no-repeat;
}
</style>
<style type="text/css">
a {text-decoration: none;}
a:link{color: black;}
a:visited{color: black;}
a:active{color: black;}
a:hover{color: black;}
</style>
<style type="text/css">
.back{
background-image:url("5.png");
background-size:contain;
background-repeat:repeat-x;
}
.back1{
background-image:url("6.png");
background-repeat:repeat-x;
background-size:contain;
}
</style>
<body>
<table width=100% cellspacing=0>
<!--1행-->
<tr height=50>
<td colspan=3 class=back><span style="font-size: 40px;">●간단한 소개</span>
</td>
</tr>
<!--2행-->
<tr height=300>
<td class="contain" width=400>
</td>
<td width=80>
</td>
<td valign=bottom align=left>
<p><span style= "font-size: 70px;">서형찬</span></p>
<span style= "font-size: 25px;">멀티미디어계열 / 1학년<재학>
<pre>
HP : 016-5786-7382
TEL : 051-412-7382
E-mail : <a href mailto="#">shc@bsks.ac.kr</a></span><br>
</pre>
</td>
</tr>
<!--3행-->
<tr height=50>
<td colspan=3 class=back>
<span style="font-size: 40px;">●지금의 경상</span>
</td>
</tr>
</table>
<!--4행-->
<table width=100% cellspacing=0>
<tr>
<td colspan=3 valign=top>
<marquee direction=left>
<table width=800 sellspacing=0>
<tr height=150>
<td width=120 align=center>
<a href="http://www.bsks.ac.kr/board/media/media_20130327.asp" target="_blank">
<img src="sbs.jpg" height=120></a><br>SBS 모닝와이드 방송
</td>
<td width=120 align=center>
<a href="http://www.bsks.ac.kr/05_hongbo/sub2.asp" target="_blank">
<img src="협동.jpg" height=120></a><br>산학협동 협약 체결
</td>
<td width=120 align=center>
<a href="http://www.bsks.ac.kr/05_hongbo/sub2.asp" target="_blank">
<img src="장학금.jpg" height=120></a><br>경영과 장학금 기탁
</td>
</tr>
</table>
</marquee>
</td>
</tr>
</table>
<!--5행-->
<table width=100% cellspacing=0>
<tr height=50>
<td colspan=3 class=back><span style="font-size: 40px;">●자격증 이력</span>
</td>
</tr>
</table>
<!--6행-->
<table width=100% cellspacing=0>
<tr>
<td width=200>
</td>
<td align=center>
<table width=100% height=400 style="font-size: 20px;" border=1 cellpadding=5 cellspacing=1>
<tr class=back1>
<td align=center>자격증 이름
</td>
<td align=center>신청 사이트
</td>
</tr>
<tr>
<td align=center>ITQ 자격증A<br>한글,엑셀,엑세스,파포,인터넷
</td>
<td align=center><a href="http://www.q-net.or.kr/main.jsp" target="_blank">큐넷</a>
</td>
</tr>
<tr>
<td align=center>웹디자인 자격증
</td>
<td align=center><a href="http://www.q-net.or.kr/main.jsp" target="_blank">큐넷</a>
</td>
</tr>
<tr>
<td align=center>정보기기 운용기능사
</td>
<td align=center><a href="http://www.q-net.or.kr/main.jsp" target="_blank">큐넷</a>
</td>
</tr>
<tr>
<td align=center>GTQ포토샾,일러1급
</td>
<td align=center><a href="http://www.gtq.or.kr/" target="_blank">GTQ</a>
</td>
</tr>
</table>
</td>
<td width=200>
</td>
</tr>
</table>
<table width=100% cellspacing=0>
<tr height=50>
<td colspan=3 class=back><span style="font-size: 40px;">●학력</span>
</td>
</tr>
</table>
<table width=100% cellspacing=1 border=1 cellpadding=5 style="font-size: 20px;">
<tr class=back1>
<td align=center><b>학교명</b>
</td>
<td align=center><b>재학기간</b>
</td>
<td align=center><b>졸업여부</b>
</td>
</tr>
<tr>
<td align=center><a href="#">학초등학교</a>
</td>
<td align=center>4년
</td>
<td align=center>전학
</td>
</tr>
<tr>
<td align=center><a href="#">봉학초등학교</a>
</td>
<td align=center>2년6개월
</td>
<td align=center>졸업
</td>
</tr>
<tr>
<td align=center><a href="#">부상어선중학교</a>
</td>
<td align=center>3년
</td>
<td align=center>졸업
</td>
</tr>
<tr>
<td align=center><a href="#">부산남자들의고등학교</a>
</td>
<td align=center>3년
</td>
<td align=center>졸업
</td>
</tr>
<tr>
<td align=center><a href="#">부산산업학교</a>
</td>
<td align=center>고등학교3학년<br>1년과정
</td>
<td align=center>졸업
</td>
</tr>
<tr>
<td align=center><a href="#">부산경상대학교</a>
</td>
<td align=center>대략 반년
</td>
<td align=center>재학
</td>
</tr>
</table>
</body>
</html>
<2>
<html>
<head><title></title></head>
<style type="text/css">
body{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
<style type="text/css">
.map{
background-image:url("map.jpg");
background-repeat: no-repeat;
background-size: contain;
}
.back{
background-image:url("5.png");
background-size:contain;
background-repeat:repeat-x;
}
.back1{
background-image:url("6.png");
background-size:contain;
background-repeat:repeat-x;
}
</style>
<style type="text/css">
.red{
color: red;
}
</style>
<body>
<table width=100% cellspacing=0>
<tr height=50>
<td colspan=3 class=back><span style="font-size: 40px;">●학교위치</span>
</td>
</tr>
</table>
<table width=100% cellspacing=0>
<tr>
<td width=100>
</td>
<td><a href="http://map.naver.com/local/siteview.nhn?code=11591325" target="_blank">
<img src="map.jpg" width=100%></a>
</td>
<td width=100>
</td>
</tr>
</table>
<table width=100% cellspacing=0>
<tr height=50>
<td colspan=3 class=back><span style="font-size: 40px;">●오시는길</span>
</td>
</tr>
</table>
<table width=100% cellspacing=0>
<tr>
<td width=100>
</td>
<td><a href="http://www.bsks.ac.kr/05_hongbo/sub5.asp" target="_blank">
<img src="오시는길.jpg" width=100% height=350></a>
</td>
<td width=100>
</td>
</tr>
</table>
<table width=100% cellspacing=0>
<tr>
<td width=100>
</td>
<td align=center>
<table width=100% border=1 cellpadding=5 cellspacing=1 height=350>
<tr class=back1>
<td width=10%>
</td>
<td align=center width=40%><b>버스이용시</b>
</td>
<td width=10%>
</td>
<td align=center width=40%><b>지하철이용시</b>
</td>
</tr>
<tr>
<td align=center><b>광안리 방면</b>
</td>
<td>49번 버스 또는 수영교차로에서 54번 버스 이용
</td>
<td align=center><b>1호선</b>
</td>
<td>연산동역 8번 출구로 나오신 후 이화병원앞에서 <b><span class=red>54번, 100-1번 버스 승차
(학교로 오시는 가장 빠른길입니다)</b></span>
연산동역 12번 출구로 나오신 후 외환은행옆에서 86번,87번 버스 승차
</td>
</tr>
<tr>
<td align=center><b>반송 방면</b>
</td>
<td>동래에서 오시는 경우 : 49번, 54번, 57번, 100-1번, 189-1번
</td>
<td align=center><b>2호선</b>
</td>
<td>수영역 2번 또는 3번 출구로 나오신 후 54번, 210번, 49번 버스 승차
</td>
</tr>
<tr>
<td align=center><b>해운대 방면</b>
</td>
<td>연산교차로에서 오시는 경우 : 54번, 86번, 87번, 100-1번 버스 이용
</td>
<td align=center><b>3호선</b>
</td>
<td>연산동역(8번 출구,12번 출구)이나 수영역(2번,3번출구)에서 54번, 100-1번버스 승차
</td>
</tr>
</table>
</td>
<td width=100>
</td>
</tr>
</table>
</body>
</html>
<3>
<html>
<head><title></title></head>
<style type="text/css">
body{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
</style>
<style type="text/css">
a {text-decoration: none;}
a:link{color: black;}
a:visited{color: black;}
a:active{color: black;}
a:hover{color: black;}
</style>
<style type="text/css">
table{
font-size: 30px;
}
</style>
<style type="text/css">
.red{
background-color: red;
}
.blue{
background-color: blue;
}
.glay{
color: #cccccc;
}
</style>
<style type="text/css">
.back{
background-image:url("5.png");
background-size:contain;
background-repeat:repeat-x;
}
.back1{
background-image:url("6.png");
background-size:contain;
background-repeat:repeat-x;
}
</style>
<body>
<table width=100% cellspacing=0>
<tr class=back height=50>
<td><span style="font-size: 40px;">●6월 달력</span>
</td>
</tr>
</table>
<table cellspacing=0 width=100%>
<tr>
<td width=100>
</td>
<td align=center>
<table width=100% height=400 border=1 cellspacing=1 cellpadding=5>
<caption><div align=right>2013.06</div></caption>
<tr>
<td class=red align=center>일
</td>
<td align=center>월
</td>
<td align=center>화
</td>
<td align=center>수
</td>
<td align=center>목
</td>
<td align=center>금
</td>
<td class=blue align=center>토
</td>
</tr>
<tr>
<td align=center><span class=glay>26</span>
</td>
<td align=center><span class=glay>27</span>
</td>
<td align=center><span class=glay>28</span>
</td>
<td align=center><span class=glay>29</span>
</td>
<td align=center><span class=glay>30</span>
</td>
<td align=center><span class=glay>31</span>
</td>
<td align=center><a href="#">1</a>
</td>
</tr>
<tr>
<td align=center><a href="#">2</a>
</td>
<td align=center><a href="#">3</a>
</td>
<td align=center><a href="#">4</a>
</td>
<td align=center><a href="#">5</a>
</td>
<td align=center><a href="#">6</a>
</td>
<td align=center><a href="#">7</a>
</td>
<td align=center><a href="#">8</a>
</td>
</tr>
<tr>
<td align=center><a href="#">9</a>
</td>
<td align=center><a href="#">10</a>
</td>
<td align=center><a href="#">11</a>
</td>
<td align=center><a href="#">12</a>
</td>
<td align=center><a href="#">13</a>
</td>
<td align=center><a href="#">14</a>
</td>
<td align=center><a href="#">15</a>
</td>
</tr>
<tr>
<td align=center><a href="#">16</a>
</td>
<td align=center><a href="#">17</a>
</td>
<td align=center><a href="#">18</a>
</td>
<td align=center><a href="#">19</a>
</td>
<td align=center><a href="#">20</a>
</td>
<td align=center><a href="#">21</a>
</td>
<td align=center><a href="#">22</a>
</td>
</tr>
<tr>
<td align=center><a href="#">23</a>
</td>
<td align=center><a href="#">24</a>
</td>
<td align=center><a href="#">25</a>
</td>
<td align=center><a href="#">26</a>
</td>
<td align=center><a href="#">27</a>
</td>
<td align=center><a href="#">28</a>
</td>
<td align=center><a href="#">29</a>
</td>
</tr>
<tr>
<td align=center><a href="#">30</a>
</td>
<td align=center><span class=glay>1</span>
</td>
<td align=center><span class=glay>2</span>
</td>
<td align=center><span class=glay>3</span>
</td>
<td align=center><span class=glay>4</span>
</td>
<td align=center><span class=glay>5</span>
</td>
<td align=center><span class=glay>6</span>
</td>
</tr>
</table>
</td>
<td width=100>
</td>
</tr>
</table>
<table width=100%>
<tr class=back height=50>
<td><span style="font-size: 40px;">●메모 노트</span>
</td>
</tr>
</table>
<table cellspacing=0 width=100%>
<tr>
<td width=100>
</td>
<td><a href="#"><img src="memo.png" width=100%></a>
</td>
<td width=100>
</td>
</tr>
</table>
</body>
</html>
<첨부>
|