head, index. tail 나누기에 대해서 정보
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>
댓글 전체
이 상태에서는 레이아웃을 어떻게 잡은것인지 알수 없습니다.
edit.psd 파일의 스크린샷을 올려주셔야 답변 드릴 수 있겠습니다.
edit.psd 파일의 스크린샷을 올려주셔야 답변 드릴 수 있겠습니다.
여기를 참고하시면 이해가 더 잘 되실겁니다....^^
http://www.sir.co.kr/bbs/board.php?bo_table=g4_tiptech&sca=&sfl=mb_id,1&stx=aechae
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>
테이블테그가 깔끔하지 않은 것 같고 구성을 어떻게 하셨는지 알수가 없지만 일반적으로 봤을 때
위의 소스처럼 나누면 될 것입니다.
안되면 소스의 위치를 옮겨 가면서 해보시기 바랍니다.
정확한 답변을 얻기 위해서는 정확하고 구체적인 질문을 해 주셔야만 도음을 받으실 수 있습니다.
마리아님께서 하신 질문은 처음부터 대신 해달라고 말씀하시는 것과 같은
느낌을 줄수 있습니다.
하다가 막히는 부분을 구체적으로 질문하시면 다른분들께서 금방 도움을 받으실 수 있습니다.
참고하십시오.
강좌를 처음부터 보셨으면 충분하게 나눌 수 있으실텐데..
작업 해보시다가 안되는 부분에 대한 질문이 아닌,
처음부터 해달라는 형태의 질문을 하시면 거의 답을 안해 주십니다.
어디까지 해봤는데 어디에서 막혔다는 형태의 구체적인 질문을 하시면
고수님들이 흔쾌하게 도움을 드릴 것입니다. 질문하실 때 참고 하시기 바랍니다.
나누는 형태입니다.
먼저 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>
테이블테그가 깔끔하지 않은 것 같고 구성을 어떻게 하셨는지 알수가 없지만 일반적으로 봤을 때
위의 소스처럼 나누면 될 것입니다.
안되면 소스의 위치를 옮겨 가면서 해보시기 바랍니다.
정확한 답변을 얻기 위해서는 정확하고 구체적인 질문을 해 주셔야만 도음을 받으실 수 있습니다.
마리아님께서 하신 질문은 처음부터 대신 해달라고 말씀하시는 것과 같은
느낌을 줄수 있습니다.
하다가 막히는 부분을 구체적으로 질문하시면 다른분들께서 금방 도움을 받으실 수 있습니다.
참고하십시오.
실은 지금 지난번에 이어 두번째로 jepae님의 노프레임만들기 강좌를 전부 훑고 있습니다. 천천히 나모에서 다시 작업해보면서 따라하고 있는데요, 문제는 jepae님의 강좌대로 그림을 넣지 않고 저의 위 테이블은 그림이 더 쪼개져 있습니다. 웹상에서 그림이 크면 잘 안불러져 올 것을 염려하여 좀더 잘게 쪼갰는데요, 그러면 jepae님의 설명과 달라지잖아요, 그러니 위처럼 그림을 좀더 잘게 쪼갰을 때는 head부분과 index부분, 그리고 tail부분을 어떻게 나눠야 될지 모르겠거든요?
그래서 그냥 제가 쪼갠 형태를 통째로 올려본거에요, 제가 강좌를 본바로는 왼쪽맨밑의 그림(edit-07그림)에서 맨위까지가 head이지 않을까 싶은데 그러다 보면 인덱스를 하고싶은 부분까지 head로 들어가 버리거든요? 그래서 index(edit-05그림)에다 놓고 보면 왼쪽그림이 또 index밑에 있어서 head에 포함이 안되는 거 같아서요, 그래서 모르겠어서 좀 나눠봐 주시면 안될까 하구 올렸어요,
그냥 뜬금없이 올린 거 같지만 실은 엄청 씨름하고 머리굴리고 힘들게 공부하면서 제딴에는 해결구멍을 찾고자 올린거랍니다. 노여워 마시고 공부하는 사람의 고생이 속에 숨어 있음을 알아주시면..^^
jepae님이 나눠주신대로 한번 해 볼께요, 지금은 노프레임 만들기 강좌 9로 가지고 열심히 하고 있는중이에요, 그림도 포샵에서 똑같이 나눴구요..
뭐 그렇게(그림을 똑같은형태로 나눠서)하면 되겠지만, 그림을 잘게 쪼갰을 때는 head, index, tail나누기는 제게 너무 어려운거 같아요, 수고하세요~
앗! 그리고 jepae님이 나눠주신거는 혹시 edit-04번그림까지가 head여야 되지 않나요? edit-05번그림이 head에 들어가 있네요?
그래서 그냥 제가 쪼갠 형태를 통째로 올려본거에요, 제가 강좌를 본바로는 왼쪽맨밑의 그림(edit-07그림)에서 맨위까지가 head이지 않을까 싶은데 그러다 보면 인덱스를 하고싶은 부분까지 head로 들어가 버리거든요? 그래서 index(edit-05그림)에다 놓고 보면 왼쪽그림이 또 index밑에 있어서 head에 포함이 안되는 거 같아서요, 그래서 모르겠어서 좀 나눠봐 주시면 안될까 하구 올렸어요,
그냥 뜬금없이 올린 거 같지만 실은 엄청 씨름하고 머리굴리고 힘들게 공부하면서 제딴에는 해결구멍을 찾고자 올린거랍니다. 노여워 마시고 공부하는 사람의 고생이 속에 숨어 있음을 알아주시면..^^
jepae님이 나눠주신대로 한번 해 볼께요, 지금은 노프레임 만들기 강좌 9로 가지고 열심히 하고 있는중이에요, 그림도 포샵에서 똑같이 나눴구요..
뭐 그렇게(그림을 똑같은형태로 나눠서)하면 되겠지만, 그림을 잘게 쪼갰을 때는 head, index, tail나누기는 제게 너무 어려운거 같아요, 수고하세요~
앗! 그리고 jepae님이 나눠주신거는 혹시 edit-04번그림까지가 head여야 되지 않나요? edit-05번그림이 head에 들어가 있네요?
역기역자 형태의 헤드와
역니은자형태의 테일인것 같더군요.
그림의 링크가 제대로 걸려 있었으면 정확하게 구분할 수 있을텐데
의도를 몰라서 일반적인 형태로 나눠 보았습니다.
그림을 더 잘게 나누셔도 기본틀은 같습니다.
쉽게 말하면
인덱스의 시작부분을 헤드가 가져가고
닫히는 부분은 테일이 가져가는 거라고 생각하시면 됩니다.
<td>와
/<td>에 유념하셔서 다시 한번 해보시면 잘 하실수 있을 것 같습니다...^^
조금더 보충 설명을 해드리자면
제가 강좌에서 예제로 만든 형태에서
헤드나 테일에 이미지가 더 잘게 쪼개지더라도
헤드와 테일의 시작과 끝은 역시 그위치입니다.
단지 큰틀은 그자리에 있고 안에서 더 잘게 쪼개지는 거니까요.
헤드부분에 잘게 쪼개진 부분과
테일부분에 잘게 쪼개진 부분은
인덱스 테이블에 게시판이 들어가거나 최신글 등이 들어가는게 아닌,
자신이 만든 컨텐츠가 들어가는 페이지라면
마리아님께서 원하시는데로
헤드, 인덱스,테일부분에 자유롭게 넣으실 수 있습니다.
테이블의 시작과 끝만 유의하시면 됩니다.
도움이 되셨으면 좋겠군요.
역니은자형태의 테일인것 같더군요.
그림의 링크가 제대로 걸려 있었으면 정확하게 구분할 수 있을텐데
의도를 몰라서 일반적인 형태로 나눠 보았습니다.
그림을 더 잘게 나누셔도 기본틀은 같습니다.
쉽게 말하면
인덱스의 시작부분을 헤드가 가져가고
닫히는 부분은 테일이 가져가는 거라고 생각하시면 됩니다.
<td>와
/<td>에 유념하셔서 다시 한번 해보시면 잘 하실수 있을 것 같습니다...^^
조금더 보충 설명을 해드리자면
제가 강좌에서 예제로 만든 형태에서
헤드나 테일에 이미지가 더 잘게 쪼개지더라도
헤드와 테일의 시작과 끝은 역시 그위치입니다.
단지 큰틀은 그자리에 있고 안에서 더 잘게 쪼개지는 거니까요.
헤드부분에 잘게 쪼개진 부분과
테일부분에 잘게 쪼개진 부분은
인덱스 테이블에 게시판이 들어가거나 최신글 등이 들어가는게 아닌,
자신이 만든 컨텐츠가 들어가는 페이지라면
마리아님께서 원하시는데로
헤드, 인덱스,테일부분에 자유롭게 넣으실 수 있습니다.
테이블의 시작과 끝만 유의하시면 됩니다.
도움이 되셨으면 좋겠군요.
head와 tail로 나누지 않고 간단하게~ index에서 만들어도 됩니다.
완전 깨졌어요, 그래서 다시 jepae님의 9번 강좌대로 그림을 쪼개서 나모에서 표만들고 그림 넣고 다 했거든요? 그런데, 게시판 클릭하면요, 헤드는 잘 붙여지는거 같은데, tail이 중앙 위에(con3.jpg)서 따로 노는 군요, 힘들어~
http://sunhyosung.byus.net/g4/bbs/board.php?bo_table=a1
한번 확인해 주실래요?
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이 가져 갑니다.
즉, 그 헤드와 테일이 인덱스에서 불려와서 결합한다는 의미입니다.
도움이 되셨길..
제가 테이블 다시 잡아서 올려 놓았으니까
그것 열어 보시고 이미지 경로만 바꿔서 사용하시면 됩니다.
압축파일 푸시면
headt.php와
tailt.php가 들어 있습니다.
파일이름 적절하고 바꾸시고 이미지 경로만 수정하여 사용하십시오.
아래링크를 클릭하셔서 다운 받으세요.
http://eantent.com/test/maria.alz
직접 테스트한 페이지입니다.
http://eantent.com/ean/bbs/board.php?bo_table=bang
위의 페이지처럼 하시려는 것 맞죠?
게시판이나 최신글 등을 삽입하려는 인덱스페이지는
해당 테이블을 닫는 /<td> 바로 앞까지는 head가 가져가고
해당 테이블의 /<td>부터 끝까지는 tail이 가져 갑니다.
즉, 그 헤드와 테일이 인덱스에서 불려와서 결합한다는 의미입니다.
도움이 되셨길..
위의 링크는 마리아님께서 다운 받고 나면 지워야 하므로
다운 받고 그대로 만들어 보신 후 답글 달아 주시기 바랍니다.
다운 받고 그대로 만들어 보신 후 답글 달아 주시기 바랍니다.
다운받았어요, headt와 tailt를 제 이름에 맞게 파일이름 고쳐서(head1, tail1) 올렸는데요, 잘되는데, 이번에는
http://sunhyosung.byus.net/g4/index1.php 이 깨져요~최근글 게시물이 오른쪽으로 밀려났어요, 왜 그렇죠, 제힘으로 해보고 싶은데 자꾸 도움 요청하는 거 같네요,
어쨌든 나누는 이해가 많이 된듯 합니다. 공부하면 에너지 많이 들고 머리 아픈데 그래도 천천히 할때는 열심히 하려구요, 수고하세요~
http://sunhyosung.byus.net/g4/index1.php 이 깨져요~최근글 게시물이 오른쪽으로 밀려났어요, 왜 그렇죠, 제힘으로 해보고 싶은데 자꾸 도움 요청하는 거 같네요,
어쨌든 나누는 이해가 많이 된듯 합니다. 공부하면 에너지 많이 들고 머리 아픈데 그래도 천천히 할때는 열심히 하려구요, 수고하세요~