Last Updated : 2017-10-31

1

목차

Aproshe Editor Professional 에 대하여 ...........................................................................................................................................4

저작권............................................................................................................................................................................................................4

제품특징.......................................................................................................................................................................................................4

사용환경.......................................................................................................................................................................................................4

설치 및 제거...................................................................................................................................................................................................5

설치하기.......................................................................................................................................................................................................5

제거하기 .....................................................................................................................................................................................................7

화면 구성..........................................................................................................................................................................................................8

파일 화면 구성 .......................................................................................................................................................................................8

편집 화면 구성 .......................................................................................................................................................................................9

문서 열기 및 저장하기 ...........................................................................................................................................................................10

PDF 파일 열기........................................................................................................................................................................................ 10

다른 파일 형식 열기........................................................................................................................................................................... 11

샘플 열기.................................................................................................................................................................................................. 11

샘플 원본 형식 다운로드.................................................................................................................................................................. 12

저장하기.................................................................................................................................................................................................... 12

멀티미디어 개체 삽입하기 ....................................................................................................................................................................12

이미지 삽입하기.................................................................................................................................................................................... 12

비디오 삽입하기.................................................................................................................................................................................... 13

오디오 삽입하기.................................................................................................................................................................................... 15

텍스트 삽입하기 .........................................................................................................................................................................................16

스티커 삽입하기 .........................................................................................................................................................................................17

일반스티커 삽입하기........................................................................................................................................................................... 17

움직이는 스티커 삽입하기............................................................................................................................................................... 20

문제풀이 만들기 .........................................................................................................................................................................................21

객관식 문제 만들기............................................................................................................................................................................. 22

주관식 문제 만들기............................................................................................................................................................................. 24

플래시카드(답 가리기) 만들기........................................................................................................................................................ 27

2

채점하기 버튼 추가하기 .................................................................................................................................................................. 30

채점하기 버튼 + 점수박스 추가하기 ....................................................................................................................................... 32

링크 만들기 .................................................................................................................................................................................................. 34

다른 페이지로 이동하는 링크 만들기........................................................................................................................................ 34

웹 페이지 링크 만들기...................................................................................................................................................................... 35

다른 파일을 여는 링크 만들기...................................................................................................................................................... 37

콘텐츠 미리보기 .........................................................................................................................................................................................38

HTML5 변환 ..............................................................................................................................................................................................38

옵션 ..................................................................................................................................................................................................................41

표시 언어 변경하기............................................................................................................................................................................. 41

프로그램 정보 및 업데이트 확인.................................................................................................................................................. 41

3

Aproshe Editor Professional 에 대하여

저작권

이 소프트웨어(Aproshe Editor Professional) 사용자 가이드의 내용과 Aproshe Editor Professional 제품에

포함된 모든 프로그램과 자료 파일, 콘텐츠 등은 저작권법과 컴퓨터 프로그램 보호법에 의하여 보호받고

있습니다. Aproshe Editor Professional 제품에 포함된 모든 프로그램과 자료 파일, 콘텐츠 및 이 사용자

가이드의 전부 또는 일부분을 닥스콘㈜의 사전 동의 없이 어떠한 목적으로도 변형하거나 재가공하여

판매 또는 배포하는 등의 행위는 엄격히 금지됩니다.

제품 패키지에 포함된 Aproshe Editor Professional 사용 계약서에는 구매한 제품을 사용하는데 따른 사용

계약 사항이 명시되어 있으므로 반드시 읽어보시기 바랍니다.

이 사용자 가이드의 내용과 사양은 사전 예고 없이 변경될 수 있습니다.

Copyright ⓒ 2016 Docscon Inc. All rights reserved.

제품특징

Aproshe Editor 는 누구나 손쉽게 다이나믹한 콘텐츠를 제작 할 수 있는 인터렉티브 콘텐츠 저작 툴

입니다.

� 멀티미디어, 애니메이션, 문제풀이가 포함된 콘텐츠를 손쉽게 제작

� MS OFFICE, 아래한글, PDF 등 기존 자료를 재활용하여 몇 번의 클릭 만으로 전문가 수준의

인터렉티브 콘텐츠로 변화

사용환경

n 소프트웨어 사양

구분 사양

OS Windows 7 이상

n 하드웨어 사양

구분 사양

CPU Intel Pentium 4 이상

4

RAM 1 GB 이상

하드 디스크 1 GB 이상(설치 여유 공간)

그래픽 카드 Open GL 3.0 이상

화면 해상도 ▪ 최적: 1920 x 1080 ▪ 권장: 1600 x 900

설치 및 제거

설치하기

