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

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

페이지 정보

써니

본문

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


앞 강좌 중에 메뉴를 구성한 예가
있었죠? 복습하는 의미에서 좀 더 자세히 설명해드릴께요.
 

bordercolorlight="black">

<html>

<head>
    <title>
프레임 페이지</title>
</head>
<frameset
cols="170, *" 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 파일이 필요합니다. 위의 소스는
프레임을 왼쪽 프레임을 170 픽셀로 고정해서 메뉴로 사용하고 왼쪽
프레임에 있는 하이퍼 링크를 클릭하면 오른쪽에 클릭한 내용이 나타나게
하는 프레임 소스입니다. 파일명을 index.htm으로 가정하겠습니다.


1. <frameset
cols="170, *" border="0" frameborder="no">



  • cols="170,
    *" - 왼쪽 프레임을 180 픽셀로 고정하고 오른쪽 프레임의
    내용이 브라우저의 170 픽셀을 제외한 나머지 부분에 디스플레이하겠다는
    뜻입니다.

  • border="0"
    - 프레임을 나누게 되면 나눈 위치에 프레임을 나눈 경계가 나타나는데
    그 두께를 0로 하겠다는 이야기죠^^*

  • frameborder="no"
    - 프레임을 나눈 위치에 프레임을 나눈 경계가 나타난다고 했는데,
    이것을 브라우저에 디스플레이하지 않겠다는 뜻입니다.


2. <frame src="menu.htm"
noresize scrolling="yes" marginwidth="4" marginheight="4" target="main">
size="2">


  • src="menu.htm"
    - src는 source의 약자입니다. html 소스를 뜻하죠. 프레임에 어떤
    파일이름의 html 파일을 디스플레이할 것인가를 말합니다. 위의
    경우는 index.htm 파일과 menu.htm 파일이 같은 디렉토리에 있기
    때문에 html 파일명만 적었습니다. 다른 디렉토리나 다른 url에
    있는 페이지도 불러올 수 있습니다.
    예를 들어, index.htm 파일이
    root 디렉토리에 있고 html 이라는 디렉토리를 만들어서 menu.htm을
    저장한다면 src="/html/menu.htm" 이라고 적어주면 됩니다.
    다른 url에 있는 html 파일을 불러오려면 절대경로를 사용하면 됩니다.

  • noresize
    - 프레임을 나누면 처음에는 왼쪽과 오른쪽을 나눈 크기가 원하는
    대로 나오지만 noresize를 생략하면 브라우저 상에서 그 크기를
    조절할 수 있습니다. 프레임의 크기를 조절할 수 없게 하는 옵션입니다.
    1.에서 설명한 것처럼 프레임 border를 0으로하고 경계를 숨겼다
    하더라도 위치는 조절할 수 있거든요.

  • scrolling="yes"
    메뉴나 내용이 한 페이지를 넘어갈 때 사용하면 스크롤 바가 생깁니다.
    스크롤 바를 나타내고 싶지 않으면 scrolling="no"로
    하면 됩니다.

  • marginwidth
    = "4" - 브라우저의 테두리 부분에서 프레임에 나타나는
    글자를 얼마만큼 간격을 둘 것인가를 말합니다. 하지만 익스플로어와
    넷스케이프는 서로 margin을 달리하므로 이 옵션의 크기를 크게
    할 경우에는 두 군데서 테스트를 해보는게 좋습니다. 전체 margin은
    브라우저의 기본 margin + 위에서 준 margin이 됩니다. 위의 예는
    그 간격을 4픽셀로 준 것입니다. 그러니까 전체 margin은 "브라우저의
    기본 margin + 4" 가 됩니다.

  • marginheight
    = "4" - marginwidth와 동일한 내용입니다.

  • target="main"
    - 프레임에 있는 하이퍼 링크를 클릭했을 경우 어떤 프레임에 그
    내용을 디스플레이할 것인가를 나타냅니다. 여기서는 name이 main인
    프레임에 그 내용을 디스플레이하겠다는 내용입니다.


3. <frame src="main.htm"
name="main" noresize scrolling="yes" marginwidth="10" marginheight="14">


  • 이것은 오른
    쪽에 나타날 내용에 대해 정의를 한 것인데요. 왼쪽과 다른 것이
    있다면 name을 준 것입니다.

  • name="main"
    - 오른쪽 프레임의 이름을 정의한 것입니다. 특히 웹 상에서 프로그래밍할
    경우 유용하게 사용됩니다.


