디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
  - HTML 소개
  - 텍스트
  - 링크
  - 이미지
  - 테이블
  - 인클루드
  - 프레임
  - 폼(FORM)
  - 이미지 자르기
  - 색상코드표
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
프레임
Home > 디자인 센터 > 웹강좌 > HTML 사용법 > 프레임
프레임의 기본구성 프레임 크기 다중 프레임 프레임 테두리 프레임 속성
프레임 타깃 지정 아이프레임(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>


하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 한국어 라인 이미지 中文 라인 이미지 日本語 라인 이미지 해시넷 라인 이미지 타고 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 1544-8442 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 08507) 서울시 금천구 가산디지털1로 168 우림라이온스밸리 A동 8층 (주)아사달
(우편번호 : 153-786) 서울시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
인터넷 익스플로어 구글 크롬 모질라 파이어폭스
애플 사파리 오페라 넷스케이프
맨위로   접속통계
디지털콘텐츠 No.1 (주)아사달