Aproshe Editor Professional을 설치하는 방법은 다음과 같습니다.

1. Aproshe Editor Professional 실행 파일을 더블클릭하여 실행합니다.

2. 다음과 같은 설치 화면이 나타납니다. [다음 >] 버튼을 클릭하여 설치를 시작합니다.

3. 사용권 계약을 읽고 [동의함]을 클릭하면 설치가 진행됩니다.

5

4. 설치가 진행되는 중 [정보] 알림창이 뜨면 [확인]을 누릅니다.

5. 설치가 완료되면 [마침] 버튼을 클릭하여 설치를 종료합니다.

6

제거하기

Aproshe Editor Professional을 제거하는 방법은 다음과 같습니다.

1. 윈도우의 [시작] 버튼을 클릭합니다.

2. [제어판]을 열고, [프로그램 및 기능] 메뉴를 클릭합니다.

3. Aproshe Editor 항목 위에서 마우스 우클릭 하여 [제거]를 클릭합니다.

7

4. 제거를 확인하는 창이 나타나면 [예(Y)] 버튼을 클릭합니다.

5. 제거가 완료되면 [확인] 버튼을 클릭합니다.

화면 구성

Aproshe Editor Professional을 열었을 때 보여지는 전체 화면의 구성과 각 탭별 리본 메뉴 구성, 툴바 및

상태 표시줄에 대해 설명합니다.

파일 화면 구성

파일 화면은 Aproshe Editor Professional을 실행하면 나타나는 메인 화면입니다. 파일 화면에서는 다양한

형식의 문서나 샘플 파일을 열거나 저장할 수 있고, 프로그램 옵션을 변경할 수 있습니다.

8

번호 이름 설명

1 파일 메뉴 열기, 샘플, 저장, 옵션 등의 기본 메뉴입니다.

2 열기 및 샘플 문서 로컬에 저장된 문서나 원하는 샘플 문서를 열 수 있습니다.

편집 화면 구성

Aproshe Editor Professional은 사용자들에게 익숙한 리본 메뉴 스타일의 UI로 구성되어 사용자들이

편리하게 사용할 수 있습니다.

9

번호 설명

1 문서의 제목입니다.

2 빠른 실행 도구 모음입니다.

3 프로그램의 탭 메뉴입니다.

4 리본 메뉴입니다.

5 페이지 구성입니다. 축소판을 클릭하여 해당 페이지로 이동합니다.

6 편집 창입니다.

7 화면을 최소화 또는 최대화하거나 종료합니다.

8 속성 창입니다.

9 상태 표시줄입니다. 보기 모드를 변경하거나 확대, 축소할 수 있습니다.

문서 열기 및 저장하기

문서를 열고 저장하는 기본적인 사용 방법에 대해 설명합니다.

PDF 파일 열기

PDF 파일을 여는 방법은 다음과 같습니다.

1. 화면 상단 리본의 [파일] 탭을 클릭 후. 좌측 메뉴 중 [열기]를 클릭합니다.

10

2. [ 컴퓨터]를 클릭한 후 PDF 열기에서 [ 찾아보기]를 클릭합니다.

3. Windows 탐색기에서 원하는 문서를 선택한 후 [열기] 버튼을 클릭합니다.

다른 파일 형식 열기

Aproshe Editor Professional에서는 .pdf 확장자 파일 뿐 아니라, 다른 확장자의 파일도 열 수 있습니다.

(HWP, DOC, DOCX, XLS, XLSX, PPT, PPTX, PPS, PPSX, JPG, JPEG, PNG, GIF, BMP 등)

1. 화면 상단 리본의 [파일] 탭을 클릭 후. 좌측 메뉴 중 [열기]를 클릭합니다.

2. [ 컴퓨터]를 클릭한 후 다른 문서 열기에서 [ 찾아보기]를 클릭합니다.

3. Windows 탐색기에서 원하는 문서를 선택한 후 [열기] 버튼을 클릭합니다.

NOTE

§ .pdf 확장자가 아닌 다른 확장자의 파일은 PDF 문서로 변환되어 열립니다.

§ 열고자 하는 확장자의 프로그램이 시스템에 설치되어 있어야 합니다.

예를 들면, .docx 확장자를 열기 위해서는 MS Word 제품이 설치되어 있어야 합니다.

샘플 열기

Aproshe Editor Professional에서 제작이 가능한 다양한 샘플을 제공합니다.

1. [파일 > 샘플]을 클릭합니다.

2. 우측 화면에서 원하는 샘플을 클릭합니다.

11

3. [열기]를 클릭하면 샘플 콘텐츠가 편집 화면에서 열립니다.

