홈 강의 컨설팅 트레이닝 무료진단 무료책자 마케팅편지 마케팅정보공유 다이어리 서비스제휴 고객센터

마케팅 특별마케팅자료 다운로드마케팅자료 창업,경영 기획,카피 동기부여,성취 소스,유틸
프레임(2)
작성자 : 99 단국강토
등록날짜 : 2009.02.09 10:06
2,147
프레임 구조 - 2

[형식]

 a.
htm

b.htm

<frameset cols=30%,70%>
<frame name=left src=a.htm>
<frame name=main src=b.htm>
</frameset>

■ 3개의 문서가 필요하다. left부분에 들어갈 a.htm문서와 main부분에 들어갈 b.htm문서와 프레임셋 문서, 그리고 frameset 문서
■ 좌측 frame 를 20%로 하고 우측 frame 를 80%크기로 나누었습니다.

[소스]
frameset 문서 a.htm 문서 b.htm 문서
<html>
<head>
<title></title>
</head>
<frameset cols=30%,70%>
<frame src=a.htm>
<frame src=b.htm>
</frameset>
</html> 		<html>
<head>
<title>a</title>
</head>
<body>
a.htm   2개중 왼쪽부분
</body>
</html>
 <html>
<head>
<title>b</title>
</head>
<body>
b.htm   2개중 오른쪽부분
</body>
</html>

[설명]
여기도 역시 2개의 프레임으로 나누었으니 문서가 3개 필요하겠지요.
"구조 1" 에서 설명한 것과 같지만 다른점은 cols 로 나누었는데 좌측 frame 의 크기를 30% 로 하고 src 속성을 이용하여 a 문서를 불러 들였고 우측 frame 를 70% 크기로 하고 b 문서를 불러 들였습니다.

 프레임 구조 - 3

[형식]

 b.
htm

 a.htm

 c.htm

<frameset cols=20%,*>
<frame name=left src=b.htm>
<frameset rows=100,*>
<frame name=head src=a.htm>
<frame name=main src=c.htm>
</frameset>

■ 4개의 문서가 필요하다. left부분에 들어갈 b.htm문서와 head부분에 들어갈 a.htm문서와 main부분에 들어갈 c.htm문서, 그리고 frameset 문서
■ 좌측 frame 을 20%로 나누고 우측 frame 을 80%로 나누고 다시 위에 frame 을 100픽셀로 하고 아래쪽 frame 을 그 나머지로 크기를 나누었습니다.

[소스]
frameset 문서 a.htm 문서
<html>
<head>
<title></title>
</head>
<frameset cols=20%,*>
<frame name=left src=b.htm>
<frameset rows=100,*>
<frame name=head src=a.htm>
<frame name=main src=c.htm>
</frameset></frameset>
</html> 		<html>
<head>
<title>a</title>
</head>
<body>
a.htm   3개중 위에부분
</body>
</html>
b.htm 문서 c.htm 문서
<html>
<head>
<title>b</title>
</head>
<body>
b.htm   3개중 왼쪽부분
</body>
</html>
 <html>
<head>
<title>c</title>
</head>
<body>
c.htm   3개중 아래부분
</body>
</html>

[설명]
여기는 3개의 프레임으로 나누었으니 문서가 4개 필요하겠지요.
먼저 좌측과 우측 frame 으로 나누었고 각각의 src 속성을 이용하여 문서를 불러 들였고, 우측 frame 를 다시 위 아래로 나누었으므로 frameset 를 한번 더 써주었습니다.

 프레임 구조 - 4


[형식]

 a.htm

 b.
htm

 c.htm

 <frameset rows=100,*>
<frame name=head src=a.htm>
<frameset cols=20%,80%>
<frame name=left src=b.htm>
<frame name=main src=c.htm>
</frameset>

■ 4개의 문서가 필요하다. head부분에 들어갈 a.htm문서와 left부분에 들어갈 b.htm문서와 main부분에 들어갈 c.htm문서, 그리고 frameset 문서
■ 위쪽 frame 를 100픽셀 크기로 하고 아래쪽 그 나머지로 나누고, 아래쪽을 다시 좌측 20%와 우측80%로 나누었습니다.