다음 강좌에서는 프레임에
대한 예제를 좀 더 알아보도록 하겠습니다.


작성일2005-02-24 18:08

라이브카지노님의 댓글

라이브카지노
안녕하세요. 다양한정보 감사합니다. 스포츠토토 먹튀검증 타임스포츠토토 추천드립니다.https://timespototo.com/스포츠토토 https://online-safer.com/라이브카지노 https://jusobada.com/주소모음
컴퓨터/인터넷 목록
번호 제목 글쓴이 날짜 조회
213 [정보] ‘마이클 잭슨 자살미수‘ 메일 위장 트로이 목마 출현 인기글 써니 2005-06-10 5904
212 [정보] 불법복제 윈도우 가치, 단 1달러 인기글 써니 2005-06-10 6054
211 printer 문의드립니다. 댓글[1] 인기글 왕초보 2005-06-09 6120
210 [정보] 애플, 인텔 프로세서로 말을 갈아타다 댓글[1] 인기글 써니 2005-06-07 6250
209 화면이 다 깨져서 보입니다 댓글[1] 인기글 TargetOne 2005-06-06 6173
208 써니님! 도움을 부탁드립니다... 인기글 초보자 2005-06-05 6014
207 답변글 써니님! 도움을 부탁드립니다... 댓글[1] 인기글 써니 2005-06-06 6228
206 답변글 써니님! 도움을 부탁드립니다... 인기글 초보자 2005-06-08 6354
205 답변글 써니님! 도움을 부탁드립니다... 댓글[1] 인기글 써니 2005-06-09 6132
204 [정보] 웜에 트로이목마, 백도어까지-하이브리드 웜 등장 댓글[1] 인기글 써니 2005-06-05 6110
203 [정보] 프로세서 위조, 중국에서 성행 우려 인기글 써니 2005-06-05 6041
202 [정보] 애플, 아이팟 배터리 결함에 대해 보상 합의 인기글 써니 2005-06-05 6111
201 want to buy used projectors 댓글[6] 인기글 david kim 2005-05-31 6057
200 MS Word 한글 버젼에서 영문 메뉴 설정 방법 댓글[1] 인기글 영어 2005-05-30 6254
199 답변글 MS Word 한글 버젼에서 영문 메뉴 설정 방법 댓글[1] 인기글 써니 2005-05-31 10070
198 [정보] MS : 넷스케입 8이 IE 기능 무력화 댓글[1] 인기글 써니 2005-05-28 6250
197 [정보] 차세대 DVD 통합 협상 ‘없던 일’로 댓글[1] 인기글 써니 2005-05-28 6353
196 [정보] 넷스케입, 새버전 출시되자마자 보안 패치 공개 댓글[1] 인기글 써니 2005-05-28 6715
195 [정보] 애플, 인텔 프로세서 맥에 채택 고려중 댓글[1] 인기글 써니 2005-05-28 6621
194 모니터스크린 설정 댓글[2] 인기글 궁금이 2005-05-26 6196
193 답변글 모니터스크린 설정 댓글[1] 인기글 써니 2005-05-26 6611
192 살려주세요, 바이러스가 온몸에 퍼졌음 댓글[1] 인기글 초보자 2005-05-23 6708
191 답변글 살려주세요, 바이러스가 온몸에 퍼졌음 댓글[1] 인기글 kim 2005-05-24 6564
190 답변글 살려주세요, 바이러스가 온몸에 퍼졌음 댓글[1] 인기글 왕오리 2005-05-24 6173
189 답변글 살려주세요, 바이러스가 온몸에 퍼졌음 댓글[1] 인기글 crack up 2005-05-23 6391
188 한글윈도우 삽니다 댓글[1] 인기글 한글윈 2005-05-18 6562
187 윈XP PRO에 왜 한글이 지원이 안되나요?? 댓글[2] 인기글 아무새 2005-05-18 6139
186 답변글 한글윈님 보세요.. 댓글[1] 인기글 아무새 2005-05-19 6615
185 한글 워드 프로세서 어떻게 설치해요? 댓글[1] 인기글 ??? 2005-05-17 6167
184 한인무료컴퓨터교실이 있습니다. 댓글[1] 인기글 발레호한인교회 2005-05-16 6562
게시물 검색
* 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.