샘플 원본 형식 다운로드

Aproshe Editor Professional에서는 샘플에 대한 원본 파일을 제공합니다.

1. [파일 > 샘플]을 클릭합니다.

2. 우측 화면에서 원하는 샘플을 클릭합니다.

3. [.*** 다운로드]를 클릭하면 원본 파일이 PC에 저장됩니다.

NOTE

§ 샘플 콘텐츠의 원본 파일을 제공하는 이유는 다양한 포맷으로 제작된 자료를 Aproshe Editor에서

어떻게 인터렉티브 콘텐츠로 변화 시키는지 소개하기 위함입니다.

§ 한컴오피스, MS Office, 이미지편집 툴 등으로 제작한 원본 파일을 간편하고 재미있게 다이나믹한

콘텐츠로 만들어 보세요

저장하기

문서를 저장하는 방법은 다음과 같습니다

n 문서 저장하기

[파일 > 저장]을 클릭하거나 툴바의 [저장] 아이콘( )을 클릭하여 저장합니다. 문서는 .pdf 형식으로

저장됩니다.

n 다른 이름으로 저장하기

기존 문서를 유지하며 작업한 파일을 새 이름으로 저장할 경우 [파일 > 다른 이름으로 저장]을

클릭하니다..

12

멀티미디어 개체 삽입하기

이미지 삽입하기

PC에 저장되어 있는 이미지를 삽입합니다. 삽입 가능한 확장자는 BMP, JPG, PNG, TIF, TIFF 입니다.

1. [홈] 탭의 [이미지]를 클릭하면 [이미지 삽입] 창이 나타납니다.

2. PC에 저장되어 있는 이미지를 선택한 후 [열기] 버튼을 클릭합니다.

3. 삽입된 이미지를 드래그하여 원하는 위치로 이동하거나 크기를 조절합니다.

n 속성

속성명 설명

크기 높이/너비 이미지의 크기를 조정합니다.

13

비디오 삽입하기

PC에 저장되어 있는 비디오를 삽입합니다. 삽입 가능한 확장자는 MP4, MPEG, MPG 입니다.

1. [홈] 탭의 [비디오]를 클릭하면 [비디오 삽입] 창이 나타납니다.

2. PC에 저장되어 있는 비디오를 선택한 후 [열기] 버튼을 클릭합니다.

3. 삽입된 비디오를 드래그하여 원하는 위치로 이동하거나 크기를 조절합니다.

n 속성

속성명 설명

비디오 컨트롤러보이기 뷰어에서 재생될 때 컨트롤 창을 표시합니다.

숨기기 뷰어에서 재생될 때 컨트롤 창을 숨깁니다.

비디오 재생 옵션자동 실행 페이지가 열릴 때 비디오가 자동으로 재생됩니다.

클릭할 때 실행 비디오 영역을 클릭할 때 재생됩니다.

14

반복 재생 비디오가 반복 재생됩니다.

전체 화면 비디오가 전체 화면에서 재생됩니다.

미리보기기본 이미지 기본 이미지를 미리보기 이미지로 지정합니다.

내 이미지 미리보기 이미지를 직접 지정합니다.

크기 높이/너비 비디오의 크기를 조정합니다.

NOTE

§ 1개에 2GB를 초과하는 비디오 파일은 삽입할 수 없습니다.

§ 웹, PC, 모바일 기기에서 MP4(H264, AAC)가 가장 최적화 되어있습니다.

오디오 삽입하기

PC에 저장되어 있는 오디오를 삽입합니다. 삽입 가능한 확장자는 MP3 입니다.

1. [홈] 탭의 [오디오]를 클릭하면 [오디오 삽입] 창이 나타납니다.

2. PC에 저장되어 있는 오디오를 선택한 후 [열기] 버튼을 클릭합니다.

3. 삽입된 오디오 아이콘을 드래그하여 원하는 위치로 이동하거나 크기를 조절합니다.

15

4. 오디오 아이콘은 속성 창에서 교체하거나 숨길 수 있습니다.

n 속성

속성명 설명

오디오 컨트롤러보이기 오디오가 뷰어에서 재생될 때 컨트롤 창을 표시합니다.

숨기기 오디오가 뷰어에서 재생될 때 컨트롤 창을 숨깁니다.

오디오 재생 옵션

자동 실행 페이지가 열릴 때 오디오가 자동으로 재생됩니다.

클릭할 때 실행 오디오 영역이나 아이콘을 클릭할 때 재생됩니다.

반복 재생 오디오가 반복 재생됩니다.

오디오 아이콘

보이기 오디오 영역을 아이콘으로 표시합니다.

