다음의 응용기법은 응용기법(1)과 함께 응용기법(3)을 구성하기 위한 단계이다. 이것도 응용기법(1)과 거의 비슷한 방법을 사용한다.

프레임을 이용한 레이아웃의 응용 (2)

적용된 결과 미리보기

사용된 이미지들


HTML Example - demo14.html (프레임지정문서)


<!-- 전체창을 3줄로 분활한다 -->
<frameset rows="34,*,30" frameborder=0 framespacing=0 border=0>

<!-- 1번째 줄을 다시 3개의 칸으로 분활한다.-->
<frameset cols="10,*,4" frameborder=0 framespacing=0 border=0>
<frame src="demo15_11.html" name="bg11" marginwidth=0 marginheight=0 scrolling=no>
<frame src="demo15_12.html" name="bg12" marginwidth=0 marginheight=0 scrolling=no>
<frame src="demo15_13.html" name="bg13"marginwidth=0 marginheight=0 scrolling=no>
</frameset>

<!-- 2번째 줄을 다시 3개의 칸으로 분활한다.-->
<!-- 3개의 칸은 왼쪽 19 , 오른쪽 19 , 가운데는 전체창의 나머지 지정방법이다-->
<frameset cols="128,*,4" frameborder=0 framespacing=0 border=0>
<frame src="demo15_21.html" name="bg21" marginwidth=0 marginheight=0 scrolling=no>
<!-- 이곳에서 지정한 문서가 가장 가운데 부분에 들어가는 본문부분이다 따라서 그 내용이 창아래로 늘어 질 수가 있으므로 스크롤을 자동으로 맞춘다.-->
<frame src="demo15_22.html" name="bg22" marginwidth=0 marginheight=0 scrolling=auto>
<frame src="demo15_23.html" name="bg23" marginwidth=0 marginheight=0 scrolling=no>
</frameset>

<!-- 3번째 줄을 다시 3개의 칸으로 분활한다.-->
<frameset cols="4,*,4" frameborder=0 framespacing=0 border=0>
<frame src="demo15_31.html" name="bg31" marginwidth=0 marginheight=0 scrolling=no>
<frame src="demo15_32.html" name="bg32" marginwidth=0 marginheight=0 scrolling=no>
<frame src="demo15_33.html" name="bg33" marginwidth=0 marginheight=0 scrolling=no>
</frameset>

<!-- 프레임을 지원하지 않는 브라우저를 위한 메세지-->

<noframes>
이 곳은 넷스케잎이나 익스플로러와 같은 프래임이 가능한 웹 브라우저를 사용하셔야 합니다.
</noframes>

<!-- 맨위 전체 프레임지정 태그 닫는 태그-->
</frameset>