프레임(2) > 디자인,프로그램,유틸

마케팅

특별마케팅자료

다운로드마케팅자료

창업,경영

기획,카피

동기부여,성취

소스,유틸

프레임(2)

작성자 : 99 단국강토

등록날짜 : 2009.02.09 10:06

2,146

프레임 구조 - 2

[형식]

a. htm	b.htm

■ 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
b. htm	c.htm

■ 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

■ 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

로그인한 회원만 댓글 등록이 가능합니다.

번호	제목	글쓴이	날짜	조회
2985	Table 태그 (2)	99 단국강토	02.09	2240
2984	테이블 응용	99 단국강토	02.09	2351
2983	프레임 tag-프레임(1)	99 단국강토	02.09	2149
열람중	프레임(2)	99 단국강토	02.09	2147
2981	form tag-form (1)	99 단국강토	02.09	1991
2980	form(2)	99 단국강토	02.09	1802
2979	form-(4)	99 단국강토	02.09	2267
2978	아름다운글 올리는 방법 5 마퀴 태그	99 단국강토	02.09	2300
2977	이미지의 태그 처리	99 단국강토	02.09	2253
2976	글쓰기/FIELDSET source	99 단국강토	02.09	2531
2975	블로그 영상시, 나도 만들어 볼까?	99 단국강토	02.09	2291
2974	동적 테이블 생성 DHTML	99 단국강토	02.09	2986
2973	table,tr,td 의 innerHTML 속성으로 좀 가꾸놀기	99 단국강토	02.09	3923
2972	CSS를 활용한 INPUT FORM의 커스트마이징 기법	99 단국강토	02.09	2887
2971	테이블 테두리를 가늘게 하는 확실한 팁	99 단국강토	02.09	2270
2970	스타일시트를 적용시키는 3가지 방법	99 단국강토	02.09	2058
2969	cursor:hand 을 cursor:pointer 로 교체요 ^^	99 단국강토	02.09	2266
2968	ID attribute selector	99 단국강토	02.09	1496
2967	폼테그쓸때 테이블정렬이 잘안될때 쓰이는 css	99 단국강토	02.09	1602
2966	홈페이지 제작시 사용되는 CSS 정리	99 단국강토	02.09	1342
2965	부드럽게 펼쳐지는 콤보박스형 메뉴	99 단국강토	02.09	1673
2964	[CSS]스타일시트로 배경그림 고정시키기	99 단국강토	02.09	1676
2963	아이프레임 일부기능 대체할 수 있는 박스	99 단국강토	02.09	3230
2962	페이지 한개에서 모든것을 해결할 수 있는 탭메뉴 스크립트	99 단국강토	02.09	1406
2961	[CSS]글씨 크기-줄 간격 조절해서 보기 좋은 문서 만들기	99 단국강토	02.09	3308
2960	아이프레임 일부기능 대체할 수 있는 박스	99 단국강토	02.09	1308
2959	백그라운드 반복없이 한번만 넣기	99 단국강토	02.09	1861
2958	JAVASCRIPT + DOM 을 이용한 데이터 검색	99 단국강토	02.09	2785
2957	JAVASCRIPT + DOM 을 이용한 데이터 검색	99 단국강토	02.09	1961
2956	DOM 참조(JavaScript이용)	99 단국강토	02.09	1621

마케팅

특별 마케팅자료

다운로드 마케팅자료

+ 마케팅 더보기

+ 특별 마케팅자료 더보기

+ 다운로드 마케팅자료 더보기

창업,경영

기획,카피,상품전략

동기부여,성취

+ 창업,경영 더보기

+ 기획,카피,상품전략 더보기

+ 동기부여,성취 더보기