숨기기아이콘을 숨깁니다. 아이콘이 보이지 않아도 영역을 클릭하여

오디오를 재생시킵니다.

모양 변경 오디오 아이콘의 모양을 변경합니다.

크기 높이/너비 오디오 영역 및 아이콘의 크기를 조정합니다.

NOTE

§ 1개에 2GB를 초과하는 오디오 파일은 삽입할 수 없습니다.

§ 오디오 포맷은 MP3(Layer-3(ACM), 44100Hz, 128 Kbds, joint stereo)가 가장 최적화 되어있습니다.

16

텍스트 삽입하기

페이지 내의 원하는 위치에 새로운 텍스트를 추가할 수 있습니다.

1. [홈] 탭의 [텍스트]를 클릭하면 마우스 커서가 [ ] 모양으로 바뀝니다.

2. 원하는 위치에 마우스를 드래그하여 텍스트 박스를 그립니다.

3. 생성된 텍스트 박스를 더블 클릭하여 텍스트를 입력합니다.

4. 왼쪽 속성 창에서 글꼴, 텍스트상자 등의 속성을 변경합니다.

n 속성

속성명 설명

글꼴

글꼴 선택 글꼴을 선택합니다.

글꼴 크기 텍스트 크기를 변경합니다.

글꼴 색 텍스트 색을 변경합니다.

텍스트 상자

채우기 색 텍스트 상자 채우기 색을 변경합니다.

선 두께 텍스트 상자 윤곽선의 두께를 선택합니다.

선 색 텍스트 상자 윤곽선의 색을 변경합니다.

선 종류 실선(Solid), 점선(Dashed), 밑줄(Underlined) 중 선택합니다.

17

크기 높이/너비 텍스트 상자의 크기를 조정합니다.

NOTE

§ 속성 창에서 글꼴 종류, 크기, 색을 변경할 경우 해당 텍스트 상자 안의 포함된 모든 텍스트가 일

괄적으로 변경됩니다.

§ 다른 글꼴 종류, 크기, 색을 적용하고 싶으면 텍스트 상자를 추가로 생성하여 작업하십시오.

스티커 삽입하기

Aproshe Editor Professional에서는 콘텐츠를 만들 때 필요한 여러 가지 이미지 스티커를 제공하고

있습니다. 제공된 다양한 스티커를 이용하거나 PC에 저장된 이미지를 스티커로 삽입하여 인터렉티브

콘텐츠를 만들 수 있습니다.

일반 스티커 삽입하기

프로그램에서 제공하는 스티커를 삽입하거나 내 PC에서 삽입할 수 있습니다.

n 제공된 스티커 삽입하기

1. [홈] 탭의 [스티커]를 클릭하여 스티커 갤러리를 아래로 펼칩니다.

2. 교육, 비즈니스 등 다양한 카테고리에서 원하는 스티커를 선택하여 클릭하면 페이지에 삽입됩니다.

18

3. 스티커를 드래그하여 원하는 위치로 이동하거나 크기를 변경합니다.

n 내 PC에서 삽입하기

1. [홈] 탭의 [스티커]를 클릭하여 스티커 갤러리를 아래로 펼칩니다

2. 내 PC에서 삽입에서 찾아보기 아이콘[ ]을 클릭합니다.

3. PC에 저장되어 있는 이미지 파일을 선택한 후 [열기] 버튼을 클릭합니다.

n 이동식 스티커로 설정하기

1. 삽입된 스티커를 선택합니다.

2. 속성 창에서 [열람 중 스티커 이동 > 이동식 스티커]를 선택합니다.

3. 리본메뉴에 [미리보기]를 클릭한 후에 해당 스티커를 드래그 하면 작업 결과를 확인할 수 있습니다.

19

n 속성

속성명 설명

열람 중 스티커

이동

위치 고정

스티커위치가 고정된 스티커로 설정합니다.

이동식 스티커 콘텐츠 열람할 때 위치 이동이 가능한 스티커로 설정합니다.

크기 높이/너비 스티커의 크기를 조정합니다.

NOTE

§ 이동식 스티커는 마우스 드래그나 손가락 터치로 스티커를 이동시킬 수 있는 기능입니다. 이동식

스티커 옵션을 선택하고 미리보기에서 확인해보세요.

§ 이동식 스티커 기능으로 스티커 북, 퍼즐 게임 등 다양하고 재미있는 인터렉티브 콘텐츠를 손쉽게

만들 수 있습니다.

움직이는 스티커 삽입하기

프로그램에서 제공하는 움직이는 스티커를 삽입하거나 내 PC에서 삽입할 수 있습니다.

n 제공된 움직이는 스티커 삽입하기

