웹마스터 팁
[초보자용] 노프레임 이해하고 만들기
2003.06.05 17:27
http://zeromd.com일단 노프레임이란
말 그대로 No frame ...
프레임이 없다는 말씀.
프레임이 있는 홈페이지는 메뉴바가 오른쪽이나 위쪽에 항상
고정되어 있고, 내용만 바를 주~~욱 내려서 봅니다.
그런데 노프레임이 프레임이 따로 없어서 메뉴도 오른쪽 바를
내리면 같이 주~~욱 내려갑니다. 보통 검색사이트나 신문 등은
이런 노프레임으로 되어있죠.
노프레임을 만드려면 일단 테이블을 이해해야 합니다.
------------------------------
: menu :
------------------------------
: : :
: : :
: : :
: menu : content :
: : :
: : :
: : :
: : :
: : :
------------------------------
: copyright :
------------------------------
제홈피나 대부분 이런 형식으로 되어있습니다.
그러면 일단 테이블을 만듭니다.
<html>
</html>
<body>
<table>
<tr>
<td></td>
</tr>
<tr>
<td></td>
<td>
여기에 content 내용이 들어가겠죠.
</td>
</tr>
<tr>
<td></td>
</tr>
</table>
</body>
테이블을 만들었으면 이것을 이용해서
헤더와 푸터를 만듭니다.
헤더와 푸터라는 말 자체는 특별한 의미는 없습니다.
파일이름이랑은 상관없다는 말씀. 단지 위에 붙고, 아래 붙는다는 것.
위에서 content 는 파일마다 바뀌겠지만, 헤더와 푸터는 바뀌지 말아야 합니다.
헤더와 푸터의 파일이름을 header.html, footer.html이라고 하고,
내용 부분을 content.html이라고 합시다.
그러면 header.html에 content의 앞부분 즉
------------------------------
: menu :
------------------------------
: :
: :
: :
: menu :
: :
: :
: :
: :
: :
---------
가 헤더가 되는 것입니다.
그래서 header.html은 다음과 같이 되고...
<html>
</html>
<body>
<table>
<tr>
<td></td>
</tr>
<tr>
<td></td>
<td>
이 되겠죠.
그러면 content의 뒷부분
:
:
:
:
:
:
:
:
------------------------------
: copyright :
------------------------------
은 푸터가 됩니다.
footer.html은 다음과 같이 됩니다.
</td>
</tr>
<tr>
<td></td>
</tr>
</table>
</body>
마지막으로 content.html은
인클루드를 이용해서 header.html과 footer.html을 삽입합니다.
content.html을 살펴보면
<? include"header_zeromd.html"; ?>
여기에 content 내용이 들어가겠죠.
<? include"footer_zeromd.html"; ?>
이렇게 됩니다.
그래서 주소창에서 content.html을 읽게 되면
------------------------------
: menu :
------------------------------
: : :
: : :
: : :
: menu : content :
: : :
: : :
: : :
: : :
: : :
------------------------------
: copyright :
------------------------------
이렇게 나옵니다.
이제 content만 바꾸면서 여러 파일을 만들 수 있겠죠.
주제를 바꿔서 header과 footer도 다양하게 할수 있겠습니다.
허접설명이었지만, 끝까지 봐줘서 고맙습니다.
모르시는 부분 있으면 질문해주세요..
말 그대로 No frame ...
프레임이 없다는 말씀.
프레임이 있는 홈페이지는 메뉴바가 오른쪽이나 위쪽에 항상
고정되어 있고, 내용만 바를 주~~욱 내려서 봅니다.
그런데 노프레임이 프레임이 따로 없어서 메뉴도 오른쪽 바를
내리면 같이 주~~욱 내려갑니다. 보통 검색사이트나 신문 등은
이런 노프레임으로 되어있죠.
노프레임을 만드려면 일단 테이블을 이해해야 합니다.
------------------------------
: menu :
------------------------------
: : :
: : :
: : :
: menu : content :
: : :
: : :
: : :
: : :
: : :
------------------------------
: copyright :
------------------------------
제홈피나 대부분 이런 형식으로 되어있습니다.
그러면 일단 테이블을 만듭니다.
<html>
</html>
<body>
<table>
<tr>
<td></td>
</tr>
<tr>
<td></td>
<td>
여기에 content 내용이 들어가겠죠.
</td>
</tr>
<tr>
<td></td>
</tr>
</table>
</body>
테이블을 만들었으면 이것을 이용해서
헤더와 푸터를 만듭니다.
헤더와 푸터라는 말 자체는 특별한 의미는 없습니다.
파일이름이랑은 상관없다는 말씀. 단지 위에 붙고, 아래 붙는다는 것.
위에서 content 는 파일마다 바뀌겠지만, 헤더와 푸터는 바뀌지 말아야 합니다.
헤더와 푸터의 파일이름을 header.html, footer.html이라고 하고,
내용 부분을 content.html이라고 합시다.
그러면 header.html에 content의 앞부분 즉
------------------------------
: menu :
------------------------------
: :
: :
: :
: menu :
: :
: :
: :
: :
: :
---------
가 헤더가 되는 것입니다.
그래서 header.html은 다음과 같이 되고...
<html>
</html>
<body>
<table>
<tr>
<td></td>
</tr>
<tr>
<td></td>
<td>
이 되겠죠.
그러면 content의 뒷부분
:
:
:
:
:
:
:
:
------------------------------
: copyright :
------------------------------
은 푸터가 됩니다.
footer.html은 다음과 같이 됩니다.
</td>
</tr>
<tr>
<td></td>
</tr>
</table>
</body>
마지막으로 content.html은
인클루드를 이용해서 header.html과 footer.html을 삽입합니다.
content.html을 살펴보면
<? include"header_zeromd.html"; ?>
여기에 content 내용이 들어가겠죠.
<? include"footer_zeromd.html"; ?>
이렇게 됩니다.
그래서 주소창에서 content.html을 읽게 되면
------------------------------
: menu :
------------------------------
: : :
: : :
: : :
: menu : content :
: : :
: : :
: : :
: : :
: : :
------------------------------
: copyright :
------------------------------
이렇게 나옵니다.
이제 content만 바꾸면서 여러 파일을 만들 수 있겠죠.
주제를 바꿔서 header과 footer도 다양하게 할수 있겠습니다.
허접설명이었지만, 끝까지 봐줘서 고맙습니다.
모르시는 부분 있으면 질문해주세요..
댓글 16
-
Go!大韓民國
2003.06.06 00:07
-
REDsun
2003.06.05 20:33
그런데여 한가지 질문여
헤더 푸터를 나누면서 배경으로 색이나 그림을 집어 넣을 경우 어떻게 해야 하나여? -
Nytoner
2003.06.05 21:26
REDsun // 헤더 푸터를 나눌경우에 배경색을 넣고 싶으시면 헤더 파일 부분에서 설정해 두시면 됩니다.(body 부분) -
-love-
2003.06.06 11:12
끙 이렇게 설명을 잘해주실수가 정말 놀랍네요
정말 추천하고 싶습니다 추천누르고 갑니다 나중에 저도 노프레임 홈페이지 만들게 되면
이 강좌 보고 만들어야겠습니다^^;; -
DirEnGrey
2003.06.07 08:12
근데요
content 에서요 <? include"header_zeromd.html"; ?>랑<? include"footer_zeromd.html"; ?>
이것의 hearder_zeromd.html<<< ? 어째서 이런 파일명이나오죠?
hearder.html footer.htm 의 파일명이 만들어졋는데 zeromd가 붙은이유가?
content에서 저부분이 않되네요 왜그런지 몰라서 -
jjin
2003.06.09 11:25
노프레임이라....;;
그냥 테이블만로 만들다고 하는 것같기도 하고....
아니거같기도 하고.......;;;;
그리고 노프레임의 장점은 뭐가여....??
궁금해영.......................^^ -
여니☆
2003.06.14 01:16
노프레임은 그야말로 테이블만으로 만드는 겁니다...
노프레임의 장점은, 넓게 쓸 수있고.
테이블로 작업하기때문에 페이지 마다 다른 느낌을 줄 수 있습니다.
뭐 여기 제로보드도 노프레임이네요.
단점이라면... 이렇게 길이 길어지면-_- 맨 윗화면으로 올라가야하는데...
그것의 불편함이랄까요.
또 아기자기한 맛이 조금 덜하죠;; -
이성환
2003.06.18 10:26
content 속에 제로보드 게시판을 어떻게 앉히나요?
경로지정이나 자세한 방법을... -
Chae Lin
2003.07.16 17:53
메모장으로 해보니 컨덴트 파일 안되요..header_zeromd.html 이게 맞는건지 아리송
글구 저도 이성환님의 궁금증 공감합니다.멘트글좀 -
김난수
2003.07.18 22:57
오..ㅜ.ㅜ 감사감사 -
차병권
2003.11.17 10:03
감사합니다
와
이해하기 쉬워요^^
ㄳ -
유종목
2003.11.22 23:08
왜 header.html 이란 파일이라고 안하고 header_zeromd.html로 하는지 궁금하네요...
저두 컨텐트 파일에다가 고대로 넣었는데.. 안되는데요.. 자세히좀.. -
케빈
2003.12.10 13:25
이름 지정하는거야 자기 마음이죠 -_-;
아마 강좌 올리신 분의 닉네임이 ZeroMD 라서 그럴듯... -
지성봉
2004.01.24 21:13
오옷!! 된다~~
드디어 노프레임 홈피를 만드는데 한걸음 다가섰도다!!! -
박승수
2004.06.03 18:08
안되오..구체적으로 갈,쳐 주세요.. -
박사님
2005.01.27 22:40
퍼가도 되겠습니까;; 강좌하는데 도움이 될까해서; 너무 좋네요
아이프레임으로 창을 보이게 하구요
보이게 한창을 frame name="main" 이렇게 프레임 네임을 정해주신 다음에
밖에 메뉴하나 만들어 링크 만드실때 타겟을 프레임명[main]으로 해주시면 더 간단한대^^
노프레임이 어려워 하시는 분들께 추천 하는 방법이죠..