드래그 앤 드롭 제작 방법 – 후하액션™

  • 내 계정 -> 새로운 액션 추가 메뉴를 선택합니다.

인터랙티브 액션 내계정

 

  • 그 다음, 새로 추가 -> 드래그 앤 드롭 메뉴를 선택하여 새로운 드래그 앤 드롭 액션 콘텐츠를 생성합니다.

 

  • 타이틀을 작성합니다.

 

  • 설정 페이지에서 배경이미지 추가 버튼을 눌러 배경이미지를 설정합니다.

 

  • 태스트 영역 크기에서 배경의 크기를 설정할 수 있습니다.

 

  • 과제 페이지로 넘어가서,

 

  • 드롭 존을 설정하기 위해 드롭 존 추가 버튼을 클릭합니다.

 

  • 드롭 존 설정에서 레이블배경 투명도, 팁과 피드백을 설정합니다.

 

  • 드롭 존의 위치와 크기를 배치합니다.

 

  • 그 다음 텍스트 버튼을 클릭하여 텍스트를 생성합니다.

 

  • 텍스트 설정에서 텍스트 제목드롭 영역 선택, 배경 투명도를 설정합니다.

이 때 만약 드롭 영역 선택을 체크하지 않는다면 텍스트를 drag and drop할 때 체크하지 않은 드롭 존에는 텍스트를 drop할 수 없습니다.

  • 텍스트 설정을 완료했다면 아래 그림처럼 텍스트가 생성됩니다.

 

  • 마지막으로 드롭 존을 더블 클릭하여 정답을 설정하도록 합시다.

 

  • 올바른 요소 선택에서 정답이 되는 텍스트를 체크합니다. 

 

  • 이제 업데이트 버튼을 클릭하면,

 

  • 완성본

 

  • 아래의 있는 텍스트를 알맞는 그림 위에 drag and drop합니다.

 

  • 결과