웹마스터 팁
page_full_width">
1 - 6. 프레임
2003.02.25 06:16
프레임은 웹 브라우저 화면을 여러 개로 나눈 단위를 의미한다. 인터넷상의 많은 홈 페이지에 접속해 보면 화묜이 여러 개로 분할되어 있는 것을 볼 수 있는데, 이러한 것 들이 프레임 기능을 이용하여 작성된 것이다. 프레임을 나눌 때에는 다음과 같은 형식을 이용하여 작성한다.
㈎ <FRAMESET ROWS="픽셀 수 또는 백분율"> : 화면의 위아래로 분할
㈏ <FRAMESET COLS="픽셀 수 또는 백분율"> : 화면의 좌우로 분할
프레임이 여러개로 나누어질 때에 다음과 같이 분할된 각 프레임의 이름을 정해 놓고지정된 문서가 NAME로 지정한 위치에 나타나게 해 준다.
㈐ <FRAME SRC="URL" NAME="프레임 이름">
다음은 위의 프레임을 구현한 예이다 구현된 프레임은 기본 프레임, 왼쪽 프레임, 오른쪽 프레임의 세 개의 파일로 구성된다.
<HTML>
<HEAD><TITLE> 프레임 나누기 </TITLE></HEAD>
<FRAMESET COLS=30%, 70%>
<FRAMESET SRC="frame-left.html" NAME="left-frame">
<FRAMESET SRC="frame-right.html" NAME="right-frame">
</FRAMESET>
</HTML>
↑ 기본 프레임
<HTML>
<HEAD><TITLE> 왼쪽 프레임 </TITLE></HEAD>
</HEAD>
<BODY>
<P> 왼쪽 프레임입니다.. <P>
</BODY>
</HTML>
↑ 왼쪽 프레임 : 파일명 frame-left.html
<HTML>
<HEAD><TITLE> 오른쪽 프레임 </TITLE></HEAD>
</HEAD>
<BODY>
<P> 오른쪽 프레임입니다.. <P>
</BODY>
</HTML>
↑ 오른쪽 프레임 : 파일명 frame-right.html
㈎ <FRAMESET ROWS="픽셀 수 또는 백분율"> : 화면의 위아래로 분할
㈏ <FRAMESET COLS="픽셀 수 또는 백분율"> : 화면의 좌우로 분할
프레임이 여러개로 나누어질 때에 다음과 같이 분할된 각 프레임의 이름을 정해 놓고지정된 문서가 NAME로 지정한 위치에 나타나게 해 준다.
㈐ <FRAME SRC="URL" NAME="프레임 이름">
다음은 위의 프레임을 구현한 예이다 구현된 프레임은 기본 프레임, 왼쪽 프레임, 오른쪽 프레임의 세 개의 파일로 구성된다.
<HTML>
<HEAD><TITLE> 프레임 나누기 </TITLE></HEAD>
<FRAMESET COLS=30%, 70%>
<FRAMESET SRC="frame-left.html" NAME="left-frame">
<FRAMESET SRC="frame-right.html" NAME="right-frame">
</FRAMESET>
</HTML>
↑ 기본 프레임
<HTML>
<HEAD><TITLE> 왼쪽 프레임 </TITLE></HEAD>
</HEAD>
<BODY>
<P> 왼쪽 프레임입니다.. <P>
</BODY>
</HTML>
↑ 왼쪽 프레임 : 파일명 frame-left.html
<HTML>
<HEAD><TITLE> 오른쪽 프레임 </TITLE></HEAD>
</HEAD>
<BODY>
<P> 오른쪽 프레임입니다.. <P>
</BODY>
</HTML>
↑ 오른쪽 프레임 : 파일명 frame-right.html
댓글 3
-
Vichara
2003.02.27 09:28
서명원츄 -_-)b -
wony
2003.02.27 20:35
거시기 서명을 보셧군요 -_-;; 지금은 mp24cast 라는 ㅋㅋ -
문예림
2003.03.15 21:27
서명의 졸라맨이 참 존경스럽군요 저 웨이브+_+;;
제목 | 글쓴이 | 날짜 |
---|---|---|
외부로그인을 어떻게 생성 하나요? [3] | 엄경선 | 2011.02.08 |
관리자가 회원목록에서 한번에 보이는 회원수 늘리고플때 | sejin7940 | 2011.02.10 |
"서버에 요청중입니다" 메세지(혹은 다른 메세지, DB접속실패 등) 바꾸기 | Cloverworld | 2011.02.08 |
[왕초보팁] 2차 메뉴를 레이아웃 스킨에 넣을 때 [2] | HolyJohn | 2011.01.21 |
게시판 관리자 표시하기...
[6]
![]() | 카르마 | 2011.02.05 |
XE 용량 효과적으로 줄이기 [13] | 코스트렐리아 | 2010.07.30 |
랜덤 이미지 롤링위젯스킨에서 컬러셋이 적용되지 않는분은 필독!
![]() | xemall | 2011.02.02 |
사이트 모니터링 알리미에요...^^
[3]
![]() | web | 2010.12.10 |
"서버에 요청중..." 메세지 없애기 [3] | SeoSeungHyun | 2011.01.11 |
레이아웃수정시 참고할 zbXe레이아웃스킨의 css와 layout 상관관계(1.0.0 기본스킨)
[21]
![]() | 갯가 | 2008.04.08 |
IE6부터 IE9까지 대응하기. [7] | 정찬명 | 2010.10.13 |
탈퇴회원 아이디 재사용 막는 법 [5] | 한꼬마 | 2011.01.18 |
XE 기본 서식 - 검정 바탕용 : p, div, br 없는 기본 서식입니다.
[5]
![]() | LutZ | 2010.07.01 |
홈페이지 브라우저 크기 고정시키기 | 코아 코스튬 | 2011.01.30 |
XE 속도 0.0001초라도 올리는 소소한 팁들 (추가) [5] | 소렌트. | 2010.11.16 |
좋은 PHP 강좌 사이트들 [1] | HolyJohn | 2010.12.29 |
?=down [4] | L-Goon | 2009.01.19 |
(게시물, 서명) 원하는 곳에 서명 출력하기
[10]
![]() | Simulz | 2007.10.08 |
'대표도메인'연결후 '로그인'이 안될때,,(먹통) | moonlight994 | 2011.01.24 |
회원확장정보 변수 (출처:sMaker) [5] | 시니시즘 | 2010.07.19 |