사용 안내서 취소

Adobe Captivate 프로젝트에 아코디언 위젯 추가

  1. Captivate 사용자 가이드
  2. Captivate 소개
    1. Adobe Captivate의 새로운 기능
    2. Adobe Captivate 시스템 요구 사항
    3. Adobe Captivate 업데이트
      1. Adobe Captivate(12.5 업데이트) 릴리스 노트
      2. Adobe Captivate(12.4 업데이트) 릴리스 노트
      3. Adobe Captivate(12.3 업데이트) 릴리스 노트
      4. Adobe Captivate(12.2 업데이트) 릴리스 노트
      5. Adobe Captivate(12.1 업데이트) 릴리스 노트
    4. Adobe Captivate 다운로드
    5. 자주 묻는 질문
    6. Adobe Captivate 기능에 대한 URL 액세스 구성
  3. 슬라이드 추가
    1. Adobe Captivate의 슬라이드 탐색기
    2. 대화 슬라이드 추가
    3. Adobe Captivate 프로젝트에 캐릭터 추가
    4. 슬라이드에서 배경 이미지 편집
    5. 콘텐츠 블록 및 구성 요소에 안쪽 여백 추가
    6. 긴 스크롤 프로젝트 만들기
  4. Adobe Captivate의 디자인 옵션
    1. 디자인 옵션이란?
    2. 디자인 옵션의 일부
    3. 사용자 정의 디자인 옵션 생성
    4. 사용자 정의 디자인 옵션 수정
    5. 사용자 정의 디자인 옵션 내보내기
    6. 사용자 정의 디자인 옵션 가져오기
  5. 텍스트 블록 추가
    1. 프로젝트에 텍스트 추가
    2. 프로젝트에 Adobe 글꼴 추가
  6. 미디어 블록 추가
    1. 프로젝트에 이미지 추가
    2. 프로젝트에 동영상 추가
    3. 인용문 추가
    4. 프로젝트에 SVG 추가
    5. 프로젝트에 웹 개체 추가
  7. 대화형 구성 요소
    1. 버튼 추가
    2. 입력 필드 추가
    3. 라디오 버튼 그룹 추가
    4. 드롭다운 추가
    5. 확인란 추가
  8. 브랜딩 블록 추가
    1. 프로젝트에 머리글 추가
    2. 프로젝트에 바닥글 추가
  9. 위젯
    1. 카드 추가
    2. 탭 추가
    3. 인증서 추가
    4. 캐러셀 추가
    5. 핫스팟 추가
    6. 드래그 앤 드롭 추가
    7. 타임라인 추가
    8. 클릭하여 표시하기 추가
    9. 아코디언 추가
  10. 퀴즈 만들기
    1. 객관식 질문 추가
    2. 참 또는 거짓 질문 추가
    3. 열 연결 질문 추가
    4. 단답형 질문 추가
    5. 순서 질문 추가
    6. 문제 은행 및 무작위 질문 슬라이드 추가
    7. 질문을 CSV로 가져오기
  11. 프로젝트에 오디오 추가
    1. 오디오 추가
    2. 폐쇄 캡션 추가
  12. 상호 작용
    1. 프로젝트에 상호 작용 추가
    2. 오버레이를 사용하여 대화형 동영상 만들기
    3. 슬라이드 수준 상호 작용 만들기
    4. 개체 수준 상호 작용 만들기
  13. 애니메이션
    1. 프로젝트에 애니메이션 추가
  14. 접근성
    1. 프로젝트를 액세스 가능하도록 설정
  15. 타임라인 사용자 정의
    1. Adobe Captivate의 타임라인 패널
  16. TOC 및 재생 막대 사용자 정의
    1. Adobe Captivate 목차
  17. 프로젝트 속성 편집
    1. Adobe Captivate의 변수
    2. 환경 설정
    3. 프로젝트 치수
    4. 테마
  18. 시뮬레이션 프로젝트 만들기
    1. 시뮬레이션
  19. 프로젝트 미리 보기
    1. 미리 보기
  20. 검토용으로 프로젝트 공유
    1. 검토용으로 공유
    2. 검토용 프로젝트 공유에 대한 FAQ 및 문제 해결 가이드   
  21. 프로젝트 게시
    1. 프로젝트 게시
  22. Adobe Captivate에서 프로젝트 업그레이드
    1. 프로젝트를 최신 버전으로 업그레이드 