1. [홈] 탭의 [움직이는 스티커]를 클릭하여 갤러리를 아래로 펼칩니다.

2. 캐릭터, 도형/기호 등 다양한 카테고리에서 원하는 움직이는 스티커를 클릭하면 페이지에 삽입됩니다.

20

3. 스티커를 드래그하여 원하는 위치로 이동하거나 크기를 변경합니다.

4. 리본메뉴에 [미리보기]를 클릭한 후에 움직이는 스티커의 애니메이션 효과를 확인할 수 있습니다.

n 내 PC에서 삽입하기

1. [홈] 탭의 [움직이는 스티커]를 클릭하여 갤러리를 아래로 펼칩니다

2. 내 PC에서 삽입에서 찾아보기 아이콘[ ]을 클릭합니다.

3. PC에 저장되어 있는 GIF, ZIP 형식의 움직이는 이미지 파일을 선택한 후 [열기] 버튼을 클릭합니다.

n 속성

속성명 설명

크기 높이/너비 스티커의 크기를 조정합니다.

NOTE

§ 움직이는 스티커는 GIF나 ZIP 형식으로 제작된 애니메이션 이미지입니다. Aproshe Editor에서 제공

하는 다양한 움직이는 스티커로 생동감있고 흥미로운 콘텐츠를 제작할 수 있습니다.

§ 움직이는 스티커를 삽입하고 미리보기에서 확인해보세요.

21

문제풀이 만들기

Aproshe Editor Professional에서는 다양한 문제풀이 기능을 제공합니다. 문서 내에서 문제를 풀고 바로

채점이 가능한 문제집 콘텐츠를 만들 수 있습니다.

객관식 문제 만들기

객관식 문제를 만드는 방법은 다음과 같습니다

n 객관식 문제풀이 만들기

1. [홈] 탭의 [문제풀이]를 클릭하여 갤러리를 아래로 펼칩니다

2. 객관식 카테고리에서 원하는 보기 개수를 선택합니다.

3. 아래 그림과 같이 문제 영역인 [Q]개체( )와 보기 영역인 [A]개체( )가 페이지에 가운데에 삽입됩

니다. (예를 들어 5지 선다 객관식을 선택했을 경우 Q 개체 1개, A 개체 5개가 생성됩니다.)

4. 아래 그림과 같이 생성된 Q, A 개체를 원하는 위치로 드래그하여 이동시킵니다.

22

Q 개체( )는 문제 영역에 위치시킵니다. 채점 시 O, X가 표시되는 부분입니다.

A 개체( )는 객관식 보기 영역에 위치시킵니다. 답을 체크하는 부분입니다.

n 객관식 정답 지정하기

1. Q 또는 A 개체를 선택한 상태에서 화면 왼쪽에 [문제풀이 속성 > 정답 지정] 에서 해당 문제의 정답

을 체크하면 정답 지정이 완료됩니다.

2. 문제풀이 생성 및 정답 지정을 완료한 후에는 리본메뉴의 [미리보기]에서 확인할 수 있습니다. 보기

중 정답을 클릭하고 문제영역을 클릭합니다.

23

n 속성

속성명 설명

정답 지정 정답 지정객관식 정답을 체크합니다. 여러 개를 동시에 체크하면 복수

정답으로 지정됩니다.

크기 높이/너비 선택된 개체의 크기를 조정합니다.

주관식 문제 만들기

주관식 문제를 만드는 방법은 다음과 같습니다

n 주관식 문제풀이 만들기

1. [홈] 탭의 [문제풀이]를 클릭하여 갤러리를 아래로 펼칩니다

2. 주관식 카테고리에서 [단일 정답] 또는 [복수 정답]을 선택합니다.

단일 정답은 정답 입력 칸이 1개인 주관식 문제이고, 복수 정답은 정답 입력 칸이 여러 개인 문제입

니다.

3-1. [단일 정답] 아이콘을 클릭하면 문제 영역인 [Q]개체( )와 주관식 답 입력 영역인 [A]개체

( )가 페이지에 가운데에 삽입됩니다.

3-2. [복수 정답] 아이콘을 클릭하면 정답 개수를 선택하는 창이 표시됩니다. 원하는 정답 개수를 입력

하고 확인을 누릅니다.

24

4. [단일 정답] 문항 1개와 [복수 정답] 문항 1개를 생성한 결과는 아래 그림과 같습니다.

5. 아래 그림과 같이 생성된 Q, A 개체를 원하는 위치로 드래그하여 이동시킵니다.

Q 개체( )는 문제 영역에 위치시킵니다. 채점 시 O, X가 표시되는 부분입니다.

