* 욕설, 비방, 광고, 도배질 글은 임의로 삭제됩니다.

[펌 강의] 19. 프레임(Frame) 나누기 (I)

페이지 정보

써니

본문

size="2">19. 프레임(Frame) 나누기 (I)


지난 호 까지 프레임 Tag에 대한
설명을 드렸습니다. 오늘은 간단히 프레임을 두 개로 나누는 것을 예제로
다뤄보겠습니다.


그러면 우선 html 파일을 두 개 만듭니다.
아래의 예와 같이 첫번째 것은 빨간색 배경에 내용이 "첫번째 프레임
페이지입니다."가 나타나게 하고 두번째 파일은 파란색 배경에
"두번째 프레임 페이지입니다."가 나타나도록 하겠습니다.
그리고 각각 파일이름을 red.htm과 blue.htm으로 저장해 봅시다.

 

bordercolorlight="black">

1)
red.htm


<html>

<head>

    <title> 프레임 페이지
하나. </title>

</head>

<body bgcolor="red">

    첫번째 프레임 페이지 입니다.

</body>

</html>


2)
blue.htm


<html>

<head>

    <title> 프레임 페이지
하나. </title>

</head>

<body bgcolor="blue">

    두번째 프레임 페이지 입니다.

</body>

</html>


우선 화면을 좌우 두 개의 화면으로
나누어 보겠습니다.

 

bordercolorlight="black">
<html> <head>     <title> 프레임 페이지</title> </head> <frameset cols="*,*" size="2">>     <frame src="red.htm">     <frame src="blue.htm"> </frameset> <body> </body> </html> * 소스를 카피해서 html 파일을 만들어서 실행해 보세요. * 브라우저를 수직으로 정확하게 반으로 쪼갰습니다. * 화면을 위와 아래로 나누려면 cols 대신 rows를 사용하면 됩니다. * 여러 개의 화면으로 쪼개려면 cols="*,*, ... ,*"와 같이 사용하세요. * 화면을 쪼갠 만큼 html 파일이 필요합니다.

대부분 프레임을 이용해서
메뉴를 구성하게 됩니다. 만약 왼편에 메뉴를 구성한다면 왼쪽에 나타나는
프레임이 오른쪽에 나타나는 프레임보다 작아야겠죠? 그럼 다음과 같이
해볼까요?

 

bordercolorlight="black">
<html> <head>     <title> 프레임 페이지</title> </head> <frameset cols="150,*" size="2">>     <frame src="red.htm">     <frame src="blue.htm"> </frameset> <body> </body> </html> * 왼쪽 프레임을 150 픽셀로 고정시켰습니다. * 오른쪽 프레임은 브라우저의 크기에 따라 그 크기가 변합니다. * 오른쪽에 메뉴를 주고 싶으면 cols="*,150"과 같이 사용하면 됩니다. * 메뉴를 브라우저 상단에 두고 싶으면 rows="50,*" 과 같이 합니다. * </frameset> Tag는 생략해도 무방합니다.

여기에 프레임에 대한
1회 강좌와 2회 강좌에서 사용한 옵션을 주면 됩니다. 위의 예는 프레임의
크기를 마우스로 조절할 수 있습니다. 그것이 싫으면 <frame>
tag에 noresize 옵션을 주면 됩니다. 그리고 프레임 경계를 보이지 않게
하려면 <frameset> tag에 frameborder="no" 옵션을
주면 됩니다. 그리고 프레임 안에 있는 html 내용이 길어서 scroll이
가능하게 하거나 혹은 scroll이 불가능하게 하려면 스크롤 기능을 나타내거나
없애고 싶은 frame의 frame tag에 scrolling="yes or no"를
삽입하면 됩니다. 모두 이전 강좌에 있는 내용입니다.


아래에 있는 것은 메뉴를
구성한 하나의 예입니다. 참조하세요^^

 

bordercolorlight="black">
<html> <head>     <title> 프레임 페이지</title> </head> <frameset cols="170, 80%" border="0" frameborder="no">     <frame src="menu.htm" noresize scrolling="yes" marginwidth="4" marginheight="4" target="main">     <frame src="main.htm" name="main" noresize scrolling="yes" marginwidth="10" marginheight="14"> </frameset> <body> </body> </html>

위의 예제는 menu.htm과
main.htm 파일이 없으면 404 NOT FOUND 에러가 날겁니다. 다음 강좌에서는
프레임에 대한 더 상세한 내용을 다루어 보도록 하죠!


