웹마스터 팁
노프레임홈페이지 디비기 2 - 헤더와 풋터
2003.03.26 01:26
위 사이트 처럼 자동연결된 index.html에서 뭔가를 클릭해야 본격적인 곳으로 이동하는 곳이 '대문있는' 홈페이지다. 여러분이 대문을 통해서 메인페이지로 들어가려 한다면 index.html에 다음과 같이 소스를 넣어주면 된다.
결국 대문이 있다는 것은 index.html에서 접속자가 손수 클릭을 해줘야 main.html로 이동하는 것을 말하고, 대문이 없다는 것은 지난 시간에 소개했던 소스 등을 통해 자동으로 main.html로 이동하는 것을 뜻하는 것이다. 간단하지?
** 프레임과 노프레임
마술사들이 늘씬한 미녀를 사정없이 3등분 5등분 하는 걸 본적이 있을 것이다. 나눠진 신체는 따로 떼내어서 분리할 수도 있고 조금 유머가 있는 마술사는 이 여자 저여자의 몸을 뒤섞기도 한다. 그게 바로 프레임 페이지다. 메뉴와 본문, 주메뉴와 서브메뉴가 전혀 별개로 나누어져 있고 각각 별개의 문서로 의미를 갖는다. 그래서 메뉴를 누르면 본문 내용만 샤샥~ 바뀌는 게 가능하다.
어쨌든 이 강좌의 목적은 노프레임이므로 프레임은 이정도 해두자.
노프레임은 그 반대로서, 페이지 자체가 하나의 몸뚱아리이다. 따라서 무얼 클릭하든간에 페이지 전체가 로딩된다. 몸뚱아리 전체가 바뀌는 것이다.
** 헤더와 풋터
그럼 왜 노프레임에서는 헤더와 풋터라는 것이 그리도 중요할까? 이건 모두 잘 먹고 잘 살자고 하는 차원에서 나왔다. 홈페이지를 만들고 운영할때 좀더 효율성을 기하자는 것이다. 당신에게 애인이 100명이 있다고 치자.(능력도 좋다.) 그래서 다음과 같이 연애편지를 쓴다고 치자.
갑순을 향한 갑돌의 진실한 사랑이 묻어나오지 않는가? (쿨럭;;;;) 이때 갑돌은 심각한 실존적 고민에 빠진다. 갑순, 을순, 병순, 정순, 무순....... 100명의 애인에게 일일이 편지를 써야한단 말인가? 연애편지를 쓰기위해 생업을 포기해야 할 판인 갑돌은 급기야 극도의 마음고생으로 인해 앓아 눕게 된다. 그러던중 잔머리에 능한 갑돌군, 묘수를 생각하게 되는데.....
그것은 바로 이렇게 편지를 두 부분으로 잘라 가지고 앞대가리만 바꿔서 풀로 붙이기로 한 것이다.
게다가 절친한 친구 승범이가 이 기똥찬 아이디어를 칭찬하며 자신의 애인인 효진이 한테도 한 통 보내 달라고 부탁을 하길래 다음 그림처럼 아랫부분도 조각을 내었다.
갑돌이는 자신의 머리에 너무나 감탄한 나머지 이것들에 이름을 붙이기로 마음 먹었다. 편지의 머리부분에 있는 애인들 이름 조각은 '헤더', 편지의 꼬리부분에 있는 보내는 사람 이름 조각은 '풋터', 그리고 내용부분을 '본문'이라고 정했다. 그리고나서 애인별로 '갑순헤더' '을순헤더' '병순헤더'......이라고 메모한 다음.... 잘 보관하고, 자신의 이름으로 된 풋터는 '갑돌풋터', 승범이의 이름으로 된 것은 '승범풋터' 라고 메모해 역시 잘 보관했다. 그러니까 인제 갑돌이는 연애편지를 한 번 보낼라치면 본문만 써가지고 원하는 헤더와 풋터를 붙여서 보내기만 하면 되는 거였다. 이 얼마나 간편한가!!!
그러면 여러분 중에 또 생각이 삐딱한 사람은 이렇게 비웃을 것이다.
"케케케...... 붙이면 그게 티가 나지~"
하하.....-_-;; 하나만 알고 둘은 모르시는군. 지금은 21세기다. 붙여도 전혀 티가 나지 않는, 현대과학기술의 결정체!!!! "인클루드 딱풀"이 출시가 된 것이다.
이 인클루드 딱풀은 노프레임 홈피를 만드는 데 있어 없어서는 안될 중요한 풀임을 명심해야 한다. 나중에 인클루드 딱풀에 대해 아~주 자세하게 설명할테니, 일단은 헤더와 풋터를 본문에 감쪽같이 붙일때 쓴다는 것만 이해하고 있으면 되겠다.
(다음 업데이트는 이번 주 주일밤에.......)
댓글 57
-
kissy
2003.03.30 16:55
어머나...귀에 쏙쏙 들어와요...ㅡㅡ;;;; -
김영기
2004.06.23 12:36
길라잡이 수천권 보다 홈피강의 수백편보다
이보다 더좋은 스승은 없다 -
김원태
2003.03.26 02:50
감사합니다~~넘 쉽네요 계속 부탁드려요~~초보라서~ -
리디
2003.03.26 08:08
아;; 감사....^-^
초보분들에게 많이 도움됐으면 합니다.
설명이 불충분하다고 생각되는 부분이 있다면 기탄없이 지적해주세요.
다음 강좌를 올릴 때 좋은 피드백이 됩니다. -
GPel
2003.03.26 09:38
인클루드 딱풀!!
아이디어 좋으시네요^^ 저는 죽어도 저렇게 설명 못한다는 ㅜ,ㅜ;
설명 잘 하시는 분들 보면.. 부럽다는^^
수고하세요..^^ -
황영호
2003.03.26 10:01
넘 잼있어여~~~^0^
쉬운설명과 멋진예제... 계속 좋은 글 부탁드립니다. -
violet
2003.03.26 14:34
오옷!!! 이렇게 쉽게 잘 설명 될 수가.. +_+ 너무나 감사 드립니다~~ ^_^
근데.. 죄송하지만.. 다음 편 조금만 빨리 올려주시면 아니 될까요???
제가 지금 홈피를 만들고 있는데.. 헤더와 푸드.. 제로보드에 적용시키는 방법이랑 이클루드에 대해서 확실하게 알고 싶어서요...
하루빨리 홈피를 업해야 하는데.. 지금 문제가 이만저만이 아니라서 처음부터 다시 시작하고 있거든요...
리디 님의 강좌를 토대로 차근차근 다시 한번 해 보려 하는데...
죄송하지만.. 조금만 빨리 다음편을 올려주시면 아니될까요??? 부탁드립니다.. ㅠ_ㅠ -
쏼라™
2003.03.26 16:43
컼커커... 왜일케 쉽게 설명해놨어요 ㅠ.ㅠ ~~ ^^; -
달이
2003.03.26 19:03
꺄아>.<
리디님 드디어 시작 하신거에요? ^^ -
리디
2003.03.26 22:28
violet //
-_-;;; 시간과 능력이 함께 달리는 형편이라 에고고..... -
곰팡이
2003.03.27 14:20
정말 이해하기 쉽네요!! >ㅅ<b -
스티치
2003.03.27 17:53
강좌 재미있네요^^ 인클루드 개념만 이해하는데 한달이 걸렸는데.. 진작에 올리시지..ㅡ.ㅡ -
eSquisse
2003.03.28 04:14
우오..니가 설명한다는게 이거구나...^^
멋지구리하구만~ -
TheMics
2003.03.30 21:13
정말 대단하십니다-_-)b -
정우현
2003.04.06 16:18
머..멋지다 -_-)=b 선생님 한번 해보세요 ........먼가 .......보입니다.
GTO -_-)/ -
김보람
2003.04.12 19:42
와; 저도 공부하려고 여기저기 돌아다녔지만, 이만큼 쉽게 잘된 강좌는 처음입니다;
힘내세요^-^ 잘보고 있어요~ -
신현주
2003.04.14 19:30
정말 넘 쉬워요....감사합니당....넘 잼나게 보게 되었어요....우연히 들어왔는데......
감사~ ^^* -
김건우
2003.04.16 23:19
헉. 귀찮게 로그인 하게 만드네요...
추천안하고는 못배기겠네요..
아는내용인데도 눈을 땔수가 없었으니. ..
쉽기도 하지만..
너무 재미있게 쓰셔서 시간가는줄 모르고 감상했습니다.
유머게시판에도 함 올려보심이... -
제임스
2003.04.20 02:57
강좌가 눈에 쏙쏙 들어오네요.... -
이제휘
2003.04.23 19:56
존경해요..ㅠ_ㅠ -
이명호
2003.04.24 22:06
감사/노프레임이그런거였내요.프레임있는문서와 다른게 얼핏보기에 한페이지짜리 프레임없는문서같던데 노프레임이라고 대단하게말들하던데......
아무튼제로보드를 접하게된게 불과일주일정도된 초보인데....이런훌륭한강좌를대하게된게너무기쁨니다.겨우겨우 설치를마치고 어찌적용해야할지막막한데 어둠속에 한줄기빛줄기처럼 여겨지네요.
고맙습니다. -
김란수
2003.05.14 00:35
이제야 이해가 조금씩 와요
그래도 계속 읽어야징^^ -
문철우
2003.05.18 21:45
이야.........설명 정말로...정말로 귀게 들어오게 잘 설명해주시네요..^^;; -
바다
2003.05.25 15:12
정말 재밌으면서도 설명 쉽게 하시네요...
부럽습니다...
앞으로도 좋은 강좌 계속 부탁드려요 (__) -
김창진
2003.06.06 14:43
정말 재미있고 쉽게 설명해 놓아네요 ^^
노프레임 홈페이지 만들려고 했는데~ 도움이 많이 될듯 싶네요 ~ -
장성현
2003.06.11 22:20
잼있어요 우와... -
박상훈
2003.06.13 13:54
이말밖엔 할말이 없군 !! 선생님!! -
이정재
2003.06.16 12:19
이탈리아전의 감동이 새삼 ㅡㅡ;; -
박문관
2003.06.19 08:00
참 잘 설명해 놓으셨네요.
감사 ^^ + 추천
제가 만드는 홈피에도 도움이 마니 되겠네요.
www.knowledgehall.com -
Reverse
2003.06.25 18:17
"""그러면 여러분 중에 또 생각이 삐딱한 사람은 이렇게 비웃을 것이다.
"케케케...... 붙이면 그게 티가 나지~"
하하.....-_-;; 하나만 알고 둘은 모르시는군. 지금은 21세기다. 붙여도 전혀 티가 나지 않는, 현대과학기술의 결정체!!!! "인클루드 딱풀"이 출시가 된 것이다.""""
코믹의 절정입니다....include 딱풀...캬캬캬 -
Beethoven
2003.06.30 19:04
너무 재밋어요~좋은 강좌 감사드려요^^ -
김선
2003.07.01 15:01
넘 재밌네요 >_< 이리저리 헤매면서 노프레임 만드느라 끙끙댔는데 ㅠ_ㅠ; 이거보고서 >ㅅ< 이해 넘넘 잘되고있다는~~ 고맙슴당 ㅠ_ㅠ 넘 좋은 강좌예욤 -
이경희
2003.07.10 23:14
우와.. 너무 재밌어요...
인클루드 딱풀에서 거의 뒤집어지는 줄 알았습니다..
제가 아이프레임으로 홈을 어떻게 해볼라고 안간힘을 쓰다가..
노프레임 없이는 안되겠다는 결론을 내고.. 여기저기 뒤져서 공부중인데..
바로 제가 찾던 거예요..
지금까지는 잘 소화하고 있는데..
담 껏도.. 잼나고 쉬울거 같은..
너무 기대되네요.. 정말 고맙습니다.. 복받으실 거예요.. 인클루드 딱풀... 아구구.. 배아프다.. ^^ -
혜원♡
2003.07.29 01:27
와씨~@!!@@ 설명 짱잘하셨어요..고생하셨네요~ -
asprien
2003.08.06 00:36
설명 넘 잼있게 잘하시네요~
원츄~~~~~~~~~~~~ -
김한슬
2003.08.27 17:37
와..이말밖에는;; -
Undine
2003.09.19 16:14
웃다가 의자에서 넘어졌;; 진짜 재밌게 설명해 주시네요>_< -
su hoi koo
2003.09.21 17:39
설명도 재밋고요.이해가 바로바로 갑니다 감사 합니다
헤어 풋더 -
MyPalm
2003.11.03 01:07
멋집니다.^^ 최고의 강좌가 아닌가하는... -
SAKU
2003.11.22 21:01
인클루드 딱풀에 올-인!!!♡ -
지만근
2003.12.28 22:57
100 점 짜리 강의였습니다. -
서대성
2004.01.07 10:37
팍팍 박혀서 머리가 뚫리겠네.. 좋은 강의였습니다. -
김정은
2004.01.07 14:28
고맙습니다. 도저히 페이지보고 몰랐는데 흠흠 -
skein
2004.01.13 16:41
너무 재밌게 강의를 잘 만드시는것 같아요. ㅠ.ㅠ
덕분에 여러가지 배우고 돌아갑니다. -
송재용
2004.02.07 13:09
너무너무 감사해요 준경스러워요..인클루드 닥풀 원츄~~~~~~~~~~~~캬!!! -
류민우
2004.02.22 09:59
헐.... 노프레임 절라 어려웠는뎅.... 괜히 헛고생한 듯한 이느낌... ㅠ.ㅜ 특히 인클루드.... 함수 배울라고 php까지 뒤적거렸다는.... 근데 표현이..... 딱풀!!! 너무 이해가 잘되는 이말...... 님은 소질이 있습니다.... 강좌의 새계로 나가 보심이... -
悲歌내리는街
2004.03.03 18:15
아주 오랫만에 엔지오에 들어와서 좋은 강좌 하나 보고 갑니다.
초보자들도 무리없이 이해할수 있도록 잘 해주셨네요.
긴장하지 않고 볼수 있는 재미있고 좋은 강좌 였습니다. 감사드립니다 ^^ -
달비꽃
2004.03.06 11:11
지금까지도 이해가 안갔던 헤더와 푸터의 설명을 이렇게 간단히 해주시다니..
새삼 존경스럽습니다!!! 감사드려요!! 추천한방@@ -
이동하
2004.04.08 14:21
재밌어용! '0';; -
Justlove
2004.07.29 00:45
햐~ 정말 재밌네요! 기똥찬 아이디어가 맘에 듭니다 ㅎㅎ
제목 | 글쓴이 | 날짜 |
---|---|---|
XE 업로드 먹통시 1.7.8 버전 - 추가로 질문포함. [1] | artsmi.myid.net | 2014.03.12 |
카운터위젯 - 오늘 가입한 회원수 전체 회원수 출력 [5] | 공수래 | 2009.11.01 |
쭘식 메뉴만들기 - 세로 슬라이드 메뉴 [11] | 쭘's | 2003.04.29 |
[html 초보용] 홈페이지 무작정 따라하기!② [3] | 깻잎사랑=_=v | 2003.04.14 |
[html 초보용] 홈페이지 무작정 따라하기!① [6] | 깻잎사랑=_=v | 2003.04.14 |
노프레임홈페이지 디비기 4 - 쌍벽 [36] | 리디 | 2003.04.08 |
노프레임홈페이지 디비기 3 - 경로 [42] | 리디 | 2003.03.31 |
쭘's식 홈페이지 만들기 No.2 - 예제 미리보기 포함 [14] | 쭘's | 2003.03.30 |
노프레임홈페이지 디비기 2 - 헤더와 풋터 [57] | 리디 | 2003.03.26 |
펼침 목록 메뉴 만들기! (나모) - 쭘's [8] | 쭘's | 2003.03.25 |
노프레임홈페이지 디비기 1 - 계층 [16] | 리디 | 2003.03.25 |
쭘's 식 쉽게 홈페이지 만들기 [15] | 쭘's | 2003.03.17 |
[나모] CSS 만들기 III | 쭘's | 2003.03.12 |
[나모] CSS 만들기 II | 쭘's | 2003.03.12 |
[나모] CSS 만들기 I | 쭘's | 2003.03.12 |
[나모] 책갈피 만들기 [5] | 쭘's | 2003.03.12 |
[HTML 초보자] 열거목록에 대한 스타일정의 두번째 | ZipShin | 2003.03.08 |
[HTML 초보자] 열거목록에 대한 스타일정의 첫번째 [1] | ZipShin | 2003.03.05 |
Select 박스의 글자색 다르게 하기 [2] | 깜보 | 2003.02.16 |
[특강] 마우스 커서를 아이콘으로 바꿀수있다. [11] | ZipShin | 2003.01.21 |