A 개체( )는 정답 영역에 위치시킵니다. 주관식 답을 입력하는 부분입니다.

n 주관식 정답 지정하기

1. Q 또는 A 개체를 선택한 상태에서 화면 왼쪽에 [문제풀이 속성 > 정답 지정] 에서 해당 문제의 정답

을 입력합니다.

25

2. 문제풀이 생성 및 정답 지정을 완료한 후에는 리본메뉴의 [미리보기]에서 확인할 수 있습니다. 정답을

입력하고 문제영역을 클릭합니다.

n 속성

속성명 설명

정답 지정 정답 지정 주관식 답안을 입력합니다. 입력된 값이 정답으로 지정됩니다.

26

정답 대소문자 무시 답안의 대소문자를 무시합니다.

정답 순서 무시 복수 정답일 때 정답 입력 순서를 무시합니다.

정답 박스

채우기 색 정답 입력 상자의 채우기 색을 변경합니다.

선 두께 정답 입력 상자의 윤곽선의 두께를 선택합니다.

선 색 정답 입력 상자의 윤곽선의 색을 변경합니다.

선 종류 실선(Solid), 점선(Dashed), 밑줄(Underlined) 중 선택합니다.

크기 높이/너비 선택된 개체의 크기를 조정합니다.

플래시카드(답 가리기) 만들기

플래시카드는 페이지의 특정 영역을 박스나 이미지로 가리는 기능입니다. 영역을 클릭하여 숨기거나 보이

게 할 수 있습니다.

n 사각형 플래시카드 만들기

1. [홈] 탭의 [문제풀이]를 클릭하여 갤러리를 아래로 펼칩니다

2. 플래시카드(답 가리기) 카테고리에서 [사각형] 아이콘( )을 클릭하면 커서가 [ ] 모양으로 바뀝

니다.

3. 원하는 위치에 마우스를 드래그하여 사각형을 그립니다.

27

4. 왼쪽 속성 창에서 사각형의 속성과 크기를 변경할 수 있습니다.

5. 리본메뉴 [미리보기]에서 플래시카드가 적용된 형태를 확인합니다. 사각형으로 가려진 영역을 한번 클

릭하면 내용이 보이고 다시 한번 클릭하면 가려집니다.

n 속성

속성명 설명

도형 속성

채우기 색 사각형의 채우기 색을 변경합니다.

선 두께 사각형의 윤곽선의 두께를 선택합니다.

선 색 사각형의 윤곽선의 색을 변경합니다.

선 종류 실선(Solid), 점선(Dashed), 밑줄(Underlined) 중 선택합니다.

크기 높이/너비 사각형의 크기를 조정합니다.

28

n 이미지 플래시카드 만들기

1. [홈] 탭의 [문제풀이]를 클릭하여 갤러리를 아래로 펼칩니다

2. 플래시카드(답 가리기) 카테고리에서 [이미지] 아이콘( )을 클릭하면 [이미지 삽입] 창이 나타납니

다.

3. PC에 저장되어 있는 이미지를 선택한 후 [열기] 버튼을 클릭합니다.

4. 삽입된 이미지를 드래그하여 플래시카드로 가리고 싶은 위치로 이동시킵니다.

5. 리본메뉴 [미리보기]에서 플래시카드가 적용된 형태를 확인합니다. 이미지로 가려진 영역을 한번 클릭

하면 내용이 보이고 다시 한번 클릭하면 가려집니다.

29

n 속성

속성명 설명

도형 속성

채우기 색 이미지의 채우기 색을 변경합니다.

선 두께 이미지의 윤곽선의 두께를 선택합니다.

선 색 이미지의 윤곽선의 색을 변경합니다.

선 종류 실선(Solid), 점선(Dashed), 밑줄(Underlined) 중 선택합니다.

크기 높이/너비 이미지의 크기를 조정합니다.

채점하기 버튼 추가하기

다양한 문제풀이를 만든 후에는 채점하기 버튼과 점수 박스를 추가하여 문제를 풀고 즉시 채점까지 완료

할 수 있는 콘텐츠로 만듭니다.

1. [홈] 탭의 [문제풀이]를 클릭하여 갤러리를 아래로 펼칩니다

2. 채점하기 버튼 추가 카테고리에서 [채점 버튼] 아이콘( )을 클릭합니다.

3. 채점하기 버튼( )이 페이지에 추가되면 드래그하여 원하는 영역으로 이동시킵니다.

30

4. 왼쪽 채점하기 속성창에서 채점하기 버튼 이미지를 변경할 수 있습니다. 디폴트로 9종의 버튼 이미지

