FrontPage 2000 - 5일.프레임 만들기

Home

로그인

회원가입

고객센터

배움터소개

온라인교육

무료강좌

Daily Tip

자료실

MY배움터

		Home > 배움터 > 무료강좌


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


	- 비디오 추가 - 자바 애플릿 삽입 - 플러그 인 삽입 - ActiveX 컨트롤 삽입

1. 비디오 추가
	인터넷에 사용되는 동영상 파일로는 AVI파일과 MOV파일이 있다. 비디오 추가 명령으로 동영상 파일을 삽입할 경우 AVI파일 형식만 지원되며 Internet Explorer3.0이상에서만 볼 수 있다. 그 외의 동영상 파일들은 플러그 인 형태로 삽입해야 한다.

	① [삽입] 메뉴에서 [그림]-[비디오]를 클릭한다. ② [비디오]대화상자에서 삽입할 비디오 파일을 선택한다.	※ 그림을 클릭하시면 확대해서 보실 수 있습니다.
	③ 화면에 동영상의 첫 프레임이 나타난다. 동영상의 속성을 수정하기 위해 마우스 오른쪽 단추를 눌러 [그림 등록 정보]를 클릭한다.
	④ [그림 등록 정보]의 [비디오]탭이 나타난다. [반복]의 계속 란에 체크 한다.
	⑤[확인]을 누르고 브라우저에서 동영상이 제대로 상영되는지 확인한다.
2. 자바 애플릿 삽입
	자바는 썬 마이크로 시스템즈 사가 개발한 프로그래밍 언어이고, 자바 애플릿은 웹 브라우저에서 실행하는 자바프로그램이다. 프론트 페이지에서 자바 애플릿은 그림이나 비디오 파일처럼 아주 간단하게 삽입할 수 있다.

	① [삽입] 메뉴에서 [고급] - [자바 애플릿]을 누른다. ② [자바 애플릿 등록 정보]에서 애플릿 원본에 삽입할 애플릿 이름인 'Lake.clss'를 입력한다.
	③ 애플릿 매개 변수를 추가하기 위해 [추가]를 누른다. ④ Lake.class 는 그림의 하단에 반사 물결을 보여주는 애플릿이다. 따라서 이와 관련된 매개 변수를 입력해야 한다. 반사를 표현할 이미지 이름을 기입한다.
	⑤ 애플릿을 클릭할 경우 이동할 경로명을 매개변수에 입력한다. (이러한 매개 변수들은 애플릿을 제작한 회사에서 제공하는 문서를 참고하여 입력한다.)
	⑥ 크기에는 준비한 그림 파일의 크기를 입력한다. 단 세로 크기는 반사 영역을 포함해야 되므로 2배인 350을 입력한다.
	⑦ 페이지에 애플릿이 삽입되었다.
	⑧ 브라우저로 미리 보기를 하면 상단의 이미지가 아래쪽에 비쳐서 마치 호숫가의 저녁 노을을 연상시키는 이미지가 나타난다.
3. 플러그 인 삽입
	플러그 인은 브라우저에서 지원하지 않는 파일 형식들을 재생할 수 있게 하는 별도의 외부 프로그램이다. 리얼 오디오, 쇽 웨이브 등 다양한 플러그 인이 개발되어 있다. 여기에서는 대표적인 플러그인 중의 하나인 쇽 웨이브 플래시 플러그 인을 삽입해 본다.
	①[삽입] 메뉴에서 [고급]-[플러그 인]을 누른다. ②[플러그 인 등록 정보] 대화 상자가 나타난다.
	③[데이터 원본] 영역에 파일이름을 지정하기 위해 [찾아보기]를 클릭한다.
	④ 플래시 애니메이션 파일인 SWF형식의 파일을 선택한다. ⑤ 높이와 너비에 가져온 플래시 애니메이션의 높이와 너비를 입력한다.
	⑥ 편집 화면에 플러그 인 표시가 나타난다.
	⑦ 페이지를 저장한 다음 브라우저로 미리 보기를 하여 정확히 작동되는지를 확인한다.
4. ActiveX컨트롤 삽입
	ActiveX는 OLE (Object Linking and Embedding) 기반의 웹을 위한 마이크로 소프사의 구성 요소 소프트웨어이다. ActiveX 컨트롤을 이용하면 웹 페이지에 쉽게 멀티미디어나 데이터베이스 등을 추가할 수 있다. 현재 많은 ActiveX컨트롤 들이 개발되어 있으며 그 중 Calendar 컨트롤을 삽입해 보도록 하겠다.

	① [삽입] 메뉴에서 [고급]-[ActiveX 컨트롤]을 클릭한다. ② [ActiveX 컨트롤 삽입] 대화 상자가 나타난다. Calendar Control을 선택한다.
	③ 편집 페이지에 ActiveX 컨트롤이 삽입된다.
	④ ActiveX 컨트롤의 속성을 바꾸려면 컨트롤을 선택하고 마우스 오른쪽 단추를 눌러 [ActiveX 컨트롤 등록 정보]를 클릭한다.
	⑤[ActiveX 컨트롤 등록 정보]대화상자에서 [색]탭을 클릭하고 [사용자 정의 색상 편집]을 클릭한다.
	⑥ 배경으로 적용할 색상을 선택한다.
	⑦[확인]을 클릭하면 컨트롤의 배경색이 노란색으로 바뀐다. ⑧웹 브라우저에서 컨트롤이 정상적으로 작동하는지 살펴본다.

	목차 \| 이전 \| 다음