[소스]
frameset 문서 a.htm 문서
<html>
<head>
<title></title>
</head>
<frameset rows=20%,*>
<frame name=head src=a.htm>
<frameset cols=100,*>
<frame name=left src=b.htm>
<frame name=main src=c.htm>
</frameset></frameset>
</html> 		<html>
<head>
<title>a</title>
</head>
<body>
a.htm   3개중 위에부분
</body>
</html>
b.htm 문서 c.htm 문서
<html>
<head>
<title>b</title>
</head>
<body>
b.htm   3개중 왼쪽부분
</body>
</html>
 <html>
<head>
<title>c</title>
</head>
<body>
c.htm   3개의 문서중 아래부분
</body>
</html>

[설명]
내용은 "구조 3" 과 동일하고 다른점은 먼저 위,아래로 나누고 나서 아래 부분을 좌우로 나누었다는 것만 다릅니다. 

[출처] 빛남이

"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기,
각종 광고, 영업, 판매, 제안서, 전단지
반응율 3배×10배 이상 높이는 마법의 8단계 공식"
☞​자세히보기

Comments

로그인한 회원만 댓글 등록이 가능합니다.
번호 제목 글쓴이 날짜 조회
열람중 프레임(2) 99 단국강토 02.09 2148
284 form tag-form (1) 99 단국강토 02.09 1991
283 form(2) 99 단국강토 02.09 1803
282 form-(4) 99 단국강토 02.09 2269
281 아름다운글 올리는 방법 5 마퀴 태그 99 단국강토 02.09 2302
280 이미지의 태그 처리 99 단국강토 02.09 2253
279 글쓰기/FIELDSET source 99 단국강토 02.09 2531
278 블로그 영상시, 나도 만들어 볼까? 99 단국강토 02.09 2292
277 동적 테이블 생성 DHTML 99 단국강토 02.09 2987
276 table,tr,td 의 innerHTML 속성으로 좀 가꾸놀기 99 단국강토 02.09 3925
275 [html] Form - 라디오버튼에서 value값 넘기기 99 단국강토 02.05 14697
274 텍스트 및 이미지의 불법 유출을 막는 방법 99 단국강토 02.05 2513
273 아이프레임(iframe) 태그 99 단국강토 02.05 2859
272 input type=' button 을 image'로 변경하는 방법 99 단국강토 02.05 2613
271 하이퍼링크 99 단국강토 02.05 2072
270 태그를 배울려면 이런것들을 알아야 99 단국강토 02.05 2686
269 태그 총 정리(태그 사전) 99 단국강토 02.05 2666
268 그림*음악*표 태그하는 방법 99 단국강토 02.05 2364
267 HTML 상태코드 99 단국강토 02.05 2359
266 테이블에 셀롤오버와 링크걸기 99 단국강토 02.05 2491
265 한줄짜리 웹소스 99 단국강토 02.05 2202
264 [테이블] 점선 테이블 만들기 99 단국강토 02.05 2944
263 테이블 프레임,, 겉부분만 나오게 하기 99 단국강토 02.05 2315
262 스크롤바 쓰지 않고 같은페이지서 원하는 위치로 이동 99 단국강토 02.05 2328
261 html - 테이블에 점선 넣기, 테이블 점선만들기 99 단국강토 02.05 4835
260 아이프레임 삽입하기 99 단국강토 02.04 2274
259 이쁜 돋움체 만들기!! 99 단국강토 02.04 2375
258 테이블(표) 디자인 - HTML과 CSS를 이용한 99 단국강토 02.04 2368
257 [html] frame, frameset, iframe 태그 정리 99 단국강토 02.04 2849
256 홈페이지 프레임 가운데 정렬 99 단국강토 02.04 3208
마케팅
특별 마케팅자료
다운로드 마케팅자료
+ 마케팅 더보기
+ 특별 마케팅자료 더보기
+ 다운로드 마케팅자료 더보기
창업,경영
기획,카피,상품전략
동기부여,성취
+ 창업,경영 더보기
+ 기획,카피,상품전략 더보기
+ 동기부여,성취 더보기