가 제공되며, PC에 저장되어 있는 이미지를 불러올 수도 있습니다.

5. 리본메뉴에 [미리보기]를 클릭한 후에 채점하기 버튼을 클릭하면 작업 결과를 확인할 수 있습니다.

n 속성

속성명 설명

채점하기 버튼 기본 버튼 기본 제공되는 채점하기 버튼 중에서 선택합니다.

31

사용자 이미지 PC 에 저장된 이미지를 채점하기 버튼으로 사용합니다.

크기 높이/너비 이미지의 크기를 조정합니다.

채점하기 버튼 + 점수 박스 추가하기

1. [홈] 탭의 [문제풀이]를 클릭하여 갤러리를 아래로 펼칩니다

2. 채점하기 버튼 추가 카테고리에서 [채점버튼+점수박스] 아이콘( )을 클릭합니다.

3. 채점하기 버튼( )과 점수박스( )가 페이지에 추가되면 드래그하여 원하는 영역으로 이동

시킵니다.

32

4. 채점하기 버튼을 선택한 후 왼쪽 속성창에서 채점하기 버튼 이미지를 변경할 수 있습니다. 디폴트로

9종의 버튼 이미지가 제공되며, PC에 저장되어 있는 이미지를 불러올 수도 있습니다.

5. 점수박스 개체를 선택한 후 왼쪽 속성창에서 점수 표시 형식과 점수 표시 상자의 속성을 변경할 수

있습니다.

6. 리본메뉴에 [미리보기]를 클릭한 후에 채점하기 버튼을 클릭하면 작업 결과를 확인할 수 있습니다.

n 속성

속성명 설명

점수 표시맞춘 개수 [맞춘 개수 / 전체 문항수]로 점수를 표시합니다.

백분율 환산 점수 [백분율 환산 점수 / 100]로 점수를 표시합니다.

도형 속성

채우기 색 점수 표시 상자의 채우기 색을 변경합니다.

선 두께 점수 표시 상자의 윤곽선의 두께를 선택합니다.

선 색 점수 표시 상자의 윤곽선의 색을 변경합니다.

33

선 종류 실선(Solid), 점선(Dashed), 밑줄(Underlined) 중 선택합니다.

크기 높이/너비 점수 표시 상자의 크기를 조정합니다.

링크 만들기

링크 만들기 기능은 원하는 위치에 링크를 걸어 웹 페이지로 이동하거나, 문서 내에서 다른 페이지로

이동할 수 있는 기능입니다. 문서에 파일을 첨부할 수도 있습니다.

다른 페이지로 이동하는 링크 만들기

다른 페이지로 이동하는 링크를 삽입하는 방법은 다음과 같습니다.

1. [홈] 탭의 [링크]를 클릭하면 마우스 커서가 [ ] 모양으로 바뀝니다.

2. 원하는 위치에 마우스를 드래그하여 링크 영역을 그리면 [링크] 창이 나타납니다.

3. [다른 페이지]를 클릭하고 이동할 페이지 번호를 선택한 후 [확인]을 클릭합니다.

4. 링크가 적용된 영역은 사각형으로 표시됩니다. 링크 영역 속성 창에서 테두리 선, 크기 등을 변경할

34

수 있습니다.

5. 리본메뉴의 [미리보기]에서 지정된 영역을 클릭하여 페이지 링크를 확인할 수 있습니다.

n 속성

속성명 설명

테두리 선

선 두께 사각형의 윤곽선의 두께를 선택합니다.

선 색 사각형의 윤곽선의 색을 변경합니다.

선 종류 실선(Solid), 점선(Dashed), 밑줄(Underlined) 중 선택합니다.

크기 높이/너비 사각형의 크기를 조정합니다.

웹 페이지 링크 만들기

웹 페이지로 이동하는 링크를 삽입하는 방법은 다음과 같습니다.

1. [홈] 탭의 [링크]를 클릭하면 마우스 커서가 [ ] 모양으로 바뀝니다.

2. 원하는 위치에 마우스를 드래그하여 링크 영역을 그리면 [링크] 창이 나타납니다.

35

3. [URL]을 클릭하고 웹 페이지 주소를 입력한 후 [확인]을 클릭합니다.

4. 링크가 적용된 영역은 사각형으로 표시됩니다. 링크 영역 속성 창에서 테두리 선, 크기 등을 변경할

수 있습니다.

5. 리본메뉴의 [미리보기]에서 지정된 영역을 클릭하여 웹 페이지 링크를 확인할 수 있습니다.

n 속성

속성명 설명

테두리 선

선 두께 사각형의 윤곽선의 두께를 선택합니다.

