head, index. tail 나누기에 대해서
저 한가지 여쭤볼께요,
아래와 같은 HTML파일에서는 HEAD, INDEX, TAIL 부분을 어떻게 나누나요?
<html>
<head>
<title>edit</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (edit.psd) -->
<table id="Table_01" width="961" height="680" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/edit_01.gif" width="223" height="218" alt=""></td>
<td>
<img src="images/edit_02.gif" width="582" height="218" alt=""></td>
<td>
<img src="images/edit_03.gif" width="156" height="218" alt=""></td>
</tr>
<tr>
<td>
<img src="images/edit_04.gif" width="223" height="309" alt=""></td>
<td>
<img src="images/edit_05.gif" width="582" height="309" alt=""></td>
<td>
<img src="images/edit_06.gif" width="156" height="309" alt=""></td>
</tr>
<tr>
<td>
<img src="images/edit_07.gif" width="223" height="153" alt=""></td>
<td>
<img src="images/edit_08.gif" width="582" height="153" alt=""></td>
<td>
<img src="images/edit_09.gif" width="156" height="153" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
아래와 같은 HTML파일에서는 HEAD, INDEX, TAIL 부분을 어떻게 나누나요?
<html>
<head>
<title>edit</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (edit.psd) -->
<table id="Table_01" width="961" height="680" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/edit_01.gif" width="223" height="218" alt=""></td>
<td>
<img src="images/edit_02.gif" width="582" height="218" alt=""></td>
<td>
<img src="images/edit_03.gif" width="156" height="218" alt=""></td>
</tr>
<tr>
<td>
<img src="images/edit_04.gif" width="223" height="309" alt=""></td>
<td>
<img src="images/edit_05.gif" width="582" height="309" alt=""></td>
<td>
<img src="images/edit_06.gif" width="156" height="309" alt=""></td>
</tr>
<tr>
<td>
<img src="images/edit_07.gif" width="223" height="153" alt=""></td>
<td>
<img src="images/edit_08.gif" width="582" height="153" alt=""></td>
<td>
<img src="images/edit_09.gif" width="156" height="153" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 10개
edit.psd 파일의 스크린샷을 올려주셔야 답변 드릴 수 있겠습니다.
http://www.sir.co.kr/bbs/board.php?bo_table=g4_tiptech&sca=&sfl=mb_id,1&stx=aechae
강좌를 처음부터 보셨으면 충분하게 나눌 수 있으실텐데..
작업 해보시다가 안되는 부분에 대한 질문이 아닌,
처음부터 해달라는 형태의 질문을 하시면 거의 답을 안해 주십니다.
어디까지 해봤는데 어디에서 막혔다는 형태의 구체적인 질문을 하시면
고수님들이 흔쾌하게 도움을 드릴 것입니다. 질문하실 때 참고 하시기 바랍니다.
나누는 형태입니다.
먼저 head.php입니다.
<html>
<head>
<title>edit</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (edit.psd) -->
<table id="Table_01" width="961" height="680" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/edit_01.gif" width="223" height="218" alt=""></td>
<td>
<img src="images/edit_02.gif" width="582" height="218" alt=""></td>
<td>
<img src="images/edit_03.gif" width="156" height="218" alt=""></td>
</tr>
<tr>
<td>
<img src="images/edit_04.gif" width="223" height="309" alt=""></td>
<td>
<img src="images/edit_05.gif" width="582" height="309" alt="">
index.php입니다.
</td>
<td>
<img src="images/edit_05.gif" width="582" height="309" alt="">
tail.php입니다.
</td>
<td>
<img src="images/edit_06.gif" width="156" height="309" alt=""></td>
</tr>
<tr>
<td>
<img src="images/edit_07.gif" width="223" height="153" alt=""></td>
<td>
<img src="images/edit_08.gif" width="582" height="153" alt=""></td>
<td>
<img src="images/edit_09.gif" width="156" height="153" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
테이블테그가 깔끔하지 않은 것 같고 구성을 어떻게 하셨는지 알수가 없지만 일반적으로 봤을 때
위의 소스처럼 나누면 될 것입니다.
안되면 소스의 위치를 옮겨 가면서 해보시기 바랍니다.
정확한 답변을 얻기 위해서는 정확하고 구체적인 질문을 해 주셔야만 도음을 받으실 수 있습니다.
마리아님께서 하신 질문은 처음부터 대신 해달라고 말씀하시는 것과 같은
느낌을 줄수 있습니다.
하다가 막히는 부분을 구체적으로 질문하시면 다른분들께서 금방 도움을 받으실 수 있습니다.
참고하십시오.
그래서 그냥 제가 쪼갠 형태를 통째로 올려본거에요, 제가 강좌를 본바로는 왼쪽맨밑의 그림(edit-07그림)에서 맨위까지가 head이지 않을까 싶은데 그러다 보면 인덱스를 하고싶은 부분까지 head로 들어가 버리거든요? 그래서 index(edit-05그림)에다 놓고 보면 왼쪽그림이 또 index밑에 있어서 head에 포함이 안되는 거 같아서요, 그래서 모르겠어서 좀 나눠봐 주시면 안될까 하구 올렸어요,
그냥 뜬금없이 올린 거 같지만 실은 엄청 씨름하고 머리굴리고 힘들게 공부하면서 제딴에는 해결구멍을 찾고자 올린거랍니다. 노여워 마시고 공부하는 사람의 고생이 속에 숨어 있음을 알아주시면..^^
jepae님이 나눠주신대로 한번 해 볼께요, 지금은 노프레임 만들기 강좌 9로 가지고 열심히 하고 있는중이에요, 그림도 포샵에서 똑같이 나눴구요..
뭐 그렇게(그림을 똑같은형태로 나눠서)하면 되겠지만, 그림을 잘게 쪼갰을 때는 head, index, tail나누기는 제게 너무 어려운거 같아요, 수고하세요~
앗! 그리고 jepae님이 나눠주신거는 혹시 edit-04번그림까지가 head여야 되지 않나요? edit-05번그림이 head에 들어가 있네요?
역니은자형태의 테일인것 같더군요.
그림의 링크가 제대로 걸려 있었으면 정확하게 구분할 수 있을텐데
의도를 몰라서 일반적인 형태로 나눠 보았습니다.
그림을 더 잘게 나누셔도 기본틀은 같습니다.
쉽게 말하면
인덱스의 시작부분을 헤드가 가져가고
닫히는 부분은 테일이 가져가는 거라고 생각하시면 됩니다.
<td>와
/<td>에 유념하셔서 다시 한번 해보시면 잘 하실수 있을 것 같습니다...^^
조금더 보충 설명을 해드리자면
제가 강좌에서 예제로 만든 형태에서
헤드나 테일에 이미지가 더 잘게 쪼개지더라도
헤드와 테일의 시작과 끝은 역시 그위치입니다.
단지 큰틀은 그자리에 있고 안에서 더 잘게 쪼개지는 거니까요.
헤드부분에 잘게 쪼개진 부분과
테일부분에 잘게 쪼개진 부분은
인덱스 테이블에 게시판이 들어가거나 최신글 등이 들어가는게 아닌,
자신이 만든 컨텐츠가 들어가는 페이지라면
마리아님께서 원하시는데로
헤드, 인덱스,테일부분에 자유롭게 넣으실 수 있습니다.
테이블의 시작과 끝만 유의하시면 됩니다.
도움이 되셨으면 좋겠군요.
http://sunhyosung.byus.net/g4/bbs/board.php?bo_table=a1
한번 확인해 주실래요?
제가 테이블 다시 잡아서 올려 놓았으니까
그것 열어 보시고 이미지 경로만 바꿔서 사용하시면 됩니다.
압축파일 푸시면
headt.php와
tailt.php가 들어 있습니다.
파일이름 적절하고 바꾸시고 이미지 경로만 수정하여 사용하십시오.
아래링크를 클릭하셔서 다운 받으세요.
http://eantent.com/test/maria.alz
직접 테스트한 페이지입니다.
http://eantent.com/ean/bbs/board.php?bo_table=bang
위의 페이지처럼 하시려는 것 맞죠?
게시판이나 최신글 등을 삽입하려는 인덱스페이지는
해당 테이블을 닫는 /<td> 바로 앞까지는 head가 가져가고
해당 테이블의 /<td>부터 끝까지는 tail이 가져 갑니다.
즉, 그 헤드와 테일이 인덱스에서 불려와서 결합한다는 의미입니다.
도움이 되셨길..
다운 받고 그대로 만들어 보신 후 답글 달아 주시기 바랍니다.
http://sunhyosung.byus.net/g4/index1.php 이 깨져요~최근글 게시물이 오른쪽으로 밀려났어요, 왜 그렇죠, 제힘으로 해보고 싶은데 자꾸 도움 요청하는 거 같네요,
어쨌든 나누는 이해가 많이 된듯 합니다. 공부하면 에너지 많이 들고 머리 아픈데 그래도 천천히 할때는 열심히 하려구요, 수고하세요~