사용 안내서 취소

Adobe Captivate 프로젝트에 웹 개체 삽입

  1. Captivate 사용자 가이드
  2. Captivate 소개
    1. Adobe Captivate의 새로운 기능
    2. Adobe Captivate 시스템 요구 사항
    3. Adobe Captivate 다운로드
    4. Adobe Captivate(2019 릴리스) 업데이트 5의 새로운 기능
    5. Adobe Captivate(2019 릴리스) 업데이트 2의 새로운 기능
    6. Adobe Captivate 11.8 릴리스 노트
    7. Adobe Captivate 릴리스 노트
    8. Adobe Captivate Draft용 시스템 요구 사항 및 다운로드 지침
    9. Adobe Captivate를 이용한 반응형 프로젝트 디자인
  3. 프로젝트 만들기
    1. Adobe Captivate에서 다양한 유형의 프로젝트 만들기
    2. Adobe Captivate 프로젝트 크기 사용자 정의하기
    3. Adobe Captivate를 이용한 반응형 프로젝트 디자인
    4. 가상 현실(VR) 프로젝트 만들기
    5. Adobe Captivate에서 반응형 텍스트로 작업
    6. Adobe Captivate 테마 활용
    7. 반응형 프로젝트에서 보기별 속성을 적용하는 방법
    8. Adobe Captivate 프로젝트의 백업 파일 만들기
    9. 자산 패널
    10. Captivate에서 분기 및 강제 탐색 만들기
    11. 스테이지에서 이미지 바꾸기
  4. 개체 추가 및 관리
    1. Adobe Captivate에서 다중 상태 개체 작업
    2. 개체 효과
    3. Adobe Captivate 프로젝트에 웹 개체 삽입
    4. Adobe Captivate에서 개체 스타일로 작업
    5. Adobe Captivate에서 개체를 회전하는 방법
    6. 픽셀 단위로 개체 크기 조정 및 위치 변경하기
    7. 기본 옵션 도구 모음을 이용하여 개체 관리하기
    8. 슬라이드에서 개체를 병합하는 방법
    9. 라이브러리에서 개체를 관리하는 방법
    10. Adobe Captivate에서 개체를 그룹화하는 방법
    11. [고급 상호 작용] 패널을 사용하여 개체 정보 편집
    12. Adobe Captivate에서 개체를 복사, 붙여 넣기 및 복제하는 방법
    13. 개체의 가시성 제어
    14. Adobe Captivate에서 개체의 표시 순서를 변경하는 방법
    15. 개체에 그림자 적용하기
    16. Adobe Captivate에서 개체를 맞추는 방법
    17. Adobe Captivate에서 객체에 반사를 추가하는 방법
    18. Captivate 프로젝트로 자산 가져오기
  5. 슬라이드
    1. Adobe Captivate 프로젝트에 슬라이드 추가
    2. Adobe Captivate 프로젝트에서 슬라이드 편집
    3. Adobe Captivate 프로젝트 슬라이드 삭제하기
    4. Adobe Captivate에서 슬라이드 순서 변경하기
    5. Adobe Captivate에서 슬라이드 속성 설정
    6. Adobe Captivate에서 슬라이드 노트 추가 및 오디오 파일로 변환
    7. Adobe Captivate에서 지식 점검 슬라이드 설정
    8. Adobe Captivate에서 슬라이드 전환을 추가하는 방법
    9. Adobe Captivate에서 마스터 슬라이드 사용하기
    10. Adobe Captivate 슬라이드를 잠그는 방법
    11. Adobe Captivate 프로젝트에서 슬라이드 숨기기 또는 제외하기
    12. Adobe Captivate의 슬라이드 그룹화 및 그룹화 해제 방법
  6. 타임라인 및 눈금선
    1. 눈금자 및 안내선 사용
    2. Adobe Captivate에서 눈금선으로 작업
    3. 타임라인 작업
    4. Adobe Captivate 바로 가기 키
    5. 필름 스트립으로 작업하기
    6. Adobe Captivate 작업 영역을 사용자 정의하는 방법
    7. Adobe Captivate 라이브러리를 사용하는 방법
    8. Adobe Captivate에서 분기 패널을 사용하는 방법
  7. 퀴즈 만들기
    1. Adobe Captivate 프로젝트에 질문 슬라이드 삽입
    2. Adobe Captivate용 퀴즈 기본 설정 지정
    3. 학습자가 모든 퀴즈 답변을 한번에 제출하는 방법
    4. Adobe Captivate에서 질문 슬라이드 설정하기
    5. Adobe Captivate에서 무작위 질문 슬라이드 사용
    6. 사용자의 퀴즈 복귀를 허용하는 방법
    7. CSV 형식 파일에서 질문 가져오기
    8. GIFT 형식 파일에서 질문 가져오기
    9. Adobe Captivate에서 사전 테스트를 삽입하는 방법
  8. 오디오
    1. Adobe Captivate 프로젝트에 오디오 삽입하기
    2. Adobe Captivate에서 오디오 미리 듣기
    3. Adobe Captivate에서 오디오 파일 편집하기
    4. Adobe Captivate에서 오디오 세부 사항 보기
    5. 오디오 녹음 환경 설정 및 오디오 녹음
    6. Adobe Captivate에서 오디오 내보내기
  9. 비디오
    1. 슬라이드 비디오
    2. Adobe Captivate에서 이벤트 비디오로 작업
    3. Adobe Captivate에서 이벤트와 동기화된 비디오 간에 차이
  10. 대화형 개체
    1. Captivate 프로젝트에 대화형 단추 추가하기
    2. Adobe Captivate에서 클릭 상자 만들기
    3. Adobe Captivate에서 텍스트 입력 상자 추가
    4. 상자 및 단추에 오디오를 추가하는 방법
    5. Adobe Captivate에서 상자 및 단추에 JavaScript를 추가하는 방법
  11. 상호 작용
    1. Adobe Captivate에서 학습 상호 작용 만들기
    2. Adobe Captivate에서 드래그 앤 드롭 상호 작용 만들기
    3. Adobe Captivate에서 위젯과 상호 작용을 구성하는 방법
    4. 위젯에서 Adobe Captivate 변수 사용
    5. Adobe Captivate에서 위젯 속성 설정
    6. Adobe Captivate에서 정적, 대화형 및 질문 위젯을 만드는 방법
    7. Adobe Captivate 프로젝트에 위젯을 추가하는 방법
  12. 비대화형 개체
    1. 스마트 모양 생성 및 편집
    2. Captivate를 이용한 텍스트 캡션 편집 및 작성
    3. Captivate에서 이미지 및 롤오버 이미지 사용하기
    4. Adobe Captivate에서 스마트 모양을 사용자 정의하는 방법
    5. Adobe Captivate에서 확대/축소 영역을 만드는 방법
    6. 비대화형 개체에 오디오 설정하기
    7. Adobe Captivate에서 롤오버 슬라이드렛 만드는 방법
    8. Adobe Captivate에서 롤오버 캡션 만들기
    9. Adobe Captivate에서 마우스 속성 변경
    10. Captivate에서 강조 상자 사용하기
    11. Adobe Captivate에서 색상 견본으로 작업
    12. 비대화형 개체의 크기 및 위치 고정하기
    13. Adobe Captivate 프로젝트에 애니메이션 추가
  13. 고급 편집 및 프로젝트 검토
    1. Adobe Captivate 프로젝트를 연결하는 방법
    2. 콘텐트 가져오기, 내보내기 및 삭제
    3. 스킨
    4. Adobe Captivate에서 액세스 가능한 프로젝트 만들기
    5. Adobe Captivate를 이용하여 TOC(목차) 만들기
    6. Adobe Captivate 프로젝트 크기 조정
    7. 프로젝트 및 프로젝트 환경 설정
    8. Adobe Captivate에서 프로젝트를 미리 보는 방법
  14. 변수 및 고급 동작
    1. Adobe Captivate 변수
    2. Adobe Captivate에서 사용자 정의 변수 만드는 방법
    3. Adobe Captivate의 고급 동작
    4. Adobe Captivate 프로젝트의 공유 동작
    5. Adobe Captivate에서 사용자 정의 변수 편집 또는 삭제하기
    6. 이벤트에 고급 동작을 할당하는 방법
  15. 프로젝트 기록
    1. 대화형 비디오 만들기
    2. Captivate에서 자동 및 수동으로 기록하기
    3. Adobe Captivate에서 기록 환경 설정
    4. Adobe Captivate에서 비디오 데모 녹화
    5. Adobe Captivate에서 소프트웨어 시뮬레이션 기록하기
    6. 기록을 일시 중지하는 방법
  16. 프로젝트 게시
    1. 반응형 프로젝트를 미리 보고 게시
    2. Adobe Captivate Prime에 프로젝트 게시
    3. Adobe Captivate에서 프로젝트를 HTML5 파일로 게시하기
    4. 프로젝트를 실행 파일로 게시
    5. Adobe Captivate에서 프로젝트를 MP4 파일로 게시
    6. Adobe Captivate에서 게시 환경 설정 지정
    7. Adobe Captivate에서 Adobe 글꼴의 웹 글꼴 사용
    8. 내부 서버에 퀴즈 결과 보고
  17. 다른 응용 프로그램과 함께 Adobe Captivate 사용
    1. Captivate에서 Powerpoint 프레젠테이션 가져오기 및 편집하기
    2. 교육 관리 시스템에 Adobe Captivate 프로젝트 업로드
    3. Adobe Captivate의 공통 JavaScript 인터페이스 알아보기
    4. Captivate 프로젝트를 Microsoft Word로 게시하는 방법
    5. Captivate에서 Adobe Connect 사용하기
    6. Captivate 프로젝트를 RoboHelp 온라인 도움말 시스템에 추가하는 방법
    7. Adobe 다중 SCORM 패키지 프로그램을 사용하여 다중 SCO를 패키지하는 방법
  18. Adobe Captivate 문제 해결
    1. 최신 버전의 Adobe Captivate, Adobe FrameMaker 및 Adobe RoboHelp의 알려진 문제 및 제한 사항을 해결합니다.
    2. MacOS Big Sur (macOS 11)의 Captivate (2019 릴리스) 초기 빌드
    3. VR 콘텐츠에 대한 핫픽스가 장치에서 재생되지 않음
    4. 장치에서 실시간 미리보기에 대한 SSL 구성
    5. MacOS Catalina의 Captivate(2019 릴리스) 활성화 문제
    6. Captivate 반응형 강의가 브라우저에서 자동 재생되지 않습니다.
    7. Adobe Captivate의 자산 패널 관련 문제(2019 릴리스)
    8. Adobe Captivate를 설치하는 동안 오류 103
    9. Captivate 프로젝트 미리보기 시 발생하는 문제

 