선 색 사각형의 윤곽선의 색을 변경합니다.

선 종류 실선(Solid), 점선(Dashed), 밑줄(Underlined) 중 선택합니다.

크기 높이/너비 사각형의 크기를 조정합니다.

36

다른 파일을 여는 링크 만들기

다른 파일을 여는 링크를 삽입하는 방법입니다.

1. [홈] 탭의 [링크]를 클릭하면 마우스 커서가 [ ] 모양으로 바뀝니다.

2. 원하는 위치에 마우스를 드래그하여 링크 영역을 그리면 [링크] 창이 나타납니다.

3. [파일 링크]를 클릭하고 열기 버튼을 클릭합니다.

4. 열기 창에서 링크할 파일을 선택하고 [열기]를 누릅니다.

5. 지정한 링크 영역에 파일 아이콘이 생성되며, 해당 위치에 파일이 첨부됩니다.

6. 리본메뉴의 [미리보기]에서 파일 아이콘을 클릭하여 첨부된 파일을 확인할 수 있습니다.

37

n 속성

속성명 설명

테두리 선

선 두께 아이콘의 윤곽선의 두께를 선택합니다.

선 색 아이콘의 윤곽선의 색을 변경합니다.

선 종류 실선(Solid), 점선(Dashed), 밑줄(Underlined) 중 선택합니다.

크기 높이/너비 아이콘의 크기를 조정합니다.

콘텐츠 미리보기

비디오, 오디오, 움직이는 스티커, 문제풀이, 링크 등의 인터렉티브 기능은 미리보기에서 확인이

가능합니다. 미리보기에서 보이는 형태는 전용 뷰어에서 열람하는 것과 동일합니다.

1. [홈] 탭의 [미리보기]를 클릭합니다.

2. 콘텐츠 페이지에 포함된 비디오, 오디오, 움직이는 스티커, 문제풀이, 링크 등 다양한 인터렉티브 요소

를 확인합니다.

3. 미리보기 옆에 생성된 [초기화] 아이콘( )을 클릭하면 미리보기 화면에서 변경된 문제풀이 등의 인

터렉티브 요소를 초기 상태로 되돌립니다. 이때 편집된 내용은 변경되지 않습니다.

4. [미리보기] 아이콘을 다시 한번 클릭하면 편집모드로 복귀됩니다.

HTML5 변환

생성한 콘텐츠를 HTML5 기반의 콘텐츠로 변환할 수 있습니다. .

1. [홈] 탭의 [HTML5]를 클릭합니다.

38

2. HTML5 변환을 위한 설정을 할 수 있는 팝업 창이 활성화 됩니다.

3. HTML5 기반의 콘텐츠는 [웹북 생성] [윈도우용 앱 생성] [웹뷰어용 서비스 콘텐츠 생성] 을 할 수 있

습니다.

4. 뷰어 설정 을 통하여 스킨을 선택할 수 있습니다.

5. 보기 설정 을 통하여 [단면 문서로 보기] [양면 문서로 보기] [양면 책으로 보기] 를 선택할 수 있습니

39

다. 이와 함께 [마지막 열람상태 기억] 에 대한 설정을 할 수 있습니다.

6. 품질 설정 을 통하여 [HTML5 렌더링 최적화] [최적화 수준] [텍스트 이미지화] [페이지 썸네일 사용] 을

선택할 수 있습니다.

7. HTML5 설정 값을 지정하고 [변환 시작] 버튼을 누르면 설정한 값에 따른 HTML5 콘텐츠가 생성됩니

다.

40

옵션

프로그램의 옵션을 설정하고 정보를 확인합니다.

표시 언어 변경하기

프로그램 표시 언어를 변경하는 방법은 다음과 같습니다.

1. 화면 상단 리본의 [파일] 탭을 클릭 후. 좌측 메뉴 중 [옵션]을 클릭합니다

2. Option 창이 나타나면 왼쪽 메뉴 중 [Language] 를 클릭합니다.

3. 프로그램에 표시될 언어를 변경하고 [확인]을 클릭하면 변경된 언어로 프로그램이 다시 시작됩니다.

프로그램 정보 및 업데이트 확인

프로그램 정보 및 업데이트를 확인하는 방법은 다음과 같습니다.

1. 화면 상단 리본의 [파일] 탭을 클릭 후. 좌측 메뉴 중 [옵션]을 클릭합니다

2. Option 창이 나타나면 왼쪽 메뉴 중 [Program Info] 를 클릭합니다.

3. [업데이트 확인] 버튼을 클릭합니다.

4. 새로운 버전이 있으면 업데이트 다운로드 및 설치를 진행합니다.

41