반응형 프로젝트 만들기

Adobe Captivate의 시작 화면의 새로운 탭에서 반응형 프로젝트를 선택하고 만들기를 클릭합니다.

Adobe Captivate는 하나의 슬라이드로 반응형 프로젝트를 만듭니다.

Adobe Captivate의 반응형 프로젝트에서 슬라이드 위의 미리 보기 막대는 다양한 화면 크기 또는 장치에서 프로젝트를 빠르게 볼 수 있는 옵션을 제공합니다.

다양한 장치에서 프로젝트를 미리 보려면 드롭다운 목록에서 원하는 미리 보기 옵션을 선택합니다.

미리 보기 막대 오른쪽의 미리 보기 슬라이더 옵션을 사용하면 현재 슬라이드의 크기를 조정하고 콘텐트를 동적으로 미리 볼 수 있습니다.

슬라이더를 왼쪽 또는 오른쪽으로 이동하면 슬라이드의 콘텐트가 화면에 맞게 조정됩니다.

다운로드한 파일 폴더에서 샘플 하위 폴더로 이동하고 엽니다.

create-responsive-projects.cptx

필름 스트립에서 첫 번째 슬라이드가 선택되어 있으면 도구 모음에서 슬라이드를 클릭하고 빈 슬라이드를 선택합니다.

먼저 두 개의 가로 Fluid Box를 현재 슬라이드에 추가해 보겠습니다. 

도구 모음에서 Fluid Box를 클릭하고 가로를 선택합니다.

하위 메뉴에서 두 번째 상자를 선택하여 두 개의 가로 Fluid Box를 추가합니다.

슬라이드에 Fluid Box를 삽입하면 해당 상자가 슬라이드에 균등한 간격으로 배치됩니다. 두 슬라이드 간에 슬라이더를 사용하여 상자의 크기를 조정할 수 있습니다.

슬라이더를 왼쪽으로 이동하여 가로 상자의 크기를 조정합니다.

그런 다음 두 개의 세로 Fluid Box를 오른쪽 가로 상자에 삽입합니다.

오른쪽 가로 상자 내부에 개체를 배치하려면 상자를 선택합니다.

도구 모음에서 Fluid Box를 클릭하고 세로를 선택합니다.

하위 메뉴에서 두 번째 상자를 선택하여 두 개의 세로 Fluid Box를 추가합니다.

슬라이더를 위로 이동하여 세로 상자의 크기를 조정합니다.

미리 보기 슬라이더를 왼쪽 및 오른쪽으로 이동하여 이 슬라이드의 반응을 테스트합니다.

아니면 드롭다운 목록의 미리 보기에서 다른 장치를 선택합니다.

다운로드한 파일 폴더에서 샘플 하위 폴더로 이동하고 엽니다.

create-responsive-projects-with-fluid.cptx

가로 및 세로 Fluid Box가 포함된 슬라이드로 이동합니다.

왼쪽 가로 상자에 텍스트 캡션을 추가하려면 슬라이드에서 해당 상자를 선택합니다.

도구 모음에서 텍스트를 클릭한 다음 텍스트 캡션을 선택합니다.

텍스트 캡션 상자에 다음 텍스트를 입력합니다.

LUNARSPHERE STUDIOS

속성 관리자를 사용하여 텍스트의 서식을 변경할 수 있습니다. 속성 관리자를 보려면 도구 모음의 오른쪽 모서리에서 속성을 클릭합니다.

오른쪽 하단 세로 상자에 텍스트 캡션을 추가하려면 슬라이드에서 해당 상자를 선택합니다.

도구 모음에서 텍스트를  클릭한 다음 텍스트 캡션을 선택합니다.

다음 텍스트를 텍스트 캡션에 복사하여 붙여 넣습니다.

Madison와 Robert는 Lunarsphere Studio 학습 팀의 일원입니다. 여러분과 마찬가지로 그들에게는 매일 자신의 기술과 가능성의 한계를 테스트할 수 있는 새로운 도전 기회가 주어집니다. 오늘 여러분은 Madison과 Robert처럼 Adobe Captivate를 처음으로 사용하게 됩니다.

상단 오른쪽 세로 상자에 이미지를 추가하려면 슬라이드에서 해당 상자를 선택합니다.

도구 모음에서 미디어를 클릭한 다음 이미지를 선택합니다.

컴퓨터에서 이미지 파일을 선택할 수 있는 대화 상자가 표시됩니다.

다운로드한 파일 폴더에서 에셋 하위 폴더로 이동합니다.

lunasphere -studios-team.png  파일을 선택하고 엽니다.

이 이미지는 상단 오른쪽 세로 Fluid Box 상자에 배치됩니다.

이미지의 크기가 배치되는 Fluid Box에 맞게 어떻게 조정되는지 살펴 보십시오.

미리 보기 슬라이더를 왼쪽 및 오른쪽으로 이동하여 이 슬라이드의 반응을 테스트합니다.

아니면 드롭다운 목록의 미리 보기에서 다른 장치를 선택합니다.

다운로드한 파일 폴더에서 샘플 하위 폴더로 이동하고 엽니다.

create-responsive-projects.cptx

