묻고답하기
[그림포함;;]노프레임페이지 구성에 대해서 질문입니닷....-.-
2003.02.24 19:16
http://www.nzeo.com/bbs/icon/member_image_box/4405/qna.gif
제가 포토샵으로 홈전체적인것을 디자인했거든요..
그리고 크롭해서 나눴는데요..
좀 머리아푸게 되었네용..
우선..... 5번이라고 씌여진 공간에 제로보드를 입히려고;;하는데요...
제로보드 노프레임기본 메뉴얼로는 어렵네요...
이거 어케해야될까요 -.-;;;;;
구성 노하우 좀 알려주세요..^_^;;
<html>
<head></head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" background="image/sidebg.gif">
<table cellpadding="0" cellspacing="0">
<tr>
<td width="905" bgcolor="gray">
<table cellpadding="0" cellspacing="0" width="900">
<tr>
<td width="256" background="image/top-banner-l-side.gif" height="43"></td>
<td width="46" height="43" background="image/top-banner-r-side.gif"></td>
</tr>
<tr>
<td width="256" background="image/paper-top-l.gif"></td>
<td width="598" background="image/paper-top.gif"></td>
<td width="46" height="60" background="image/paper-top-r.gif"></td>
</tr>
<tr>
<td width="256" background="image/paper-cen-l.gif" height="412"></td>
<td width="598" bgcolor="#DFDED7" bordercolor="#DFDED7"></td>
<td background="image/paper-cen-r.gif"></td>
</tr>
<tr>
<td width="256" background="image/paper-band-l.gif"></td>
<td width="598" bgcolor="#DFDED7" bordercolor="#DFDED7"></td>
<td background="image/paper-band-r.gif"></td>
</tr>
<tr>
<td width="256" height="418" background="image/paper-cen2-l.gif"></td>
<td width="598" bgcolor="#DFDED7" bordercolor="#DFDED7" background="image/paper-cen2.gif"></td>
<td background="image/paper-cen2-r.gif"></td>
</tr>
<tr>
<td width="256" height="158" background="image/paper-bottom-l.gif"></td>
<td width="598" height="158" background="image/paper-bottom-c.gif"></td>
<td width="46" height="158" background="image/paper-bottom-r.gif"></td>
</tr>
</table>
</td>
</tr>
</table>
<div id="STATICMENU" style="width:200px; height:342px; position:absolute; left:-5000px; top:50px; z-index:100;">
<img src="image/menu.gif" width="206" height="306" border="0" usemap="#ImageMap1">
<map name="ImageMap1">
<area shape="poly" coords="140, 62, 138, 120, 126, 117, 128, 61" href="http://kr.yahoo.com" target="_blank">
<area shape="poly" coords="117, 61, 113, 147, 120, 147, 124, 60" href="http://kr.yahoo.com" target="_blank">
<area shape="poly" coords="105, 60, 103, 125, 109, 126, 112, 59" href="http://kr.yahoo.com" target="_blank">
<area shape="poly" coords="92, 61, 91, 103, 98, 102, 98, 61" href="http://kr.yahoo.com" target="_blank">
<area shape="poly" coords="81, 61, 79, 102, 86, 100, 87, 61" href="hhttp://kr.yahoo.com" target="_blank">
shape="poly" coords="69, 61, 66, 130, 74, 127, 76, 61" href="http://kr.yahoo.com" target="_blank">
</map>
</div>
</body>
</html>
제가 포토샵으로 홈전체적인것을 디자인했거든요..
그리고 크롭해서 나눴는데요..
좀 머리아푸게 되었네용..
우선..... 5번이라고 씌여진 공간에 제로보드를 입히려고;;하는데요...
제로보드 노프레임기본 메뉴얼로는 어렵네요...
이거 어케해야될까요 -.-;;;;;
구성 노하우 좀 알려주세요..^_^;;
<html>
<head></head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" background="image/sidebg.gif">
<table cellpadding="0" cellspacing="0">
<tr>
<td width="905" bgcolor="gray">
<table cellpadding="0" cellspacing="0" width="900">
<tr>
<td width="256" background="image/top-banner-l-side.gif" height="43"></td>
<td width="46" height="43" background="image/top-banner-r-side.gif"></td>
</tr>
<tr>
<td width="256" background="image/paper-top-l.gif"></td>
<td width="598" background="image/paper-top.gif"></td>
<td width="46" height="60" background="image/paper-top-r.gif"></td>
</tr>
<tr>
<td width="256" background="image/paper-cen-l.gif" height="412"></td>
<td width="598" bgcolor="#DFDED7" bordercolor="#DFDED7"></td>
<td background="image/paper-cen-r.gif"></td>
</tr>
<tr>
<td width="256" background="image/paper-band-l.gif"></td>
<td width="598" bgcolor="#DFDED7" bordercolor="#DFDED7"></td>
<td background="image/paper-band-r.gif"></td>
</tr>
<tr>
<td width="256" height="418" background="image/paper-cen2-l.gif"></td>
<td width="598" bgcolor="#DFDED7" bordercolor="#DFDED7" background="image/paper-cen2.gif"></td>
<td background="image/paper-cen2-r.gif"></td>
</tr>
<tr>
<td width="256" height="158" background="image/paper-bottom-l.gif"></td>
<td width="598" height="158" background="image/paper-bottom-c.gif"></td>
<td width="46" height="158" background="image/paper-bottom-r.gif"></td>
</tr>
</table>
</td>
</tr>
</table>
<div id="STATICMENU" style="width:200px; height:342px; position:absolute; left:-5000px; top:50px; z-index:100;">
<img src="image/menu.gif" width="206" height="306" border="0" usemap="#ImageMap1">
<map name="ImageMap1">
<area shape="poly" coords="140, 62, 138, 120, 126, 117, 128, 61" href="http://kr.yahoo.com" target="_blank">
<area shape="poly" coords="117, 61, 113, 147, 120, 147, 124, 60" href="http://kr.yahoo.com" target="_blank">
<area shape="poly" coords="105, 60, 103, 125, 109, 126, 112, 59" href="http://kr.yahoo.com" target="_blank">
<area shape="poly" coords="92, 61, 91, 103, 98, 102, 98, 61" href="http://kr.yahoo.com" target="_blank">
<area shape="poly" coords="81, 61, 79, 102, 86, 100, 87, 61" href="hhttp://kr.yahoo.com" target="_blank">
shape="poly" coords="69, 61, 66, 130, 74, 127, 76, 61" href="http://kr.yahoo.com" target="_blank">
</map>
</div>
</body>
</html>
댓글 2
-
susiah
2003.02.24 20:29
답변 감사드립니다..~ -
보거
2003.02.24 20:20
일단 저렇게 세로 길이를 지정해 놓고 이미지를 딱 맞게 해놓는다고 하시면 제로보드가 글이 길어지면 깨질 가능성이 많습니다. 저기 1번과 3번 구역은 좀 생각을 해서 넣으시고요(1번과 3번 구역의 이미지를 100%로 주시면 테이블이 늘어남에 따라 이미지도 늘어납니다. 이미지가 세로로만 늘어나니깐 이상하게 깨지지는 않더군요.)
그리고 제로보드에 헤더와 푸터를 이용해서 넣으세요.
저기 가운데의 <td width="598" bgcolor="#DFDED7" bordercolor="#DFDED7"></td>를 <td width="598" bgcolor="#DFDED7" bordercolor="#DFDED7">와 </td>를 기준으로 나누셔서 제로보드 헤더 푸터에 담아주시면 되겠습니다.
역시 기본 메뉴얼을 세심하게 살펴보면 해결되는 문젭니다.