섹션을 클릭하여 추가 정보를 표시하여 학습자가 콘텐츠와 상호 작용할 수 있는 아코디언 위젯을 추가하는 방법을 알아봅니다

아코디언이란?

아코디언은 콘텐츠를 섹션 또는 탭으로 구성하는 축소 가능한 인터페이스입니다. 학습자는 탭을 클릭하여 확장하면 다른 탭은 숨겨진 상태로 유지하면서 더 집중되고 깔끔하게 정보를 표시할 수 있습니다.

아코디언 추가

새 위젯 추가를 선택한 다음 아코디언을 선택합니다.

아코디언 추가

아코디언 위젯 사용자 정의

아코디언에는 제목, 본문, 부제 및 탐색 버튼이 있습니다. 또한 각 탭 내의 이미지, 제목, 부제목, 본문, 카드 등의 구성 요소도 선택할 수 있습니다. 단색 또는 이미지로 위젯의 배경을 사용자 정의하고 테두리 및 그림자를 추가할 수도 있습니다.

  1. 위젯에 아코디언 수를 추가합니다. 최대 20개의 아코디언을 추가할 수 있습니다.

    슬라이드의 아코디언 수를 추가합니다

  2. 시각적 속성구성 요소 섹션에서 다음을 추가할 수 있습니다.

    • 제목 – 아코디언 위젯에 제목을 추가하려면 이 항목을 선택합니다.
    • 본문 – 아코디언에서 다룰 절차나 단계에 대한 간략한 설명을 추가하려면 이 항목을 선택합니다.
    • 지침 – 학습자가 아코디언의 탭과 상호 작용하도록 안내하려면 이 항목을 선택합니다.
    • 탐색 버튼: 이전 버튼과 다음 버튼을 선택하여 사용자가 슬라이드 사이를 탐색할 수 있도록 합니다.
  3. 맞춤 및 간격 섹션을 확장하여 안쪽 여백 또는 콘텐츠 간격을 조정합니다. 콘텐츠 너비 슬라이더를 사용하여 콘텐츠를 가로로 정렬하거나 안쪽 여백 값을 개별적으로 설정합니다. 콘텐츠 간격 슬라이더를 사용하여 콘텐츠를 더 작게 만들거나 더 넓게 만듭니다.

    아코디언 위젯의 맞춤 및 간격 조정

    또한 각 탭 내의 각 구성 요소를 선택하여 안쪽 여백을 조정합니다. Adobe Captivate의 안쪽 여백 추가에 대해 자세히 알아보세요.

  4. 위젯의 배경, 각 탭의 콘텐츠 또는 카드의 모양을 사용자 정의합니다. 

    모양 섹션에서 테두리 유형, 배경색 및 내부 그림자를 변경하여 위젯의 배경을 사용자 정의할 수 있습니다.

    아코디언 위젯의 모양 변경

  5. 아코디언 위젯의 모든 섹션을 한 번 이상 방문하고 나면 자동으로 다음 슬라이드로 이동하도록 토글을 활성화하려면 설정 섹션을 확장합니다.

    아코디언이 완료된 후 다음 슬라이드로 이동하려면 토글 활성화

각 아코디언 탭 사용자 정의

