웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
노프레임홈페이지 디비기 4 - 쌍벽
2003.04.08 02:10
하루 늦었습니다. -_-;;;;; 지난 주말에 강릉에 해돋이 구경하러 가는 바람에 그만.....(쿨럭;;;;)
요즘 의욕 -100% 랍니다. 쩝;;; 한 달에 한 번씩 그러려니 하는데, 이거...참..... 강좌의 함량이 떨어질까봐
나름대로 걱정이네요. 여러분의 많은 '빠샤빠샤' 바랍니다. ^-^;;;;
======================================================================================
미남계의 쌍벽을 이루는 것이 안정환과 김재원이라면, 홈피에서 쌍벽을 이루는 주인공은 바로 메인화면(main.html)과 제로보드(zboard.php)다. 깊이 생각할 것없다. 그냥 믿어라. 홈피의 쌍벽을 이루고 있는 것은 메인화면(main.html)과 제로보드(zboard.php) 이 두 개의 파일이다. 이 두 파일은, 강좌를 숙독한 분들이라면 이미 눈에 익었을 법한 아래 그림처럼 같은 계층에서 각자의 삶을 살아가고 있다.
![noframe28_1.gif](/files/attach/images/19360727/200/365/019/2f8fd96fa36aa1343e7c8c4efc0c2428.gif)
위의 그림을 좀더 그럴싸하게 단순화시켜보면 아래와 같다. 어떻게 보면 윗 그림을 오른쪽으로 90도 회전시킨 것일 수도 있겠군...
![noframe29.gif](/files/attach/images/19360727/200/365/019/e1181d611f506f8b6e5f990c24bbc1ec.gif)
지난 시간에 '절대경로 아가씨'의 안내에 따라 http://reedyfox.com 상영관에 들어가는 부분까지 살펴봤었다. 이제 상영관 안의 좌석에 앉은 다음 무슨 일이 벌어지는지 보도록 하자. 첫번 째 시간에 대문이 있는 홈피와 대문이 없는 홈피의 차이를 설명한 적이 있다. 생각안나면 얼릉 가서 다시 함 보고 와라. 기다리고 있을게.
보고 왔나? 그래. 계속하자. 지금까지 '영화를 상영한다'라고 이야기했는데, 이걸 말을 좀 바꿔서 연극을 공연하는 걸로 하자. 불만 없을 줄로 안다. -_-;; 상영관에 관객이 들어오면 극장에서는 무대 뒤의 분장실에 있는 사회자에게 관객이 들어왔음을 알린다. 이 사회자가 바로 index.html이다.
![noframe31.gif](/files/attach/images/19360727/200/365/019/38be48fbbadac078ebbed87650054d6f.gif)
대문이 있는 홈피라면 이 사회자(index.html)가 무대로 나가서 "찾아주신 여러분께 감사드립니다. 지금부터 지상최대의 쇼! http://reedyfox.com 을 보여드리겠습니다!!!!" 하며 '온갖 후까시'를 남발할 것이다.
<후까시의 예 - 딴지일보>
![noframe30.gif](/files/attach/images/19360727/200/365/019/298dcf55c2d473906d32704b5ab4a792.gif)
만약 대문이 없는 홈피라면 일전에 살펴본 소스를 통해 사회자(index.html)는 자기는 무대로 나가지도 않고 바로 주요 출연자인 메인화면(main.html)에게 책임을 떠넘길 것이다.
![noframe32.gif](/files/attach/images/19360727/200/365/019/8f22913cd6ef38b645f14537a651d5c3.gif)
사회자(index.html)의 지시를 받은 메인화면(main.html)은 먼저 분장에 들어간다. 메인화면의 분장은 별로 복잡하지가 않다. 기특한 넘이라고 소개한 바 있는 PHP의 도움을 받아 인클루드된 헤더와 풋터의 경로를 확인하고....
![noframe33.gif](/files/attach/images/19360727/200/365/019/b56a2d25f7a5523153b68a5c6b55647e.gif)
.....그 경로에서 헤더와 풋터를 찾아 감쪽같이 붙인 다음......
![noframe34.gif](/files/attach/images/19360727/200/365/019/36a5319388d648d131988b7b4a23e7b8.gif)
.....무대로 나간다.
![noframe35.gif](/files/attach/images/19360727/200/365/019/07624ecdfbf25f93d71f96efe537447b.gif)
만약 관객이 제로보드(zboard.php)를 보고 싶어하면 메인화면(main.html)은 무대에서 내려와 헤더와 풋터를 떼어내 제자리에 두고 제로보드(zboard.php)한테 그 사실을 알린다.
![noframe36.gif](/files/attach/images/19360727/200/365/019/3875aae6a195fd3baedff06e3c74d704.gif)
제로보드(zboard.php) 역시 자신이 인클루드 해야할 헤더와 풋터를 확인/인클루드 한 후 무대로 나간다. 이런식으로 메인화면과 제로보드, 두 연기자가 번갈아가며 홈피를 접속자에게 보여주는 것이다.
이상으로 홈피의 쌍벽, '메인화면'과 '제로보드'에 의해 대충 홈피가 돌아가는 모양을 살펴보았다. 다음 시간에는 두 연기자 중 '제로보드'의 애환에 대해 좀더 알아보기로 하자.
요즘 의욕 -100% 랍니다. 쩝;;; 한 달에 한 번씩 그러려니 하는데, 이거...참..... 강좌의 함량이 떨어질까봐
나름대로 걱정이네요. 여러분의 많은 '빠샤빠샤' 바랍니다. ^-^;;;;
======================================================================================
미남계의 쌍벽을 이루는 것이 안정환과 김재원이라면, 홈피에서 쌍벽을 이루는 주인공은 바로 메인화면(main.html)과 제로보드(zboard.php)다. 깊이 생각할 것없다. 그냥 믿어라. 홈피의 쌍벽을 이루고 있는 것은 메인화면(main.html)과 제로보드(zboard.php) 이 두 개의 파일이다. 이 두 파일은, 강좌를 숙독한 분들이라면 이미 눈에 익었을 법한 아래 그림처럼 같은 계층에서 각자의 삶을 살아가고 있다.
![noframe28_1.gif](/files/attach/images/19360727/200/365/019/2f8fd96fa36aa1343e7c8c4efc0c2428.gif)
위의 그림을 좀더 그럴싸하게 단순화시켜보면 아래와 같다. 어떻게 보면 윗 그림을 오른쪽으로 90도 회전시킨 것일 수도 있겠군...
![noframe29.gif](/files/attach/images/19360727/200/365/019/e1181d611f506f8b6e5f990c24bbc1ec.gif)
지난 시간에 '절대경로 아가씨'의 안내에 따라 http://reedyfox.com 상영관에 들어가는 부분까지 살펴봤었다. 이제 상영관 안의 좌석에 앉은 다음 무슨 일이 벌어지는지 보도록 하자. 첫번 째 시간에 대문이 있는 홈피와 대문이 없는 홈피의 차이를 설명한 적이 있다. 생각안나면 얼릉 가서 다시 함 보고 와라. 기다리고 있을게.
보고 왔나? 그래. 계속하자. 지금까지 '영화를 상영한다'라고 이야기했는데, 이걸 말을 좀 바꿔서 연극을 공연하는 걸로 하자. 불만 없을 줄로 안다. -_-;; 상영관에 관객이 들어오면 극장에서는 무대 뒤의 분장실에 있는 사회자에게 관객이 들어왔음을 알린다. 이 사회자가 바로 index.html이다.
![noframe31.gif](/files/attach/images/19360727/200/365/019/38be48fbbadac078ebbed87650054d6f.gif)
대문이 있는 홈피라면 이 사회자(index.html)가 무대로 나가서 "찾아주신 여러분께 감사드립니다. 지금부터 지상최대의 쇼! http://reedyfox.com 을 보여드리겠습니다!!!!" 하며 '온갖 후까시'를 남발할 것이다.
<후까시의 예 - 딴지일보>
![noframe30.gif](/files/attach/images/19360727/200/365/019/298dcf55c2d473906d32704b5ab4a792.gif)
만약 대문이 없는 홈피라면 일전에 살펴본 소스를 통해 사회자(index.html)는 자기는 무대로 나가지도 않고 바로 주요 출연자인 메인화면(main.html)에게 책임을 떠넘길 것이다.
![noframe32.gif](/files/attach/images/19360727/200/365/019/8f22913cd6ef38b645f14537a651d5c3.gif)
사회자(index.html)의 지시를 받은 메인화면(main.html)은 먼저 분장에 들어간다. 메인화면의 분장은 별로 복잡하지가 않다. 기특한 넘이라고 소개한 바 있는 PHP의 도움을 받아 인클루드된 헤더와 풋터의 경로를 확인하고....
![noframe33.gif](/files/attach/images/19360727/200/365/019/b56a2d25f7a5523153b68a5c6b55647e.gif)
.....그 경로에서 헤더와 풋터를 찾아 감쪽같이 붙인 다음......
![noframe34.gif](/files/attach/images/19360727/200/365/019/36a5319388d648d131988b7b4a23e7b8.gif)
.....무대로 나간다.
![noframe35.gif](/files/attach/images/19360727/200/365/019/07624ecdfbf25f93d71f96efe537447b.gif)
만약 관객이 제로보드(zboard.php)를 보고 싶어하면 메인화면(main.html)은 무대에서 내려와 헤더와 풋터를 떼어내 제자리에 두고 제로보드(zboard.php)한테 그 사실을 알린다.
![noframe36.gif](/files/attach/images/19360727/200/365/019/3875aae6a195fd3baedff06e3c74d704.gif)
제로보드(zboard.php) 역시 자신이 인클루드 해야할 헤더와 풋터를 확인/인클루드 한 후 무대로 나간다. 이런식으로 메인화면과 제로보드, 두 연기자가 번갈아가며 홈피를 접속자에게 보여주는 것이다.
이상으로 홈피의 쌍벽, '메인화면'과 '제로보드'에 의해 대충 홈피가 돌아가는 모양을 살펴보았다. 다음 시간에는 두 연기자 중 '제로보드'의 애환에 대해 좀더 알아보기로 하자.
댓글 36
제목 | 글쓴이 | 날짜 |
---|---|---|
[나모] 책갈피 만들기
[5]
![]() | 쭘's | 2003.03.12 |
[나모] CSS 만들기 I
![]() | 쭘's | 2003.03.12 |
[나모] CSS 만들기 II
![]() | 쭘's | 2003.03.12 |
[나모] CSS 만들기 III
![]() | 쭘's | 2003.03.12 |
[HTML 초보자] 열거목록에 대한 스타일정의 네번째 마지막 | ZipShin | 2003.03.17 |
캐시 사용하지 않기 [5] | FriZeX*-_-* | 2003.03.17 |
쭘's 식 쉽게 홈페이지 만들기
[15]
![]() | 쭘's | 2003.03.17 |
HTML의 정의 [8] | 이태운 | 2003.03.23 |
노프레임홈페이지 디비기 1 - 계층
[16]
![]() | 리디 | 2003.03.25 |
펼침 목록 메뉴 만들기! (나모) - 쭘's
[8]
![]() | 쭘's | 2003.03.25 |
노프레임홈페이지 디비기 2 - 헤더와 풋터
[57]
![]() | 리디 | 2003.03.26 |
쭘's식 홈페이지 만들기 No.2 - 예제 미리보기 포함
[14]
![]() | 쭘's | 2003.03.30 |
노프레임홈페이지 디비기 3 - 경로
[42]
![]() | 리디 | 2003.03.31 |
홈페이지의 위아래를 바꾸어 보자! [10] | 세죠위그이 | 2003.04.01 |
HTML 기본 구성 ( HTML 왕초보만 보세혀.. ) [7] | kkaza™ | 2003.04.05 |
노프레임홈페이지 디비기 4 - 쌍벽
[36]
![]() | 리디 | 2003.04.08 |
스스로 사라지는 웹페이지 만들기 [3] | 최재철 | 2003.04.08 |
테이블에 dot 효과를 주자~~~~~~~~~~~~~~~~~~~~ [5] | 조일현 | 2003.04.08 |
self.close 묻지 않고 닫기 [6] | REAL | 2003.04.09 |
[re] 링크 클릭시 사운드 효과 [헤헤~ 더 간단하게] [5] | RedEye | 2003.04.13 |