태그매니아 HTML 부문

아디

비번

1 분

13 분

HTML 중급강좌 3. 화면 분할하기(3)
	[1][2][3][4]

③ 화면 3등분 하기
현재 보시다시피 태그매니아 홈페이지처럼 화면을 3등분 하는 방법을 배워보도록 하겠습니다^^( 하지만 실제로는 태그매니아 홈페이지는 3등분 분할이 아님^^ ) 이 3분할 방법은 세로로 2분할 하는 것과 가장 많이 쓰이는 분할 법인데요....홈페이지의 메뉴의 내용이 많거나 배너를 달때 유용한 분할 법입니다^^

예제보기1

위의 예제를 보면 화면이 3등분으로 나누어 지는데요.....그 방법은 예제소스를 보시다시피 먼저 화면을 가로로 20%와 80%로 나누어 줍니다. 그런 다음 80%로 나누어진 부분을 다시 18% 와 82%로 나누어 준거죠...근뎅...요기 소스보면 "20%, *" 과 "18%, *" 이 사용되어 있는데 여기서 "*" 은 나머지값을 의미합니다. 한쪽에 값이 20%이고 다른 한쪽이 * 으로 표시됬다면 나머지 80% 가 되는 거죠^^ 이해되시죠?^^ 한방향으로 3등분을 할때도 마찬가지입니다. " 20%, *, 50%" ☜이런 경우엔 * = 30% 인 셈이죠^^ 그리고 여기서 주의 깊게 봐야할 것이 noresize 입니다. 앞 페이지에서도 설명한 것 같은데...또 언급하는 군요... 가로분할에만 noresize 가 사용되고 세로분할에는 사용되지 않았는데...예제보기에서 직접 마우스로 움직여보시면 가로구분선은 안 움직이는 반면 세로구분선은 움직일겁니다.....제가 이렇게 다시 설명드리는 이유는 그 만큼 중요하기 때문이죠^^ 그럼 예제 하나를 더 볼까요?^^

예제보기2

어때요? 예제보기1번과 예제보기2번의 차이점을 아시겠죠?^^ 예제보기2의 경우 프레임구분선이 없죠...그리고 마우스로도 조절 못하구.....

프레임의 경우 조금만 이해를 하신다면 절대 어려운 것이 아닙니다. 그리고 요즘은 홈페이지 제작의 경우 일일이 태그를 적어서 만드는 것보다 웹에디터를 많이 사용합니다. 홈페이지의 페이지수가 많을 수록 더욱 더 웹에디터의 필요가 절실하죠... 가끔씩은 전문가들은 웹에디터를 사용안하고 메모장과 태그만으로 홈페이지를 만든다고들 한다는데....그런 경우는 거의 없습니다. 전문가들이 더욱 더 많이 사용하죠. 왜냐면 방금 전에도 말씀드렸다시피 웹페이지의 량이 증가할 수록 홈페이지를 관리하기도 어렵고 또한 새로운 웹페이지를 제작하는데도 전문사이트의 경우는 그렇게 몇가지 태그만 써가지고는 만들기 힘들거든요..^^ 대부분 태그와 웹에디터를 병용해서 사용하는 거지요. 제가 왜 이렇게 웹에디터에 대해서 강조를 하는 이유는 초보분들이나 태그를 좀 아시는 분들이 자기는 태그만으로 홈페이지를 만들겠다고 하는 경우가 종종 있는데 그럴 경우 태그를 배운다는 측면에서는 좋은데 좋은 홈페이지를 만들기 힘들죠....
하핫^^ 제가 무슨 이야기 하다 옆길로 빠졌는지는 몰라도 하여간 태그와 웹에디터를 병용해서 사용하라는 얘기를 드릴려다고 말이 길어졌네요^^ 자...이젠 프레임 나누는 것에 대해선 다 배웠구요...제가 지금까지 딱 3개의 프레임나누는 예제를 보여드렸는데요....여러분들이 다양한 연습을 통해서 실력을 향상시키시기 바랍니다. 다음 페이지에서는 프레임태그의 name 속성을 지정하는 것에 대해서 알아보도록 하겠습니다.^^

이전 페이지로 || 태그연습장 || 다음 페이지로



연습장	메모장	알FTP	wsftp

유용한 팁

절대경로 알아내기.. - 일... [1]

1차, 2차, 3차 함수그래... [1]