[펌 강의] 19. 프레임(Frame) 나누기 (I)
페이지 정보
써니관련링크
본문
size="2">19. 프레임(Frame) 나누기 (I) 지난 호 까지 프레임 Tag에 대한
그러면 우선 html 파일을 두 개 만듭니다.
|
1)
<html> 2)
<html> |
우선 화면을 좌우 두 개의 화면으로
나누어 보겠습니다.
<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 파일이 필요합니다.
대부분 프레임을 이용해서
메뉴를 구성하게 됩니다. 만약 왼편에 메뉴를 구성한다면 왼쪽에 나타나는
프레임이 오른쪽에 나타나는 프레임보다 작아야겠죠? 그럼 다음과 같이
해볼까요?
<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"를
삽입하면 됩니다. 모두 이전 강좌에 있는 내용입니다.
아래에 있는 것은 메뉴를
구성한 하나의 예입니다. 참조하세요^^
<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/링크모음