개요

큰 단추 막대에서 [개체] > [웹] 을 클릭하여 슬라이드에 개체를 클릭하여 기본 HTML5 웹 개체를 삽입할 수 있습니다. 속성 관리자의 [주소] 필드에서 개체의 URL를 입력하면 개체 컨테이너에 웹 페이지가 나타납니다.

웹 개체 만들기

도구 모음에서 아래와 같이 [개체] > [웹]을 선택합니다.

도구 모음에서 웹 개체 대화 상자 선택
도구 모음에서 웹 개체 대화 상자 선택

[주소] 필드에 웹 개체에 대한 URL을 입력합니다. 또한 OAM, PDF, svg 및 zip 파일을 주소 필드 옆의 폴더 아이콘을 클릭하여 찾아볼 수 있습니다.

웹 개체 삽입
웹 개체 삽입

아래에 설명된 대로 다른 옵션을 선택합니다.

자동 로드

출력 시 개체를 자동으로 로드하려는 경우 이 옵션을 선택합니다. 기본적으로 이 옵션은 웹 개체를 만들 때 선택된 상태로 유지됩니다. 편집 모드에서 개체를 로드한 후 개체 위로 마우스를 이동하여 콘텐트를 봅니다.

옵션을 활성화한 후 콘텐트를 볼 수 없는 경우에는 이 포럼 스레드에서 자세한 내용을 참조하십시오.

