안녕하세엽.. 베짱임다.
웹에디터로 하면 프레임 분할정도는 금방 되져.. 하지만 내가 꼭 웹에디터가 제공해주는 모양으로만 프레임분할을 하지 않고 좀더 프레임을 자유자재로 사용하고 싶다면 지금 동진님처럼 직접 프레임명령어를 다뤄야 할겁니다.
지금 그렇게 직접 명령어를 쳐서 프레임분할하는 것을 공부하신다는건 정말 좋은 일입니다.
그럼 질문하신 프레임 분할에 대해 간단히 설명드리죠..
① 프레임의 좌우, 상하 분할
|
왼쪽 그림과 같이 좌우로 프레임을 분할할때는 동진님이 쓰신대로
<frameset cols="30%,70%"> <frame src="*.html" name="right"> <frame src="*.html" name="content"> </frameset>
이런 형식이 맞습니다. 하지만 제가 여기서 추가로 드리고 싶은 말씀은 미리 알고 계실지도 모르겠지만 프레임 분할을 백분율로 하는것 보다는 픽셀단위로 하는것이 좋다는 것입니다. 위에서처럼 퍼센트 단위로 분할을 하게 되면 브라우저의 해상도나 크기에 따라 프레임 폭이 변하기 때문에 내가 원하는 디자인을 남도 본다고는 할수 없기 때문입니다. 저라면 이런 형식을 추천해드리고 싶군요.
<frameset cols="180,*"> <frame src="*.html" name="menu"> <frame src="*.html" name="content"> </frameset>
여기서 180은 물론 180pixel을 의미합니다. |
|
이번엔 상하분할입니다. 다 똑같고 frameset 속성만 아래와 같이 써주면 됩니다.
<frameset rows="100,*"> <frame src="*.html" name="upper"> <frame src="*.html" name="content"> </frameset>
물론 이것도 마찬가지로 백분율, 픽셀단위로 프레임의 크기를 정할수 있습니다. |
② name의 필요성
각각의 프레임마다 모두 name을 지정해 주는것이 좋습니다. 왜냐하면 하이퍼링크시 타겟이 되는 것이 바로 이 name이니까요. name은 말그대로 이름이니까 자기가 원하는대로 아무렇게나 지면 되겠슴다...
③ 다중분할에 대하여
위의 그림과 같이 두개로 분할이 아닌 다중으로 분할하는 방법은 두개가 있습니다. 예를 먼저 들어보도록 하죠.
|
상단 프레임 (name:header) - 내가 원하는 높이 : 60 pixel |
|
|
메뉴 프레임 (name:menu) - 내가 원하는 폭 : 150 pixel |
내용 프레임 (name:content) |
|
하단 프레임 (name:bottom) - 내가 원하는 높이 : 50 pixel |
|
이런 프레임을 만드는 방법을...
- 첫번째 : 통째로 프레임을 짜는 방법
<frameset rows="60,*,50">
<frame name="header" src="*.htm">
<frameset cols="150,*">
<frame name="menu" src="*.htm">
<frame name="content" src="*.htm">
</frameset>
<frame name="bottom" src="*.htm">
</frameset>
자, 보시면 대충 의미를 아시겠죠? 그렇습니다. 프레임을 나누고 그 안에 또 프레임을 나누는 명령어인 frameset을 중복적으로 쓰면 위와 같은 모양의 프레임이 나오게 됩니다.
- 두번째 : 순차적으로 프레임을 짜는 방법
이건 좀 더 간단한 방법입니다. 먼저 위의 모양을 만들기 위해 상하로 세개의 프레임을 나눕니다.
<frameset rows="60,*,50">
<frame name="header" src="*.htm">
<frame name="baejang" src="baejang.htm">
<frame name="bottom" src="*.htm">
</frameset>
자, 그런다음에 위에 빨간색으로 쓴 프레임 있죠? baejang.htm이라는 문서 말입니다. 그 문서를 다시 좌우로 프레임을 나누는겁니다. 이렇게..
<frameset cols="150,*">
<frame name="menu" src="*.htm">
......
이런식으로 하면 순차적으로 무한히 프레임을 나눌수 있죠. 이해가 가시나요?
자.. 마지막으로 베짱이의 사족인 베족을 달도록 하겠슴다...
요새는 프레임을 나누지 않는 추세랍니다. 프레임을 사용하게 되면 문서중간에 스크롤바가 생겨서 보기 흉하게 되거든요. 물론 명령어를 이용해서(scrolling="no") 스크롤바를 없앨수도 있지만, 이렇게 하다가는 자칫 해상도가 낮은 브라우저를 쓰는 사람은 내용을 다 못보는 수가 있어요. 요즘 인터넷 속도도 빨라지고 해서 프레임보다는 테이블을 사용한 문서분할을 더 많이 쓰는 편이랍니다..
오늘은 간단하게 설명드렸구요.. 담주부터 개장할 HTML 초급반에선 보다 자세히, 세부적인 HTML 내용을 다루도록 하겠습니다...
이상 베짱이였슴다.. 베짱..베짱...