배움터  
  HOME > 배움터 > 무료강좌
무료강좌
 
프론트페이지 2000, 멀티미디어 구성요소 추가, Frontpage 2000

멀티미디어 구성요소 추가

멀티미디어 웹 페이지를 만들기 위한 비디오, 플러그인, 액티브X컨트롤 등을 삽입하는 방법에 대해 알아보자.

 

 
- 비디오 추가
- 자바 애플릿 삽입
- 플러그 인 삽입
- ActiveX 컨트롤 삽입
1. 비디오 추가
인터넷에 사용되는 동영상 파일로는 AVI파일과 MOV파일이 있다. 비디오 추가 명령으로 동영상 파일을 삽입할 경우 AVI파일 형식만 지원되며 Internet Explorer3.0이상에서만 볼 수 있다. 그 외의 동영상 파일들은 플러그 인 형태로 삽입해야 한다.
① [삽입] 메뉴에서 [그림]-[비디오]를 클릭한다.
② [비디오]대화상자에서 삽입할 비디오 파일을 선택한다.
image286-1.gif(23153바이트)
※ 그림을 클릭하시면 확대해서 보실 수 있습니다.
③ 화면에 동영상의 첫 프레임이 나타난다. 동영상의 속성을 수정하기 위해 마우스 오른쪽 단추를 눌러 [그림 등록 정보]를 클릭한다.  image287.gif(53848바이트)
④ [그림 등록 정보]의 [비디오]탭이 나타난다. [반복]의 계속 란에 체크 한다. image288.gif(9000바이트)
⑤[확인]을 누르고 브라우저에서 동영상이 제대로 상영되는지 확인한다. image289.gif(48147바이트)
2. 자바 애플릿 삽입
자바는 썬 마이크로 시스템즈 사가 개발한 프로그래밍 언어이고, 자바 애플릿은 웹 브라우저에서 실행하는 자바프로그램이다. 프론트 페이지에서 자바 애플릿은 그림이나 비디오 파일처럼 아주 간단하게 삽입할 수 있다.
① [삽입] 메뉴에서 [고급] - [자바 애플릿]을 누른다.
② [자바 애플릿 등록 정보]에서 애플릿 원본에 삽입할 애플릿 이름인 'Lake.clss'를 입력한다. 
image290.gif(10564바이트)
③ 애플릿 매개 변수를 추가하기 위해 [추가]를 누른다.
④ Lake.class 는 그림의 하단에 반사 물결을 보여주는 애플릿이다. 따라서 이와 관련된 매개 변수를 입력해야 한다. 반사를 표현할 이미지 이름을 기입한다.
image291.gif(4963바이트)
⑤ 애플릿을 클릭할 경우 이동할 경로명을 매개변수에 입력한다. (이러한 매개 변수들은 애플릿을 제작한 회사에서 제공하는 문서를 참고하여 입력한다.) image292.gif(4902바이트)
⑥ 크기에는 준비한 그림 파일의 크기를 입력한다. 단 세로 크기는 반사 영역을 포함해야 되므로 2배인 350을 입력한다. image293.gif(3330바이트)
⑦ 페이지에 애플릿이 삽입되었다. image294.gif(24542바이트)
⑧ 브라우저로 미리 보기를 하면 상단의 이미지가 아래쪽에 비쳐서 마치 호숫가의 저녁 노을을 연상시키는 이미지가 나타난다. image295.gif(111077바이트)
3. 플러그 인 삽입
플러그 인은 브라우저에서 지원하지 않는 파일 형식들을 재생할 수 있게 하는 별도의 외부 프로그램이다. 리얼 오디오, 쇽 웨이브 등 다양한 플러그 인이 개발되어 있다. 여기에서는 대표적인 플러그인 중의 하나인 쇽 웨이브 플래시 플러그 인을 삽입해 본다.
①[삽입] 메뉴에서 [고급]-[플러그 인]을 누른다.
②[플러그 인 등록 정보] 대화 상자가 나타난다.
image296.gif(8638바이트)
③[데이터 원본] 영역에 파일이름을 지정하기 위해 [찾아보기]를 클릭한다. image297.gif(10082바이트)
④ 플래시 애니메이션 파일인 SWF형식의 파일을 선택한다.
⑤ 높이와 너비에 가져온 플래시 애니메이션의 높이와 너비를 입력한다.
image298.gif(8795바이트)
⑥ 편집 화면에 플러그 인 표시가 나타난다. image299.gif(24385바이트)
⑦ 페이지를 저장한 다음 브라우저로 미리 보기를 하여 정확히 작동되는지를 확인한다. image300.gif(27035바이트)
4. ActiveX컨트롤 삽입
ActiveX는 OLE (Object Linking and Embedding) 기반의 웹을 위한 마이크로 소프사의 구성 요소 소프트웨어이다. ActiveX 컨트롤을 이용하면 웹 페이지에 쉽게 멀티미디어나 데이터베이스 등을 추가할 수 있다. 현재 많은 ActiveX컨트롤 들이 개발되어 있으며 그 중 Calendar 컨트롤을 삽입해 보도록 하겠다.
① [삽입] 메뉴에서 [고급]-[ActiveX 컨트롤]을 클릭한다.
② [ActiveX 컨트롤 삽입] 대화 상자가 나타난다. Calendar Control을 선택한다.
image301.gif(10651바이트)
③ 편집 페이지에 ActiveX 컨트롤이 삽입된다. image302.gif(31428바이트)
④ ActiveX 컨트롤의 속성을 바꾸려면 컨트롤을 선택하고 마우스 오른쪽 단추를 눌러 [ActiveX 컨트롤 등록 정보]를 클릭한다. image303.gif(3390바이트)
⑤[ActiveX 컨트롤 등록 정보]대화상자에서 [색]탭을 클릭하고 [사용자 정의 색상 편집]을 클릭한다. image304.gif(12044바이트)
⑥ 배경으로 적용할 색상을 선택한다. image305.gif(8594바이트)
⑦[확인]을 클릭하면 컨트롤의 배경색이 노란색으로 바뀐다.
⑧웹 브라우저에서 컨트롤이 정상적으로 작동하는지 살펴본다.
image306.gif(27424바이트)
목차  | 이전 | 다음