슬라이드에서 웹 개체를 표시하려면 다음 옵션을 선택합니다.

테두리

웹 개체의 테두리를 보고 싶은 경우 이 옵션을 선택합니다.

스크롤링

웹 개체 컨테이너에 스크롤 막대를 보고 싶은 경우 이 옵션을 선택합니다.

애니메이션 로드 중

웹 개체 내의 애니메이션이 로드되게 하려는 경우 이 옵션을 선택합니다.

새 브라우저 창에서 웹 개체를 표시하려면 다음 옵션을 선택합니다.

기본값

기본 브라우저 설정으로 웹 개체를 보고 싶은 경우 이 옵션을 선택합니다.

전체 화면

전체 화면에서 웹 개체를 보고 싶은 경우 이 옵션을 선택합니다.

사용자 정의

정의된 너비와 높이 내에서 웹 개체를 보고 싶은 경우 이 옵션을 선택합니다.

pdf 또는 zip 파일 같은 개체를 삽입하려면 웹 서비에 pdf, zip 또는 svg 파일을 배치한 후 해당 파일에 대한 url을 사용하는 것이 좋습니다.

예를 들어 개체를 웹 서버에 배치한 후 다음과 같이 URL을 사용합니다.

  • pdf: localhost:8012/<filename>.pdf
  • svg : localhost:8012/<filename>.svg