위젯의 각 아코디언 탭에는 제목, 확장/축소 가능 아이콘, 이미지, 제목, 부제목, 본문 텍스트 및 카드가 있습니다. 각 탭 내의 각 개체를 선택하여 사용자 정의할 수 있습니다.   

  1. 아코디언 섹션에서 탭 내 이미지, 제목, 부제목, 본문, 카드와 같은 구성 요소를 선택합니다.

    아코디언 탭의 구성 요소
    아코디언의 구성 요소

    • 이미지: 탭 내 이미지를 추가하려면 이 항목을 선택합니다. 자산 또는 시스템에서 이미지를 추가할 수 있습니다. Captivate에서 이미지를 편집하는 방법에 대해 자세히 알아보세요. 
    • 제목: 각 탭에 대한 제목을 추가하려면 이 항목을 선택합니다. 
    • 부제목: 탭 내 콘텐츠에 대한 추가 정보를 보려면 이 항목을 선택합니다. 
    • 본문: 탭에 콘텐츠에 대한 텍스트 설명을 추가하려면 이 항목을 선택합니다. 
    • 카드: 텍스트 주위의 카드를 추가하거나 제거하려면 이 항목을 선택합니다.  
  2. 모양 설정에서 콘텐츠를 선택하여 탭 내 콘텐츠 영역의 배경을 변경합니다.

    콘텐츠 영역 배경 변경
    아코디언의 모양 변경

  3. 모양 설정에서 카드를 선택하여 카드의 모양과 느낌을 사용자 지정합니다.

    아코디언 탭 내에서 카드 모양 사용자 정의
    아코디언의 콘텐츠 주변 카드 모양 변경

  4. 아코디언에 아이콘을 추가하려면 탭을 선택하고 구성 요소 섹션에서 활성화합니다.

    아코디언 아이콘 사용자 정의
    아코디언의 아이콘 활성화

    아이콘을 선택하면 아이콘이 뒤집히는 아이콘의 모양과 방향을 사용자 정의합니다. 시스템 또는 자산에서 SVG 파일을 교체하여 아이콘을 변경할 수 있습니다. 사용자가 아이콘 테두리 상자를 클릭할 수 있도록 설정할 수도 있습니다. Captivate에서 SVG로 작업하는 방법에 대해 자세히 알아보세요.

    SVG를 바꾸거나 모양을 변경하여 아이콘 사용자 정의
    아코디언의 아이콘 SVG 바꾸기

  5. 학습자 탐색을 개선하려면 일반, 마우스 호버 및 방문 상태에 대한 아코디언 탭의 동작을 사용자 정의합니다.  표시를 선택하여 상태를 봅니다. 그런 다음 각 상태를 선택하고 모양을 변경합니다.

    아코디언 상태 사용자 정의
    아코디언의 각 상태 모양 변경

    각 상태의 색상, 테두리, 모서리 반경 및 그림자를 조정하여 각 상태의 모양을 사용자 정의하여 시각적으로 상태를 구분합니다. 상태를 통해 학습자 상호 작용에 따라 개체의 동작을 수정할 수 있습니다. Adobe Captivate에서 상태를 사용하는 방법에 대해 자세히 알아보세요.

  6. 뿐만 아니라, 시각적 속성 패널에서도 개별 개체를 선택하고 개체의 모양을 사용자 지정할 수 있습니다.

    • 아코디언 탭에서 이미지를 선택한 다음 이미지를 선택하거나 필터 및 기타 사용자 정의를 적용합니다.
    아코디언 내에서 이미지 사용자 정의
    시각적 속성 패널에서 각 개체 사용자 정의

    •  아코디언 내에서 텍스트를 선택하고 글꼴을 사용자 정의하고 사전 설정을 적용하고 색상을 변경하고 기타 서식 옵션을 변경합니다.
    아코디언 탭 내의 텍스트 사용자 정의
    아코디언의 텍스트 사용자 정의

    • 버튼을 선택하여 사용 가능한 다른 디자인 옵션을 보거나 버튼의 모양, 텍스트 또는 아이콘 모양을 변경합니다.
    아코디언의 버튼 사용자 정의
    아코디언 위젯의 버튼 사용자 정의

쉽고 빠르게 지원 받기

신규 사용자이신가요?