베스트 키워드 더보기
주간 월간 연간 누적
image_explain아이콘 (541) image_explain일러스트 (270) image_explain템플릿 (229) image_explain어린이 (125)
image_explain이벤트 (124) image_explain팝업 (115) image_explain패턴 (113) image_explain나무 (110)
image_explain아사달 (102) image_explain픽토그램 (60) image_explain학교 (53) image_explain사람 (52)
디자인몰 통합검색 전체 검색 정액숍 검색 무한숍 검색
검색 상세검색
이벤트
콘텐츠 개수 오늘어제이번달지난달누적
 · 전체: 0 · 디자인시안: 0 · 플래시: 0
 · 일러스트: 0 · 페인터: 0 · 편집사진: 0
 · 단독사진: 0 · PPT: 0 · 사운드: 0
 · CD: 0 · 정액숍: 0 · 모델: 0
HTML 소개
텍스트
링크
이미지
테이블
인클루드
프레임
폼(FORM)
이미지 자르기
색상코드표
프레임의 기본구성 프레임 크기 다중 프레임 프레임 테두리 프레임 속성 프레임 타깃 지정
아이프레임(IFRAME)
  
(1) 프레임의 크기 고정시키기

지금까지 예제로 만들어 본 프레임의 테두리 부분 위에 마우스를 대고 드래그(drag)해 보십시오.
사용자 마음대로 크기를 조정할 수 있다는 것을 아실 수 있을겁니다. 만약, 정확한 크기에 맞춰 프레임을 제작했을 경우 사용자들이
임의대로 프레임의 크기를 조절할 수 있다면 전체적인 디자인이 망쳐질 수 있습니다.
그렇기 때문에 "noresize"라는 태그를 사용하여 프레임의 크기를 사용자들이 조절할 수 없도록 고정시켜 놓아야 합니다.

<html> <head> <title>프레임의 크기 고정시키기</title> </head> <frameset cols="*,*"> <frame src="파일 이름" name="프레임 이름" noresize> <frameset rows="*,*"> <frame src="파일 이름" name="프레임 이름" noresize> <frame src="파일 이름" name="프레임 이름"> </frameset> </html>

고정시키고자 하는 프레임 옆에 "noresize"라고 붙여주기만 하면 됩니다.

(2) 프레임의 여백 조절하기

프레임을 나누고 나면 테두리와 내용 사이에 여백을 갖게 됩니다. 프레임을 이용하여 디자인을 하게 되는 경우 정확한 여백을
설정할 필요가 있습니다. 만약, 여백이 필요하지 않은 경우에는 "marginwidth"와 "marginheight"를 0으로 입력하면 됩니다.
단위는 픽셀(pixel)입니다.

<html> <head><title>프레임의 가로 기본구조</title></head> <frameset rows="분할 높이" border="0" frameborder=no framespacing="0"> <frame src="파일 이름" name="프레임 이름"> <frame src="파일 이름" name="프레임 이름"> </frameset> </html>

(3) 스크롤바 조절하기

프레임의 내용이 프레임의 크기보다 커지는 경우 스크롤바를 나타낼 것인지 아닌지를 결정할 수 있습니다.

<html> <head> <title>스크롤바 조절하기</title> </head> <frameset cols="*,*" scrolling="제어방법"> <frame src="파일 이름" name="프레임 이름"> <frameset rows="*,*" noresize> <frame src="파일 이름" name="프레임 이름"> <frame src="파일 이름" name="프레임 이름"> </frameset> </html>

스크롤 제어 방법에는 아래와 같이 3가지가 있습니다.

1. auto : 프레임의 내용이 프레임의 크기보다 커지는 경우에만 자동으로 스크롤바가 생성됩니다.
2. yes : 프레임의 크기와 내용에 상관없이 스크롤바가 생깁니다.
3. no : 프레임의 내용이 프레임의 크기보다 커져도 스크롤바는 생기지 않습니다.



<html> <head> <title>프레임의 속성</title> </head> <frameset cols="*,*"> <frame src="ex_frame07.htm" marginwidth="0" marginheight="0" scrolling="yes" noresize> <frameset rows="*,*"> <frame src="ex_frame08.htm" scrolling="auto" noresize> <frame src="ex_frame09.htm" scrolling="no" noresize> </frameset> </html>


주문제작 안내 디자인이용요금표 우수회원 틀리기 쉬운 외래어 고객센터   모바일웹
아사달 사업자등록증 기술보증기금 인증 벤처기업 기술혁신쳥 중소기업(INNO-BIZ) 정보보호 안전진단 필증 획득 ISO9001 인증기업 기술신용보증기금 우량기술기업선정 서울지방중소기업청 imagedj
한국정보통신공사협회 한국인터넷진흥원공인 도메인등록대행자 (사)한국인터넷호스팅협회 아사달 특허등록 한국산업기술진흥협회 기업부설연구소 통일부 문화체육관광부 대통령상 수상
페이지 맨 위로 이동하기