슬라이드를 미리 보면 개체가 출력에 포함된 것을 확인할 수 있습니다.

pdf 및 svg 개체 포함
pdf 및 svg 개체 포함

YouTube 비디오가 로드되지 않음

YouTube 위젯을 삽입한 후 게시하면 비디오가 재생되지 않습니다. 이 경우에는 위젯을 업데이트합니다.

자세한 내용은 SWF 출력의 YouTube 위젯 문제를 참조하십시오.

포함 코드 지원

포함 코드 옵션을 클릭하면 비디오 파일 또는 스트리밍된 비디오에 대한 링크와 같은 웹 개체를 포함할 수 있습니다. 아래와 같이 포함 코드를 URL 영역에 붙여 넣을 수 있습니다.

포함 코드 지원
포함 코드 지원

예를 들어 다음 포함 코드를 붙여 넣을 때 모바일 보기에서 포함된 비디오를 볼 수 있습니다.

<iframe width="560" height="315" src="https://www.youtube.com/embed/_VW-KBt0Sbk" frameborder="0" allowfullscreen></iframe>
참고:

프로젝트를 게시하거나 미리 본 후 오류 메시지가 나타나는 경우 개체는 프레임에 표시될 수 없습니다. 자세한 내용은 이 포럼 게시물을 참조하십시오.

반응형 슬라이드에 YouTube 비디오 포함
반응형 슬라이드에 YouTube 비디오 포함

웹 개체 컨테이너의 크기를 변경하여 포함된 비디오의 높이 및 너비를 변경할 수 있습니다. 비디오는 웹 개체 컨테이너의 너비를 따라 너비를 유지하고 높이에 대한 종횡비를 유지합니다.

또한 iframe 태그를 사용하지 않고 비디오를 포함할 수 있지만 이 방식은 권장되지 않습니다. 아래와 같이 개체 및 포함 태그를 사용할 수 있습니다.

<object data=" https://www.youtube.com/embed/_VW-KBt0Sbk " width="560" height="315"></object>
<embed width="420" height="315" src=" https://www.youtube.com/embed/_VW-KBt0Sbk "></embed>

Adobe Captivate에서 웹 개체를 사용할 때 고려할 사항

Adobe Captivate에서는 웹 개체 및 HTML5 애니메이션이 항상 맨 위에 표시됩니다(다른 모양과 겹칠 때).

HTML5에서 이 문제를 해결하려면 다음을 수행합니다.

  1. Captivate 설치 폴더에서 AdobeCaptivate.ini 파일을 엽니다.
  2. 다음과 같이 파일을 편집하여 UseWidget7의 값을 1로 변경합니다.
    UseWidget7=1
  3. Adobe Captivate를 닫고 다시 시작합니다. 

이제 웹 개체를 맨 위 또는 맨 아래에 배치할 수 있으며 HTML5에서 예상대로 나타납니다. 

참고:

이 해결 방법은 HTML5 게시 옵션에 적용되며 정적 페이지 또는 애니메이션에만 해당합니다.

안 LMS(https)는웹 개체에 포함된 비보안(http) 페이지의 시작을 허용하지 않을 수 있습니다.

https 보안 LMS 환경에서 웹 개체 내에 http 웹 사이트를 참조할 때 LMS는 콘텐트가 보안 웹 사이트에서 시작되는 것을 허용하지 않습니다.

Captivate 미리 보기 서버에서는 http 기반이기 때문에 콘텐트가 시작됩니다. 그러나 SCORM 클라우드 또는 Captviate Prime에서는 https 기반이기 때문에 작동되지 않습니다.

웹 개체에서는 웹 사이트의 클릭잭이 허용되지 않습니다.

클릭잭은 보안 위협 요소이며 Captivate는 다른 웹 사이트로의 리디렉션을 지원하지 않습니다.

참고:

일부 웹 사이트는 다른 페이지 또는 창에서 여는 것을 허용하지 않을 수 있습니다. 사이트가 웹 개체에서 지원되는지 여부를 테스트하려면 iframe이 있는 간단한 HTML 페이지를 만들어 URL이 작동하는지 확인해 볼 수 있습니다. 작동하는 경우에는 웹 개체 내에서도 작동하는 것입니다.

클릭잭에 대한 자세한 내용은 클릭잭에 대한 위키피디아 페이지를 참조하십시오.

샘플 프로젝트 다운로드

Captivate 및 참여 학습 콘텐트 생성 방법에 대해 자세히 알아보려면 다음 프로젝트를 다운로드하십시오.

Adobe 로고

내 계정 로그인