사용 안내서 취소

디자인 옵션의 부분

  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. 프로젝트를 최신 버전으로 업그레이드 

개요

Captivate에서 디자인 옵션의 구성 요소를 이해하는 것은 자신의 사용자 정의 디자인을 만드는 데 필수적입니다. 또한 CSS 속성에 대한 기본 지식은 조직의 테마 및 표준에 맞는 디자인을 사용자 정의하는 데 필요합니다.

디자인 옵션 폴더의 파일

모든 디자인 옵션 폴더에는 세 개의 파일이 있습니다.

  • designOption.json - 스타일을 정의하고 텍스트 사전 설정을 지정하고 태블릿, 모바일 또는 데스크탑 보기용 사용자 정의 디자인에 대한 태그 및 레이아웃을 추가하는 데 사용하는 파일입니다. 텍스트 편집기를 사용하여 이 파일의 값을 편집합니다.
  • localized.json - 사용자 정의 디자인 옵션의 이름과 설명을 제공합니다. 여기에 있는 이름은 시각적 속성 패널에서 축소판 위로 마우스를 가져가면 나타나는 디자인 옵션의 이름과 일치합니다.
  • Thumbnail.png - 시각적 속성 패널에 있는 해당 디자인 옵션의 시각적 표현. 사용자는 사용자 정의 디자인 옵션의 이미지로 사용자 정의 축소판을 추가할 수 있습니다.
참고:

텍스트/HTML 편집기를 사용하여 JSON 파일을 열고 편집할 수 있습니다.  폴더에 designOption.json, localized.jsonThumbnail.png 파일이 들어 있는지 확인합니다.

다음은 텍스트/HTML 편집기에서 열린 디자인 옵션의 예입니다. 이 경우 사용되는 편집기는 Visual Studio 코드입니다.

이것은 designOption JSON 파일의 예입니다
CSS 스타일 및 속성을 포함하는 사용자 정의 디자인 옵션 JSON

이것은 디자인 옵션의 현지화된 JSON 파일 이미지입니다.
사용자 정의 디자인 옵션의 이름 및 설명이 포함된 현지화된 JSON 파일

이것은 축소판 PNG 파일의 이미지입니다.
사용자 정의 디자인 옵션의 축소판 - PNG 파일

JSON 파일의 다양한 필드에 대한 설명

키 이름

설명

필수

'type'

문자열

디자인 옵션을 작성할 콘텐츠 블록, 구성 요소 또는 슬라이드 레이아웃입니다.

'name'

문자열

디자인 옵션의 이름입니다. 필드 값을 $$name으로 추가하고 localized.json에서 동일한 항목을 현지화하세요. Captivate 설치 폴더에 있을 수 있는 기존 디자인 옵션 예를 참조하세요.

'description'

문자열

디자인 옵션에 대한 설명입니다. 필드 값을 $$description name으로 추가하고 'name'과 유사한 localized.json에서 동일한 항목을 현지화하세요.

'version'

버전 번호 형식의 문자열 예: '1.0'

디자인 옵션의 버전

'designOptionId'

문자열

디자인 옵션을 고유하게 나타내는 디자인 옵션 ID. 이 옵션은 다른 디자인 옵션에서 사용할 수 있습니다.

'isDefault'

'true', 'false'

디자인 옵션이 기본값으로 설정되어 있는지 여부를 나타냅니다. 디자인 옵션이 기본값으로 표시되어 있으면 콘텐츠 블록이나 구성 요소를 삽입할 때 자동으로 적용됩니다.

아니요

'thumbnail'

문자열

디자인 옵션 json 파일과 동일한 폴더에 복사된 파일 이름입니다. 이 이미지는 시각적 속성 패널에서 축소판으로 사용됩니다.

'styles'

배열

'styles' 배열에는 지정된 콘텐츠 블록 또는 구성 요소에 대한 요소 목록의 항목과 해당 스타일이 포함됩니다.

쉽고 빠르게 지원 받기

신규 사용자이신가요?