head.php등 관련 질문입니다. 도와주세요 정보
head.php등 관련 질문입니다. 도와주세요본문
지금 만들고 있는 홈피가
구성이
-------------------------------------------
레비게이션바
-------------------------------------------
| |
|이미지| |플래시
-------|-----------------------------------
| |이미지 |
| |-------------------------|
|메뉴 | |추가작업할 테이블
| | |
| | 게시판 넣을곳 |
| | |
| | |
--------------------------------------------
하단 이미지
--------------------------------------------
이런 구조로 테이블 구성이 되어 있습니다.
소스는
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title> 제목 없음</title>
<meta name="GENERATOR" content="Namo WebEditor v5.0">
<meta name="description" content="스타일이 전혀 적용되지 않은 새 문서 양식을 만듭니다.">
</head>
<body>
<table border="0" width="1026" bordercolor="white" bordercolordark="white" bordercolorlight="white" cellpadding="0" cellspacing="0">
<tr>
<td width="1026" height="100" colspan="3" bordercolordark="white" bordercolorlight="white">
<table id="Table_01" width="1020" height="101" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="5">
<a href="index.htm"><img src="images/navi_01.gif" width="151" height="100" alt="" border="0" vspace="0" hspace="0"></a></td>
<td colspan="19">
<img src="images/navi_02.gif" width="869" height="14" alt=""></td>
</tr>
<tr>
<td colspan="12" rowspan="2">
<img src="images/navi_03.gif" width="750" height="41" alt=""></td>
<td colspan="2">
<a href="index.htm"><img src="images/navi_04.gif" width="29" height="11" alt="" border="0" vspace="0" hspace="0"></a></td>
<td rowspan="4">
<img src="images/navi_05.gif" width="13" height="86" alt=""></td>
<td>
<img src="images/navi_06.gif" width="33" height="11" alt=""></td>
<td rowspan="4">
<img src="images/navi_07.gif" width="10" height="86" alt=""></td>
<td>
<img src="images/navi_08.gif" width="23" height="11" alt=""></td>
<td rowspan="4">
<img src="images/navi_09.gif" width="11" height="86" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/navi_10.gif" width="29" height="30" alt=""></td>
<td rowspan="3">
<img src="images/navi_11.gif" width="33" height="75" alt=""></td>
<td rowspan="3">
<img src="images/navi_12.gif" width="23" height="75" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/navi_13.gif" width="63" height="45" alt=""></td>
<td>
<a href="prologue.htm"><img src="images/navi_14.gif" width="80" height="27" alt="" border="0" vspace="0" hspace="0"></a></td>
<td rowspan="2">
<img src="images/navi_15.gif" width="39" height="45" alt=""></td>
<td>
<a href="room-ccachi.htm"><img src="images/navi_16.gif" width="96" height="27" alt="" border="0" vspace="0" hspace="0"></a></td>
<td rowspan="2">
<img src="images/navi_17.gif" width="47" height="45" alt=""></td>
<td>
<a href="tour-thema.htm"><img src="images/navi_18.gif" width="90" height="27" alt="" border="0" vspace="0" hspace="0"></a></td>
<td rowspan="2">
<img src="images/navi_19.gif" width="44" height="45" alt=""></td>
<td>
<img src="images/navi_20.gif" width="91" height="27" alt=""></td>
<td rowspan="2">
<img src="images/navi_21.gif" width="34" height="45" alt=""></td>
<td>
<img src="images/navi_22.gif" width="97" height="27" alt="" border="0" vspace="0" hspace="0"></td>
<td rowspan="2">
<img src="images/navi_23.gif" width="38" height="45" alt=""></td>
<td colspan="2">
<a href="board0.htm"><img src="images/navi_24.gif" width="47" height="27" alt="" border="0" vspace="0" hspace="0"></a></td>
<td rowspan="2">
<img src="images/navi_25.gif" width="13" height="45" alt=""></td>
</tr>
<tr>
<td>
<img src="images/navi_26.gif" width="80" height="18" alt=""></td>
<td>
<img src="images/navi_27.gif" width="96" height="18" alt=""></td>
<td>
<img src="images/navi_28.gif" width="90" height="18" alt=""></td>
<td>
<img src="images/navi_29.gif" width="91" height="18" alt=""></td>
<td>
<img src="images/navi_30.gif" width="97" height="18" alt=""></td>
<td colspan="2">
<img src="images/navi_31.gif" width="47" height="18" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="151" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="63" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="80" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="39" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="96" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="47" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="90" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="44" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="91" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="97" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="38" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="31" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="16" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="33" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="23" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="150" height="300" bordercolordark="white" bordercolorlight="white">
<p><img src="images/main-pro.gif" width="150" height="300" border="0" vspace="0" hspace="0"></p>
</td>
<td width="876" height="300" bordercolordark="white" bordercolorlight="white" colspan="2">
<p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" width="871" height="300" vspace="0" hspace="0">
<param name="movie" value="플래시 이미지/main.swf">
<param name="play" value="true">
<param name="loop" value="true">
<param name="quality" value="high">
<embed src="플래시 이미지/main.swf" play="true" loop="true" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" width="871" height="300"></embed>
</object></p>
</td>
</tr>
<tr>
<td width="150" height="700" bordercolordark="white" bordercolorlight="white" rowspan="2">
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title> 제목 없음</title>
<meta name="GENERATOR" content="Namo WebEditor v5.0">
<meta name="description" content="스타일이 전혀 적용되지 않은 새 문서 양식을 만듭니다.">
</head>
<body>
<table border="0" width="1026" bordercolor="white" bordercolordark="white" bordercolorlight="white" cellpadding="0" cellspacing="0">
<tr>
<td width="1026" height="100" colspan="3" bordercolordark="white" bordercolorlight="white">
<table id="Table_01" width="1020" height="101" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="5">
<a href="index.htm"><img src="images/navi_01.gif" width="151" height="100" alt="" border="0" vspace="0" hspace="0"></a></td>
<td colspan="19">
<img src="images/navi_02.gif" width="869" height="14" alt=""></td>
</tr>
<tr>
<td colspan="12" rowspan="2">
<img src="images/navi_03.gif" width="750" height="41" alt=""></td>
<td colspan="2">
<a href="index.htm"><img src="images/navi_04.gif" width="29" height="11" alt="" border="0" vspace="0" hspace="0"></a></td>
<td rowspan="4">
<img src="images/navi_05.gif" width="13" height="86" alt=""></td>
<td>
<img src="images/navi_06.gif" width="33" height="11" alt=""></td>
<td rowspan="4">
<img src="images/navi_07.gif" width="10" height="86" alt=""></td>
<td>
<img src="images/navi_08.gif" width="23" height="11" alt=""></td>
<td rowspan="4">
<img src="images/navi_09.gif" width="11" height="86" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/navi_10.gif" width="29" height="30" alt=""></td>
<td rowspan="3">
<img src="images/navi_11.gif" width="33" height="75" alt=""></td>
<td rowspan="3">
<img src="images/navi_12.gif" width="23" height="75" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/navi_13.gif" width="63" height="45" alt=""></td>
<td>
<a href="prologue.htm"><img src="images/navi_14.gif" width="80" height="27" alt="" border="0" vspace="0" hspace="0"></a></td>
<td rowspan="2">
<img src="images/navi_15.gif" width="39" height="45" alt=""></td>
<td>
<a href="room-ccachi.htm"><img src="images/navi_16.gif" width="96" height="27" alt="" border="0" vspace="0" hspace="0"></a></td>
<td rowspan="2">
<img src="images/navi_17.gif" width="47" height="45" alt=""></td>
<td>
<a href="tour-thema.htm"><img src="images/navi_18.gif" width="90" height="27" alt="" border="0" vspace="0" hspace="0"></a></td>
<td rowspan="2">
<img src="images/navi_19.gif" width="44" height="45" alt=""></td>
<td>
<img src="images/navi_20.gif" width="91" height="27" alt=""></td>
<td rowspan="2">
<img src="images/navi_21.gif" width="34" height="45" alt=""></td>
<td>
<img src="images/navi_22.gif" width="97" height="27" alt="" border="0" vspace="0" hspace="0"></td>
<td rowspan="2">
<img src="images/navi_23.gif" width="38" height="45" alt=""></td>
<td colspan="2">
<a href="board0.htm"><img src="images/navi_24.gif" width="47" height="27" alt="" border="0" vspace="0" hspace="0"></a></td>
<td rowspan="2">
<img src="images/navi_25.gif" width="13" height="45" alt=""></td>
</tr>
<tr>
<td>
<img src="images/navi_26.gif" width="80" height="18" alt=""></td>
<td>
<img src="images/navi_27.gif" width="96" height="18" alt=""></td>
<td>
<img src="images/navi_28.gif" width="90" height="18" alt=""></td>
<td>
<img src="images/navi_29.gif" width="91" height="18" alt=""></td>
<td>
<img src="images/navi_30.gif" width="97" height="18" alt=""></td>
<td colspan="2">
<img src="images/navi_31.gif" width="47" height="18" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="151" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="63" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="80" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="39" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="96" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="47" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="90" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="44" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="91" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="97" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="38" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="31" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="16" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="33" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="23" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="150" height="300" bordercolordark="white" bordercolorlight="white">
<p><img src="images/main-pro.gif" width="150" height="300" border="0" vspace="0" hspace="0"></p>
</td>
<td width="876" height="300" bordercolordark="white" bordercolorlight="white" colspan="2">
<p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" width="871" height="300" vspace="0" hspace="0">
<param name="movie" value="플래시 이미지/main.swf">
<param name="play" value="true">
<param name="loop" value="true">
<param name="quality" value="high">
<embed src="플래시 이미지/main.swf" play="true" loop="true" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" width="871" height="300"></embed>
</object></p>
</td>
</tr>
<tr>
<td width="150" height="700" bordercolordark="white" bordercolorlight="white" rowspan="2">
<!-- ImageReady Slices (board-side.psd) -->
<table id="Table_01" width="150" height="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/board-side_01.gif" width="150" height="52" alt=""></td>
</tr>
<tr>
<td>
<img src="images/board-side_02.gif" width="150" height="9" alt=""></td>
</tr>
<tr>
<td>
<a href="board0.htm"><img src="images/board-side_03.gif" width="150" height="18" alt="" border="0" vspace="0" hspace="0"></a></td>
</tr>
<tr>
<td>
<img src="images/board-side_04.gif" width="150" height="8" alt=""></td>
</tr>
<tr>
<td>
<a href="board1.htm"><img src="images/board-side_05.gif" width="150" height="15" alt="" border="0" vspace="0" hspace="0"></a></td>
</tr>
<tr>
<td>
<img src="images/board-side_06.gif" width="150" height="9" alt=""></td>
</tr>
<tr>
<td>
<a href="board2.htm"><img src="images/board-side_07.gif" width="150" height="17" alt="" border="0" vspace="0" hspace="0"></a></td>
</tr>
<tr>
<td>
<img src="images/board-side_08.gif" width="150" height="8" alt=""></td>
</tr>
<tr>
<td>
<a href="board3.htm"><img src="images/board-side_09.gif" width="150" height="17" alt="" border="0" vspace="0" hspace="0"></a></td>
</tr>
<tr>
<td>
<img src="images/board-side_10.gif" width="150" height="34" alt=""></td>
</tr>
<tr>
<td>
<img src="images/board-side_11.gif" width="150" height="121" alt=""></td>
</tr>
<tr>
<td>
<img src="images/board-side_12.gif" width="150" height="392" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
<table id="Table_01" width="150" height="700" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/board-side_01.gif" width="150" height="52" alt=""></td>
</tr>
<tr>
<td>
<img src="images/board-side_02.gif" width="150" height="9" alt=""></td>
</tr>
<tr>
<td>
<a href="board0.htm"><img src="images/board-side_03.gif" width="150" height="18" alt="" border="0" vspace="0" hspace="0"></a></td>
</tr>
<tr>
<td>
<img src="images/board-side_04.gif" width="150" height="8" alt=""></td>
</tr>
<tr>
<td>
<a href="board1.htm"><img src="images/board-side_05.gif" width="150" height="15" alt="" border="0" vspace="0" hspace="0"></a></td>
</tr>
<tr>
<td>
<img src="images/board-side_06.gif" width="150" height="9" alt=""></td>
</tr>
<tr>
<td>
<a href="board2.htm"><img src="images/board-side_07.gif" width="150" height="17" alt="" border="0" vspace="0" hspace="0"></a></td>
</tr>
<tr>
<td>
<img src="images/board-side_08.gif" width="150" height="8" alt=""></td>
</tr>
<tr>
<td>
<a href="board3.htm"><img src="images/board-side_09.gif" width="150" height="17" alt="" border="0" vspace="0" hspace="0"></a></td>
</tr>
<tr>
<td>
<img src="images/board-side_10.gif" width="150" height="34" alt=""></td>
</tr>
<tr>
<td>
<img src="images/board-side_11.gif" width="150" height="121" alt=""></td>
</tr>
<tr>
<td>
<img src="images/board-side_12.gif" width="150" height="392" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</td>
<td width="706" height="60" bordercolordark="white" bordercolorlight="white">
<p><img src="images/board0-center.gif" width="705" height="60" border="0"></p>
</td>
<td width="170" height="700" bordercolordark="white" bordercolorlight="white" rowspan="2">
<p> 다른 작업 할 부분</p>
</td>
</tr>
<tr>
<td width="706" height="640" bordercolordark="white" bordercolorlight="white">
<p style="line-height:100%; margin-top:0; margin-bottom:0;"></p>
<p style="line-height:100%; margin-top:0; margin-bottom:0;"> </p>
</td>
</tr>
<tr>
<td width="1026" height="70" colspan="3" bordercolordark="white" bordercolorlight="white">
<p><img src="images/main-down.gif" width="1026" height="70" border="0" vspace="0" hspace="0"></p>
</td>
</tr>
</table>
</body>
</html>
<td width="706" height="60" bordercolordark="white" bordercolorlight="white">
<p><img src="images/board0-center.gif" width="705" height="60" border="0"></p>
</td>
<td width="170" height="700" bordercolordark="white" bordercolorlight="white" rowspan="2">
<p> 다른 작업 할 부분</p>
</td>
</tr>
<tr>
<td width="706" height="640" bordercolordark="white" bordercolorlight="white">
<p style="line-height:100%; margin-top:0; margin-bottom:0;"></p>
<p style="line-height:100%; margin-top:0; margin-bottom:0;"> </p>
</td>
</tr>
<tr>
<td width="1026" height="70" colspan="3" bordercolordark="white" bordercolorlight="white">
<p><img src="images/main-down.gif" width="1026" height="70" border="0" vspace="0" hspace="0"></p>
</td>
</tr>
</table>
</body>
</html>
이렇게 되었는데...
도무지 어떻게 나누고 어떤 파일들에 어떻게 적용해야 하는지 정말
감을 못잡겠군요...
고수님들 도와주세요~
댓글 전체
아이고야 소스 보니깐 어지럽습니다. 걍 이미지 보고 대략..
우선 테이블을 4개 셋트로 쪼개시고..
최상단 테이블에 : 네비게이션바
2번째 테이블에 : 이미지와 플래쉬 배열
3번째 테이블에 : 메뉴/이미지/게시판/추가
4번째 테이블에 : 하단 이미지
이렇게 구성하시면...
3번째 테이블 .....<td> 까지가 head..
3번째 테이블 </td> 부터 tail 잡으시고..
3번째 테이블의 이미지..는.. 가급적 테이블로 쪼개서 혼잡하게 하지 마시고..
게시판 관리자 모드에 탑 이미지 파트에 지정해놓으시면 편합니다.
각 테이블의 제목이 대개 여기에 배치되는 격이니..
이런 기본적 원칙만 파악하시면 복잡한 내부 구조는 어렵지 않을 듯 합니다.
다만.. 테이블을 너무 난사해버리면 나중에 감당하기 어렵고..
드림위버 등에서 하게 되면 완전 개박살날 수도 있습니다.
기본 테이블은 에디트플러스나 메모장.. 프론트페이지 등을 이용하는게 낫더군요.
전 고수가 아니라서 잡설만 하고 갑니다.
우선 테이블을 4개 셋트로 쪼개시고..
최상단 테이블에 : 네비게이션바
2번째 테이블에 : 이미지와 플래쉬 배열
3번째 테이블에 : 메뉴/이미지/게시판/추가
4번째 테이블에 : 하단 이미지
이렇게 구성하시면...
3번째 테이블 .....<td> 까지가 head..
3번째 테이블 </td> 부터 tail 잡으시고..
3번째 테이블의 이미지..는.. 가급적 테이블로 쪼개서 혼잡하게 하지 마시고..
게시판 관리자 모드에 탑 이미지 파트에 지정해놓으시면 편합니다.
각 테이블의 제목이 대개 여기에 배치되는 격이니..
이런 기본적 원칙만 파악하시면 복잡한 내부 구조는 어렵지 않을 듯 합니다.
다만.. 테이블을 너무 난사해버리면 나중에 감당하기 어렵고..
드림위버 등에서 하게 되면 완전 개박살날 수도 있습니다.
기본 테이블은 에디트플러스나 메모장.. 프론트페이지 등을 이용하는게 낫더군요.
전 고수가 아니라서 잡설만 하고 갑니다.
