강의 활동에서 이미지를 포맷하는 방법 - Leadership Academy – Udemy Business

이 문서에서는 현재 기능, 모범 사례 및 팁을 포함하는 강의 활동을 구축할 때 이미지를 포맷하는 방법에 대한 개요를 제공합니다.

현재 플랫폼에서는 활동의 Build(생성) 페이지의 Description(설명) 섹션에 이미지를 업로드할 때 Alignment(정렬) 및 Size(크기)의 두 가지 옵션을 제공합니다. 활동을 생성하는 방법에 대해 자세히 알아보세요.

Alignment(정렬): 현재 왼쪽 정렬 및 오른쪽 정렬을 모두 사용할 수 있습니다. 이 옵션을 선택하면 이미지가 자동으로 이미지 주변에 서식 지정된 텍스트와 함께 강의 플레이어의 왼쪽 또는 오른쪽에 정렬됩니다. 이미지를 가운데 정렬하려면 아래 섹션의 지침을 따릅니다.
Size(크기): Large(크게)(페이지 너비의 100% 또는 1080px), Medium(보통)(페이지 너비의 50% 또는 540px), Small(작게)(페이지 너비의 25% 또는 270px) 세 가지 중에서 선택할 수 있습니다. 선택한 옵션보다 이미지가 넓으면 선택한 크기로 재포맷되어 이미지가 제대로 보이지 않거나 흐리게 보일 수 있습니다.

활동을 작성할 때는 총 두 개의 브라우저 탭 즉, Build(생성) 페이지용 브라우저 탭과 강의 활동의 수강생 보기용 브라우저 탭을 사용하세요. 이렇게 하면 수강생의 관점에서 강의 플레이어에 활동이 어떻게 표시되는지 수시로 확인하며 적절하게 업데이트할 수 있습니다.
수강생이 다양한 기기와 다양한 화면 크기를 사용하여 강의를 본다는 사실을 잊지 마세요. 화면의 포맷이 모든 수강생이 사용하는 기기의 환경과 다를 수 있습니다.
모범 사례는 아니지만 원하는 서식이 깔끔하게 표시되도록 하려면 Description(설명) 섹션의 텍스트 주위에 Enter 키를 여러 번 눌러 텍스트가 이미지 주위에 배치되지 않도록 하는 방법도 있습니다. 이미지가 작고 왼쪽 또는 오른쪽 정렬인 경우 텍스트가 이미지의 왼쪽 또는 오른쪽에 자동으로 배치됩니다. 텍스트를 이미지 아래로 이동하려는 경우 이 옵션을 사용할 수 있습니다. 단, 다른 기기를 사용하는 수강생에게는 활동 화면이 좀 다르게 표시될 수 있다는 점을 염두에 두어야 합니다.

1. 강의 활동 Description(설명) 섹션에 이미지를 업로드합니다.

2. 업로드되면 Description(설명) 섹션 상단의 Source Code(소스 코드) 아이콘을 클릭합니다.

3. 이미지의 코드를 찾습니다. 정렬, 너비, 크기는 다를 수 있지만 일반적으로 다음과 같이 표시됩니다.

4. 이 코드 직전, 즉 "<img class" 왼쪽에 "<center>"를 입력합니다(따옴표 제외). 코드 바로 다음에, 즉 "/>" 오른쪽에 </center>를 입력합니다. 다음과 같이 보여야 합니다.

5. 코드의 정렬 부분을 봅니다. "image-left" 또는 "image-right" 부분입니다. 이를 "image-center"로 변경합니다. 이제 코드는 다음과 같아야 합니다.

6. OK(확인)를 클릭합니다. 이미지가 Description(설명) 섹션의 중앙으로 이동되어야 합니다. 활동 Build(생성) 페이지 하단에 있는 Update(업데이트)를 클릭합니다.

7. 다른 브라우저 창을 사용해 수강생의 관점으로 활동을 보고 이미지가 올바르게 표시되는지 확인합니다.