작성일2005-02-22 16:44

온라인카지노님의 댓글

온라인카지노
안녕하세요. 다양한정보 감사합니다. 온라인카지노 먹튀검증 보증업체 추천 온라인구조대 입니다. //
http://timespototo.com/토토보증놀이터
http://online-safer.com/카지노사이트
http://jusobada.com/링크모음
컴퓨터/인터넷 목록
번호 제목 글쓴이 날짜 조회
113 [펌 강의] 부록 - MARQUEE Tag 이용하기 댓글[1] 인기글 써니 2005-03-04 8036
112 [펌 강의] 부록 - 홈페이지에 음악 넣기 댓글[1] 인기글 써니 2005-03-04 6947
111 [펌 강의] 색살 표 (Color Chart) 댓글[1] 인기글 써니 2005-03-04 6562
110 [펌 강의] 30.Form 예제 (설문양식) 댓글[1] 인기글 써니 2005-03-04 6659
109 정크메일 과 광고전화 막는법 아시는분 도와주세요.. 댓글[1] 인기글 정크 2005-03-02 6919
108 동영상 퍼오는방법 아시는분 ..좀 알켜주세요 댓글[4] 인기글 진실 2005-03-01 6738
107 [펌 강의] 29. 선택목록(List Box or Drop Down Li 댓글[1] 인기글 써니 2005-02-28 6984
106 [펌 강의] 28.텍스트 영역(Text Area) 인기글 써니 2005-02-28 19948
105 [펌 강의] 27.Input Type Form (II) - Check B 댓글[1] 인기글 써니 2005-02-28 8386
104 [펌 강의] 26. Input Type Form (I) - 텍스트, 암호 댓글[15] 인기글 써니 2005-02-28 18478
103 [펌 강의] 25. Form에 대한 개요 인기글 써니 2005-02-28 23012
102 윈도우가 안꺼져요ㅠㅠㅠ 댓글[1] 인기글 경아 2005-02-27 7147
101 답변글 윈도우가 안꺼져요ㅠㅠㅠ 댓글[1] 인기글 써니 2005-02-27 6901
100 써니님, brian님 너무 감사하구요 하나더 여쭤볼께요. 인기글 제키챤 2005-02-24 9016
99 답변글 써니님, brian님 너무 감사하구요 하나더 여쭤볼께요. 댓글[1] 인기글 써니 2005-02-25 6700
98 [펌 강의] 23.프레임(Frame) 나누기 예제(III) 댓글[2] 인기글 써니 2005-02-24 14921
97 [펌 강의]22. 프레임(Frame) 나누기 예제(II) 댓글[1] 인기글 써니 2005-02-24 12531
96 [펌 강의] 21. 프레임(Frame) 나누기 예제(I) 댓글[1] 인기글 써니 2005-02-24 7093
95 [펌 강의] 20. 프레임(Frame) 나누기 (II) 인기글 써니 2005-02-24 6910
94 컴이 말썽을 부릴땐 망치로 한대...... (SOS !) 댓글[1] 인기글 선달 2005-02-23 8148
93 답변글 컴이 말썽을 부릴땐 망치로 한대...... (SOS !) 댓글[1] 인기글 써니 2005-02-23 7764
92 답변글 대단 합니다 써니님...... !! 댓글[1] 인기글 선달 2005-02-24 7668
91 sim 에 문제가 있어 프로그램을 종료해야 한다는데......??? 댓글[1] 인기글 So.Cal. 2005-02-23 7166
열람중 [펌 강의] 19. 프레임(Frame) 나누기 (I) 댓글[1] 인기글 써니 2005-02-22 8291
89 [펌 강의] 18. 프레임(Frame) tag 댓글[1] 인기글 써니 2005-02-22 7854
88 [펌 강의] 17. 프레임(Frame)이란 무엇일까? 인기글 써니 2005-02-22 9650
87 [펌 강의] 16. Table을 이용한 이력서 만들기 인기글 써니 2005-02-22 18789
86 [펌 강의] 15. Table 예제 몇 개 댓글[1] 인기글 써니 2005-02-22 6843
85 디지탈 카메라에 대해 댓글[1] 인기글 당췌모름 2005-02-21 8250
84 포맷변환에대해 댓글[1] 인기글 막무가네 2005-02-21 7465
게시물 검색
* 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.