용량이 큰 관계로 분할해서 올립니다. 귀찮더라도 따라해 보세요.
동영상강좌 1편 | 2-1편 | 2-2편 | 3-1편 | 3-2편 | 3-3편 | 3-4편 | 4-1편 | 4-2편 | 4-3편 | 4-4편 |
* 프레임 기본 태그 속성 알아보기
프레임 구조는 일반적으로 프레임셋(Frameset)과 프레임(Frame)으로 구성되어 집니다. 프레임셋은 닫힘태그가 존재하지만 프레임은 닫힘태그가 없는 빈태그(Empty Tag)입니다.
프레임 셋(Frame Set)이란? 브라우저를 여러 개의 영역(Frame)으로 분할하여, html 문서를 각 영역에 지정하여 표시합니다. 즉, 브라우저 창을 어떻게 분할했는지에 대한 정보를 담고 있는 문서를 말합니다.
여기서 분할된 각 프레임이 하나의 독립된 html 문서가 되며, 브라우저 창을 가로(rows) 혹은 세로(cols)로 분할합니다.
<frameset> ~ </frameset> 태그 사이의 부분은 분할된 프레임에 표시할 html 문서에 대한 설정을, 문서에 대한 구체적인 지정은 frame Element로 하며, 분할된 프레임 수 만큼 html 문서가 필요합니다.
결국, 프레임 셋을 지정하게 되면 분할 될 프레임 수 + 1(frameset) 페이지의 html 문서가 만들어지게 되는 것입니다.
이렇게 문서를 분할하는 이유는 한 페이지로 구성했을 경우처럼 다른 문서를 볼 때 마다 화면 전체가 바뀌지 않고 분할된 특정 부분만 바뀜으로서 문서를 보는 사람이 안정감을 줍니다. 하지만 비주얼을 강조하는 요즘은 페이지가 바뀔 때마다 색이나 디자인이 바뀌게 제작하는 추세라서 사용빈도가 많이 줄었습니다.
* 프레임셋 태그속성 <frameset cols="200,*" rows="50, *, 200" frameborder="0" framespacing="0">
* 프레임 태그속성 <frame src="url" name="bbs" scrolling="auto" noresize="noresize" />