도구 모음에서 슬라이드를 클릭하고 소프트웨어 시뮬레이션을 선택합니다.

추가 슬라이드 레코딩 대화 상자에서 소프트웨어 시뮬레이션을 삽입하려는 위치 뒤에 있는 슬라이드를 선택하고 확인을 클릭합니다.

대화 상자에 데모를 레코딩할 수 있는 옵션이 표시됩니다. 다음 옵션을 선택합니다.

• 드롭다운 목록에서 PowerPoint를 선택합니다.
• 모드 드롭다운 목록에서 데모 모드가 선택되어 있는지 확인합니다.

레코딩을 클릭합니다.

카운터 수를 1로 줄이면 PowerPoint 응용 프로그램이 전경으로 이동합니다.

PowerPoint에서 다음 단계를 수행합니다.

1. 파일 메뉴를 선택합니다.
2. 새로 만들기를 선택합니다.
3. 테마를 선택합니다.
4. 대화 상자에서 만들기를 클릭합니다.

시뮬레이션을 종료하려면:

• Windows의 경우 키보드의 End 키를 누릅니다.
• MAC의 경우 상단 막대에서 Adobe Captivate 아이콘을 클릭합니다.

시뮬레이션을 종료하면 Adobe Captivate가 전경으로 다시 이동합니다.

데모 슬라이드가 프로젝트에 삽입됩니다.

레코딩된 슬라이드는 Captivate 프로젝트에 추가됩니다. 각 시뮬레이션 슬라이드에 파란색 사각형이 표시됩니다 . 파란색 사각형은 각 시뮬레이션의 초점 영역입니다. 편집 영역에서만 볼 수 있으며 , 프로젝트를 미리 보거나 게시할 때 사라집니다. 이 파란색 사각형의 크기는 Captivate 반응형 프로젝트에 대해 지원되는 최소 장치 크기입니다.

시뮬레이션의 각 슬라이드에도 파란색 테두리 상자가 포함되어 있습니다. 이 슬라이드의 영역은 최소 크기 장치에 대해 표시됩니다. 기본적으로 Adobe Captivate에 선택되어 있는 영역과 다른 영역을 표시하려면 이 상자를 슬라이드 주변으로 이동합니다.

다운로드한 파일 폴더에서 샘플 하위 폴더로 이동하고 엽니다.

create-responsive-projects.cptx

도구 모음에서 슬라이드를 클릭하고 질문 슬라이드를 선택합니다.

질문 삽입 대화 상자에서 참/거짓 확인란을 선택한 다음 확인을 클릭합니다.

요약 슬라이드 뒤에 질문 슬라이드가 삽입됩니다.

또한 Adobe Captivate가 질문 슬라이드 뒤에 퀴즈 결과 슬라이드를 삽입합니다.

반응형 프로젝트에 질문 슬라이드를 추가하면 Adobe Captivate가 질문의 모든 개체를 Fluid Box에 추가하여 반응을 확인합니다.

또한 슬라이드의 반응을 빠르게 확인할 수 있는 미리 보기 슬라이더 옵션도 제공합니다.

질문 슬라이드에서 텍스트 영역에 다음 질문을 입력합니다(자리 표시자 텍스트 덮어쓰기).

Adobe Captivate를 사용해 반응형 프로젝트를 만들 수 없습니다.

거짓을 선택합니다.

다운로드한 파일 폴더에서 샘플 하위 폴더로 이동하고 엽니다.

non-responsive-project.cptx

반응형 프로젝트에서 슬라이드 위에 표시되는 미리 보기 슬라이더가 비반응형 프로젝트의 슬라이드 위에는 표시되지 않습니다. 미리 보기 슬라이더는 프로젝트가 반응형인지 여부를 확인할 수 있는 유용한 시각적 표시입니다.

파일 메뉴에서 반응형으로 저장을 선택합니다.

모든 Adobe Captivate 개체가 반응형 프로젝트에서 지원되지는 않으므로 다음 대화 상자가 표시됩니다.

지원되지 않는 항목 표시를 클릭합니다.

HTML5 트래커 패널에는 지원되지 않는 개체 및 슬라이드 목록이 표시됩니다.

패널에서 지원되지 않는 개체 열기를 클릭합니다.

그러면 개체가 포함되어 있는 슬라이드로 이동됩니다. 또한 슬라이드에서 개체가 선택됩니다.

예를 들어 사용자가 모바일 장치에서 결과물을 볼 경우 프로젝트에 롤오버 개체가 반드시 포함되어 있어야 합니다.

슬라이드에서 선택된 롤오버 캡션을 제거합니다.

이제 개체가 HTML5 트래커 패널에 표시되지 않습니다.

지원되지 않는 개체를 제거한 후 파일 메뉴에서 반응형으로 저장을 선택합니다.

대화 상자에서 저장을 클릭합니다.

다른 이름으로 저장 대화 상자에서 컴퓨터의 파일 위치 및 새로 변환된 반응형 프로젝트에 대한 파일 이름을 선택합니다.

이제 미리 보기 슬라이더가 변환된 프로젝트에서 슬라이드 위에 표시됩니다.