여기서 부턴 화면 분할 하기에
대해서 배워보겠습니다. 일반적으로 홈페이지의
메인화면을 화면분할을 많이 하는데요...화면분할
하는 태그를 frame 태그라고 합니다. 화면을
여러 개로 나누어서 나눠진 각각의 화면에
서로 다른 웹 문서를 출력할 수 있져^^ 화면을
분할하면 홈페이지 관리도 쉬워질 뿐아니라
방문객들에게도 홈페이지를 편하게 구경할 수
있는 잇점이 있습니다.^^ 특히 화면을 분할해서 한쪽에
고정적으로 메뉴를 만들어 두면 좋답니다. 그럼
천천히 하나씩 설명해볼까요?^^
[참고사항] 2007.12.9 - 요즘은 php를 지원하는 유료계정 요금이 많이 저렴해져서
개인홈페이지도 php를 이용한 노프레임(화면분할하지 않은) 홈페이지도 많이 만드는 추세입니다.
※ 프레임태그의 기본
프레임태그의 가장 기본적인
명령어는<frame>과 <frameset></frameset>
입니다. 근데 이 명령어로만은 백날을 해봐도
화면이 나누어 지지 않지요...여기에
옵션(속성)명령어를 붙여야 합니다.
① frameset 태그 속성 ( <frameset
rows="30%,
70%" / cols="20%, * " frameborder="0/1">
)
| rows="가로화면비율%" |
화면을 가로로 나누는 명령어 |
| cols="세로화면비율%" |
화면을 세로로 나누는 명령어 |
| frameborder=0 혹은
1 |
프레임 구분선을
나타낼땐 1, 그렇지 않을땐 0 을 설정 |
| framespacing="수치" |
프레임 간의
간격을 조정 |
② frame태그 속성( <frame
src="웹페이지주소"
scrolling="auto/yes/no" marginwidth="수치"
marginheight="수치"> )
| name="문자열" |
프레임 이름을
지정, target 링크할 경우 필요함 |
| noresize |
프레임 경계를
마우스로 조절을 못하게 함 |
| scrolling="auto/yes/no" |
스크롤바를
생기게 할지 정하는 명령어. auto : 자동, yes :
스크롤 생김, no : 스크롤 안 생김 |
| marginwidth="수치" |
프레임
좌우경계선과 그 안에 내용과의 여백조정 |
| marginheight="수치" |
프레임
상하경계선과 그 안에 내용과의 여백조정 |
| <frame src="불러올
웹페이지"> |
나누어진 화면에
불러올 웹페이지 지정 |
③ 프레임태그의 기본형식
구슬이 백개라도 꿰어야 보배라고
속성을 알아봤으니 이제 어떻게 화면을
분할하는가를 알아봐야 겠져^^ 프레임태그의
기본형식은 아래와 같습니다.
ⓐ <frameset row="가로분할비율"
혹은 cols="세로분할비율">
ⓑ <frame src="웹페이지주소"
>
ⓒ <frame src="웹페이지주소">
ⓓ </frameset> |
즉, ⓐ 부분은 프레임셋태그부분으로 가로로
화면을 분할 할것인가 아니면 세로로 화면을 분할
할 것인가를 정해주는 역할을 합니다.
기타 프레임구선을 결정해주기도 합니다.
ⓑ,ⓒ 부분은 프레임셋부분(ⓐ부분)에서
가로나 세로로 화면분할 할 것을 정해주었다면 각각의
화면에 들어갈 웹페이지를 지정해주는 역할을
합니다. 또한 name 속성 및 기타 여러가지 속성을
정해줍니다. 여기서 주의할 점은
주로 초보분들이 많이 이해를 잘 못하시던데...
하나의 화면을 두개의 화면으로 분할을 할려면 몇
개의 웹페이지가 필요할 까요? 1번 하나, 2번 두개,
3번 세개 ......정답은 3개의 웹페이지가
필요합니다. 왜냐면 만약 가로로 두개의 화면으로
나누었다면 왼쪽화면에 들어갈 웹페이지 하나,
오른쪽 화면에 들어갈 웹페이지 하나, 그리고
왼쪽,오른쪽화면 두개를 모두 다 표현해주는
전체화면 하나 ....이렇게 해서 총 3개가
필요한거죠^^ 헷갈리지 말시길........
ⓓ 부분은 프레임태그의 마루리를 정해주는
부분이구요....^^
속성과 기본형식은 배웠고...그럼 다음
페이지에서는 본격적으로 화면분할하는 것에
대해서 배워보도록 하겠습니다. 다음 페이지로
가시져^^
|
