웹마스터 팁

** 대문

noframe04.gif

  위 사이트 처럼 자동연결된 index.html에서 뭔가를 클릭해야 본격적인 곳으로 이동하는 곳이 '대문있는' 홈페이지다. 여러분이 대문을 통해서 메인페이지로 들어가려 한다면 index.html에 다음과 같이 소스를 넣어주면 된다.

noframe05.gif

  결국 대문이 있다는 것은 index.html에서 접속자가 손수 클릭을 해줘야 main.html로 이동하는 것을 말하고, 대문이 없다는 것은 지난 시간에 소개했던 소스 등을 통해 자동으로 main.html로 이동하는 것을 뜻하는 것이다. 간단하지?




** 프레임과 노프레임
  마술사들이 늘씬한 미녀를 사정없이 3등분 5등분 하는 걸 본적이 있을 것이다. 나눠진 신체는 따로 떼내어서 분리할 수도 있고 조금 유머가 있는 마술사는 이 여자 저여자의 몸을 뒤섞기도 한다. 그게 바로 프레임 페이지다. 메뉴와 본문, 주메뉴와 서브메뉴가 전혀 별개로 나누어져 있고 각각 별개의 문서로 의미를 갖는다. 그래서 메뉴를 누르면 본문 내용만 샤샥~ 바뀌는 게 가능하다.

noframe08.gif

  어쨌든 이 강좌의 목적은 노프레임이므로 프레임은 이정도 해두자.
  노프레임은 그 반대로서, 페이지 자체가 하나의 몸뚱아리이다. 따라서 무얼 클릭하든간에 페이지 전체가 로딩된다. 몸뚱아리 전체가 바뀌는 것이다.

noframe07.gif




** 헤더와 풋터
  그럼 왜 노프레임에서는 헤더와 풋터라는 것이 그리도 중요할까? 이건 모두 잘 먹고 잘 살자고 하는 차원에서 나왔다. 홈페이지를 만들고 운영할때 좀더 효율성을 기하자는 것이다. 당신에게 애인이 100명이 있다고 치자.(능력도 좋다.) 그래서 다음과 같이 연애편지를 쓴다고 치자.

noframe09.gif

  갑순을 향한 갑돌의 진실한 사랑이 묻어나오지 않는가? (쿨럭;;;;) 이때 갑돌은 심각한 실존적 고민에 빠진다. 갑순, 을순, 병순, 정순, 무순....... 100명의 애인에게 일일이 편지를 써야한단 말인가? 연애편지를 쓰기위해 생업을 포기해야 할 판인 갑돌은 급기야 극도의 마음고생으로 인해 앓아 눕게 된다. 그러던중 잔머리에 능한 갑돌군, 묘수를 생각하게 되는데.....

noframe10.gif

  그것은 바로 이렇게 편지를 두 부분으로 잘라 가지고 앞대가리만 바꿔서 풀로 붙이기로 한 것이다.
  게다가 절친한 친구 승범이가 이 기똥찬 아이디어를 칭찬하며 자신의 애인인 효진이 한테도 한 통 보내 달라고 부탁을 하길래 다음 그림처럼 아랫부분도 조각을 내었다.

noframe11.gif

  갑돌이는 자신의 머리에 너무나 감탄한 나머지 이것들에 이름을 붙이기로 마음 먹었다. 편지의 머리부분에 있는 애인들 이름 조각은 '헤더', 편지의 꼬리부분에 있는 보내는 사람 이름 조각은 '풋터', 그리고 내용부분을 '본문'이라고 정했다. 그리고나서 애인별로 '갑순헤더' '을순헤더' '병순헤더'......이라고 메모한 다음.... 잘 보관하고, 자신의 이름으로 된 풋터는 '갑돌풋터', 승범이의 이름으로 된 것은 '승범풋터' 라고 메모해 역시 잘 보관했다. 그러니까 인제 갑돌이는 연애편지를 한 번 보낼라치면 본문만 써가지고 원하는 헤더와 풋터를 붙여서 보내기만 하면 되는 거였다. 이 얼마나 간편한가!!!

  그러면 여러분 중에 또 생각이 삐딱한 사람은 이렇게 비웃을 것이다.

  "케케케...... 붙이면 그게 티가 나지~"

  하하.....-_-;; 하나만 알고 둘은 모르시는군. 지금은 21세기다. 붙여도 전혀 티가 나지 않는, 현대과학기술의 결정체!!!! "인클루드 딱풀"이 출시가 된 것이다.

noframe12.gif

  이 인클루드 딱풀은 노프레임 홈피를 만드는 데 있어 없어서는 안될 중요한 풀임을 명심해야 한다. 나중에 인클루드 딱풀에 대해 아~주 자세하게 설명할테니, 일단은 헤더와 풋터를 본문에 감쪽같이 붙일때 쓴다는 것만 이해하고 있으면 되겠다.

noframe13.gif



(다음 업데이트는 이번 주 주일밤에.......)
제목 글쓴이 날짜
홈페이지에 국경일이면 태극기 다는법이에요~ ^^ [11] [1] file jaehee_91 2008.03.01
양력/음력DB 홈페이지에 사용하기 [2] 감뿌리 2008.03.29
플래시로 페이지에 랜덤 이미지 돌리기 [3] ☜ TeRy ☞ 2008.04.04
외부페이지에서 매개변수 사용하기 [2] JnCsoft 2008.04.07
404 에러 페이지를 만들어 보자 [2] hangoon 2008.04.11
각 페이지에 쓸 수 있는 변수명들 찾기 [6] lainfox 2008.04.29
홈페이지에 이미지블릿 대신 특수문자로 표현해 보기 file 팔공산 2008.04.29
rewrite mod 사용시 404 페이지 에러 해결 방법 이종준 2008.05.09
홈페이지에 닉네임 대신 실명으로 뜨게 만들기 [5] file findwind 2008.05.19
외부페이지 접근을 제로보드XE를 통해서만 접근을 허용 하고 싶다면 [9] 임기택924 2008.06.03
1.0.3버전 외부 페이지 쿼리 스트링 붙일때 주의 하세요. 그라미 2008.06.03
페이지 숫자에 네이버처럼 사각테두리 씌우기 [8] file 탑심 2008.06.15
페이지 작성이나 수정후 적용이 안돼서 고생하는 많은 분들을 위하여 [1] cyric 2008.06.17
아이프레임속 링크를 기존페이지에서 이동하기 [1] file 정다운804 2008.06.19
[팁]페이지별 댓글 출력 초간단 팁.. [4] 키티나 2008.07.04
한 페이지(화면)에 두개(2개)의 모듈(게시판 등)을 넣는 법 [6] 황건순 2008.08.25
밑에 페이지 네비게이션 수정 (다음10개, 이전10개등으로) [6] file Clanss 2008.08.29
각 리스트형 위젯에 페이지 기능을 달자. [10] 라르게덴 2008.09.02
[우클릭 및 드레그 방지법] 및 [방지된 홈페이지 해재법] >0< [7] 이홍석295 2008.09.03
동일서버내 페이지에서 로그인정보 활용하기... [4] 수로 2008.09.06