- 제 9 강 -
이전 강좌에서는 ~에 관련된 내용에 대하여 알아 보았는데 주의 하셔야
될 것은 ~를 대신하여 사용한다는 것이였습니다.
그럼 이번엔 ~와 함께 사용하는 FRAME에 대하여 알아 보도록 하죠!!!
바로 -->이라고 하는 것인데 이것은 In-Line FRAME으로 줄 안에 결국, 안에 들어가
는 FRAME라는 것입니다.
IFRAME은 MicroSoft Explorer 3.0에서 사용되던 것이며, Netscape에서는 지원되지 않는 Explorer전
용 태그입니다.
기존의 FRAME과는 달리 In Line Frame을 추가함으로써 HTML문서가 출력되는 화면을 공유하여 바로
FRAME을 넣어 주는 구조입니다.
이 FRAME은 기존의 FRAME이 가지는 속성과 거의 유사한 속성을 지니고 있습니다.
단 "resize"라는 속성만은 없습니다.
왜냐하면 "width"와 "height"라는 속성을 가지고 있기 때문에 달리 크기를 조절하지 않습니다.
그럼 속성을 다시 한 번 정리해 보도록 하죠!!!
src속성은 인라인 프레임에 위치할 웹 문서의 URL(Uniform Resource Location)을 지정해 줍니다.
이 웹 문서는 일반 웹 문서일 수도 있으며, 다른 프레임 구조를 가지는 웹 문서가 될 수도 있습니다.
~의 처럼 src속성을 지정해 주지 않으면 빈 공간만이 생겨나게
됩니다.
name속성은 분할한 인라인 프레임의 이름을 지정해 줍니다.
이 인라인 프레임이름을 잘 지정해야만 정상적인 웹 브라우징이 가능하며, 보통의 경우 다른 프레임
쪽에서 지정하게 되는데 잘못되면 새로운 윈도우가 생기거나, 프레임 안에 똑같은 프레임 구조가 또
다시 생겨날 수 있습니다.
frameborder속성은 인라인 프레임 경계선을 보여 줄 것인지 아니면 보여 주지 않을 것인지를 결정
하는 것으로 만약 frameborder="0"이라 지정하면 인라인 프레임의 경계선을 보여 주지 않으며,
frameborder="1"이라 지정하면 그 경계선을 보여 주게 됩니다.
scrolling속성은 인라인 프레임의 오른쪽과 하단에 상하좌우 스크롤 바를 위치 시키느냐 하는 문제를
제시하게 됩니다.
scrolling속성의 값으로는 yes, no, auto가 지정될 수 있으며, yes는 무조건 내용에 관계없이 스크롤
바가 생성되는 것이며, no는 내용이 인라인 프레임보다 길다 할 지라도 스크롤 바가 생성되지 않습
니다.
auto값은 컴퓨터가 알아서 내용이 인라인 프레임보다 길면 자동적으로 생성이 되며, 내용이 행여라
도 짧으면 자동적으로 스크롤 바를 생성하지 않는 것입니다.
height속성은 resize속성을 대신하여 인라인 프레임의 길이를 지정하는 것이며, width속성은 인라인
프레임의 넓이를 지정하는 것입니다.
height속성이나 width속성은 두 가지의 단위을 사용할 수 있는데 그 중 하나는 화면의 구성단위인
픽셀 단위이며, 그 나머지 하나는 화면 비율에 따른 "%"라 할 수 있습니다.
물론 정렬을 위한 align속성도 사용 가능하며, 다만 align에서는 center를 지정해도 특별한 효과를
볼 수 없다는 것을 생각해 주시기 바랍니다.
align="center"을 사용할 수 없다고 브라우저 좌우 가운데 놓을 수 없다는 것은 아니지요?
우리에겐
멀티미디어는 텍스트나 이미지, 음성, 음향, 동영상 등을 이용해서 다양하게 정보를 전달할 수 있는
하나의 도구라고 할 수 있습니다.
즉 텍스트, 이미지, 음성, 음향, 동영상 등이 멀티미디어를 구성하는 하나 하나의 요소들입니다.
지금까지 HTML문서에서 텍스트나 이미지를 삽입하여 꾸미는 방법에 대하여 알아보았습니다.
오늘은 홈페이지를 더욱 세련되게 만들기 위하여 배경 음악이나 동영상을 넣어 한 차원 수준 높은 사
이트를 만들어 보도록 하겠습니다.
▶ IFRAME 결과 보기 ◀
우선 멀티미디어 파일에 대하여 알아보도록 할까요?
대표적인 멀티미디어에 해당하는 음악 파일에 대하여 먼저 말씀 드리겠습니다.
음악파일의 종류는 이루 말할 수 없겠지만, 그래도 일반적으로 많이 알려져 있는 것은 .midi, .wav,
.ra, .mp3, .au/.snd, .aiff/.aif형식이 있습니다.
먼저 .midi는 전자 악기에서 주고 받는 Data의 호환용으로 Music Instrument Digital Interface의
약어로 브라우저에서 기본적으로 지원하는 파일이기 때문에 플러그인 없이 사용할 수 있어서 많이 사
용되고 있습니다.
이 파일은 컴퓨터로 전자악기를 관리하거나 자동 연주나 음을 조절할 수 있습니다.
.wav는 윈도우의 표준 Sound file입니다.
윈도우나 OS/2에서 음성 데이터를 기록할 때의 형식으로 보존된 파일입니다.
윈도우에서 제공하는 녹음기를 이용하여 자신의 음성을 기록할 수 있습니다.
그래도 제일 좋은 것은 브라우저에서 바로 지원된다는 점이 큰 장점이 될 수 있는 것이지요...
휴대폰에서 들리는 것과 같은 기계음을 생각하시면 조금 이해가 될까요?
.ra는 일반적으로 음악을 제공해 주는 사이트에 들어가면 많이 볼 수 있는 형식입니다.
Real NetWork사에서 만든 오디오 파일 형식으로 웹에서 실시간 전송 및 재생이 가능한 파일입니다.
ra파일을 듣기 위해서는 Real Player가 설치되어 있어야 합니다.
Real Player는 www.real.com 사이트에 가시면 무료로 프로그램을 제공받으실 수 있습니다.
마지막으로 .mp3파일은 오디오의 손실이 거의 없이 압축할 수 있도록 해주는 방법으로 멀티미디어
압축기술인 mpeg중의 한가지로 컴퓨터 음악 파일로 많이 사용됩니다.
.au/.snd는 Sun회사에서 개발한 audio sound file이며, .aiff/.aif는 그래픽 운영체제인 Mac에서 사
용되는 audio sound file입니다.
동영상을 홈페이지에 삽입할 때는 간단한 링크를 시킨 다음 사용자들이 해당 파일을 다운 받은 다음
재생 도구를 이용하여 파일을 실행시키는 방법이 있습니다.
그러나 최근에는 실시간으로 동영상을 제공하는 방법을 많이 이용하고 있습니다.
이번에는 움직이는 이미지 동영상 파일에 대하여 알아보도록 하겠습니다.
.mpeg파일은 Motion Picture Experts Group(동영상 전문가 그룹)의 약자로 컬러 동영상의 압축 방
식을 담당한 ISO 위원회 및 동화상의 포맷 명칭을 뜻합니다.
웹에서 동영상을 지원할 수 있도록 한 최초의 동영상 매체입니다.
.avi는 윈도우 표준 동영상 파일입니다.
Audio Video Interleav의 약자로 오디오와 비디오를 겸한다는 의미입니다.
윈도우상에서 동영상을 재생하기 위한 파일 포맷으로 미국 마이크로 소프트사가 개발하여 일반적으로
가장 많이 사용하는 형식 중 하나라 할 수 있겠습니다.
.rm파일은 실시간 동영상 제공을 위해 개발된 파일 형식으로 Real Player를 통해 볼 수 있습니다.
오디오와 동영상을 동시에 지원하기 때문에 최근에 가장 많이 사용되고 있는 파일 형식입니다.
이 .rm파일 역시 www.real.com에서 다운로드 받을 수 있습니다.
요즘은 어떻게 다들 잘도 아시고, Real Player를 설치해 놓으셨더라구요...
HTML문서에 멀티미디어 파일을 삽입하기 위해 활용하는 태그는 대표적으로 두 가지 태그를 많이 사
용하게 되는데 그 중 하나가 -->"); //-->