adobe muse(어도브 뮤즈) 웹사이트 만들기 4부

adobe muse(어도브 뮤즈) 웹사이트 만들기 4부

Muse를 사용하여 첫 웹 사이트 만들기 3부에서는 가로 메뉴 위젯을 통해 사이트 탐색 메뉴를 추가하여 Main 마스터 페이지를 업데이트했습니다. [상태] 패널을 사용하여 메뉴 항목 및 레이블의 모양에 스타일을 지정하는 방법을 배웠습니다. 또한 [색상 견본] 패널에서 찾기 쉽도록 색상 견본의 이름을 바꾸는 방법도 배웠습니다. 그리고 마지막으로 마스터 페이지의 요소가 전경에 표시되도록 설정하는 방법을 살펴보았습니다. 4부에서는 임베디드 HTML을 사용하여 다른 웹 사이트에서 생성된 컨텐트를 Muse 사이트의 페이지에 표시하는 작업을 시작할 것입니다. 임베디드 HTML을 위젯 컨테이너 내부에 중첩시키는 방법도 살펴볼 것입니다.

임베디드 HTML을 사용하여 Muse 사이트에 블로그 표시

임베디드 HTML은 Google, YouTube, Flickr, Picasa 등의 타사 웹 사이트에서 생성된 소스 코드를 가리킵니다. 이러한 웹 사이트에서 계정을 설정하고 로그인한 다음 해당 사이트에서 임베디드 코드를 복사하고 사용자의 사이트에 추가할 수 있습니다.

임베디드 HTML을 페이지에 붙여 넣을 경우 타사 사이트의 컨텐트를 표시하는 창을 사용자 사이트의 페이지 안에 두는 것과 같습니다.

임베디드 HTML은 복잡한 정보(지도, 날씨 예보, 주식 시황 등) 및 멀티미디어(디지털 비디오, 슬라이드 쇼, 오디오 파일 등)를 빠르고 쉽게 추가할 수 있는 뛰어난 방법입니다. 이 전략은 타사 사이트를 호스팅 서비스 및 업로드 인터페이스로 활용할 수 있는 추가 이점도 제공합니다. 예를 들어, YouTube에서 무료 계정을 만들 경우 사용자 자신의 YouTube 채널을 만들고 사용자 사이트에 대한 비디오 컨텐트를 업로드할 수 있습니다.

YouTube에는 업로드 프로세스를 단순화하고 해당 사이트에 비디오 파일을 호스팅하는 웹 페이지가 있습니다. 사이트를 업데이트하고자 하는 경우 간단히 사용자의 YouTube 채널에 더 많은 비디오를 추가하고 임베디드 코드를 복사한 다음 페이지에 붙여 넣으면 새로운 비디오가 사용자의 Muse 사이트에 추가됩니다.

이 단원에서는 Tumblr에서 소스 코드를 복사할 것입니다. Tumblr는 계정을 만들고 로그인한 다음 공개적으로 사용 가능한 블로그 항목을 게시해야 하는 무료 온라인 서비스입니다. 블로그는 사용하기 쉬우며 기술적인 지식이 없는 사람도 쉽게 사이트를 업데이트할 수 있도록 하려는 경우 특히 유용합니다. 대부분의 블로그 사이트에는 HTML 지식이나 추가 소프트웨어 없이도 모든 브라우저를 사용하여 계정에 로그인하고 새 항목을 게시할 수 있도록 온라인 인터페이스가 포함되어 있습니다.

참고: 사용자의 웹 사이트를 보는 방문자는 페이지에 포함된 블로그를 보기 위해 Tumblr 계정이 필요하지 않습니다. 계정은 사용자 정의 블로그를 만들고 웹 사이트에 추가할 임베디드 코드를 생성하기 위해 사이트를 디자인하는 사용자 본인에게만 필요합니다.

1. 이 자습서를 위해 Tumblr 계정을 따라서 만들 필요는 없습니다. 무료 블로그를 만든 후 Tumblr 웹 사이트에서 생성된 아래의 코드를 복사하면 됩니다.

<iframe src="http://katiescafe.tumblr.com/" width="910" height="1400" marginwidth="0" marginheight="0" frameborder="no" scrolling="yes" style="border:0px;"></iframe>

2. [플랜] 보기에서 이벤트 페이지 축소판을 두 번 클릭하여 [디자인] 보기로 페이지를 열고 편집합니다.

3. 빈 페이지의 중간 부분을 클릭하고 다음 방법 중 하나를 사용하여 HTML 코드를 포함시킵니다.

[편집] > [붙여넣기]를 선택하거나 바로 가기 키 Command+V(Mac) 또는 Ctrl+V(Windows)를 사용하여 코드를 직접 페이지에 붙여 넣습니다.

또는

[개체] > [HTML 삽입]을 선택합니다. 나타나는 [HTML 편집] 창의 필드 내부를 클릭하고 컨텐트를 붙여 넣습니다. [확인]을 클릭하여 [HTML 편집] 창을 닫습니다.

참고: 대부분의 경우 Muse에서는 페이지에 직접 붙여 넣은 HTML 코드를 인식하고 HTML을 자동으로 포함시킵니다. 하지만 타사 웹 사이트의 컨텐트 대신 코드가 페이지에 보이는 경우 [개체] > [HTML 삽입]을 대신 선택해 보십시오.

HTML 코드를 포함시킨 후 Katie's Cafe Tumblr 계정에 대해 입력된 블로그 게시물 주위에 핸들이 있는 파란색 테두리 상자를 볼 수 있습니다.

4. [선택] 도구를 사용하여 핸들을 드래그하고 페이지 너비의 약 80%에 걸치도록 블로그 컨텐트 크기를 조정합니다. 바둑판식 배경 그래픽이 왼쪽과 오른쪽 측면에 표시되도록 블로그 컨텐트를 페이지 중앙에 둡니다(그림 41 참조). 파란색 측정값 사각형은 다른 개체와의 거리를 표시합니다. 선택한 개체가 세로로 가운데에 오면 빨간색 정렬 안내선이 잠깐 나타납니다.

 

그림 41. 이벤트 페이지에서 Tumblr 블로그의 크기 및 위치를 조정합니다. 

이 작업이 HTML을 Muse 페이지에 포함시키는 데 필요한 전부입니다. HTML 코드를 편집하고자 하는 경우 임베디드 HTML 요소를 마우스 오른쪽 단추로 클릭하고 나타나는 컨텍스트 메뉴에서 [HTML 편집]을 선택할 수 있습니다. 그러면 앞에서 붙여 넣은 코드에 액세스할 수 있도록 [HTML 편집] 창이 열립니다.

이제 이벤트 페이지에서 수행한 변경 작업을 검토할 시간입니다.

5. [파일] > [브라우저에서 페이지 미리 보기]를 선택하여 새 브라우저 창에 이벤트 페이지를 표시합니다.

블로그 항목 목록을 아래로 스크롤하면 머리글이 다른 페이지 컨텐트의 위에 표시된다는 것을 알 수 있습니다. 이 동작은 이벤트 페이지에서 Foreground 마스터 페이지를 사용하고 마스터 페이지의 머리글 컨텐트가 전경에 표시되도록 설정되었기 때문에 발생합니다.

이제 이벤트 페이지가 완성되었습니다. 다음 단원에서는 타사 컨텐트가 사용자 상호 작용에 따라 표시되는 방식을 제어하기 임베디드 HTML 컨텐트를 위젯 내부에 붙여 넣는 방법을 배웁니다.

라이트박스 컴포지션 위젯 추가

앞 단원에서는 블로그의 컨텐트를 정보 페이지에 표시하기 위해 Tumblr에서 복사한 일부 HTML 코드를 붙여 넣었습니다. 이 단원에서는 HTML 컨텐트를 라이트박스 위젯 내부에 포함시키는 방법을 배우게 됩니다. 라이트박스는 두 컨테이너로 구성됩니다. 페이지가 처음에 로드되면 방문자는 트리거 컨테이너를 보게 됩니다. 트리거 영역을 클릭하면 대상 영역의 컨텐트가 페이지 위의 모달 창에 표시됩니다.

라이트박스는 대상 영역이 표시될 때 페이지의 나머지 부분을 일시적으로 어둡게 하여 방문자의 시선을 활성 표시 영역으로 끌도록 라이트박스 위젯을 구성할 수 있으므로 특정 요소를 강조할 수 있는 좋은 방법입니다.

다음 단계에 따라 라이트박스 컴포지션 위젯을 추가하십시오.

1. [플랜] 보기에서 홈 페이지를 두 번 클릭하여 [디자인] 보기에서 편집합니다.

2. 위젯 라이브러리에서 [컴포지션] 항목을 클릭하여 확장합니다. [라이트박스 표시] 위젯을 위젯 라이브러리에서 페이지로 드래그합니다(그림 42 참조).

 

그림 42. [라이트박스 표시] 위젯을 위젯 라이브러리에서 페이지로 드래그합니다. 

이 예의 경우, 방문자는 트리거 컨테이너에 있는 큰 메인 이미지를 클릭하여 [라이트박스 표시] 위젯의 대상 컨테이너가 나타나도록 합니다. 여기에서 [재생] 단추를 클릭하고 포함된 YouTube 비디오를 볼 수 있습니다.

[라이트박스 표시] 위젯의 기본 버전에는 큰 연한 회색 대상 컨테이너 위에 3개의 작은 회색 트리거 상자가 있습니다.

3. 가장 오른쪽에 있는 작은 회색 상자를 두 번 클릭합니다. 처음에는 [컨트롤] 막대의 상단 왼쪽에 있는 선택 표시기에 컴포지션이라는 단어가 표시됩니다. 회색 상자를 다시 클릭하면 선택 표시기에 트리거라는 단어가 표시됩니다. (작은 회색 상자는 사용자 상호 작용에 반응하는 단추인 이 위젯의 “트리거”입니다.)

이 샘플 프로젝트에서는 하나의 트리거 단추와 하나의 대상 컨테이너만 사용하므로 다음 작업에서는 2개의 불필요한 연한 회색 트리거 단추를 삭제합니다. 각 트리거를 삭제하면 해당하는 대상 컨테이너도 자동으로 삭제됩니다.

4. Delete(Mac) 또는 백스페이스(Windows) 키를 눌러 선택한 트리거를 제거합니다. 그런 다음 두 번째(가운데) 회색 상자(방금 삭제한 트리거의 왼쪽에 있는 트리거)를 두 번 클릭합니다. 다시 백스페이스 또는 Delete 키를 눌러 제거합니다.

이러한 변경 작업을 수행한 후에는 하나의 작은 회색 트리거 단추와 하나의 큰 대상 컨테이너만 남게 됩니다.

5. 다른 곳을 클릭하여 위젯이 선택되지 않도록 합니다. 상단 왼쪽에 있는 선택 표시기에 페이지라는 단어가 표시되면 어떠한 다른 요소도 선택되지 않은 것입니다.

6. [파일] > [배치]를 선택하여 [가져오기] 대화 상자를 엽니다. 샘플 파일 폴더에서 hero-image.jpg라는 파일을 찾아 선택합니다. [열기]를 클릭하여 파일을 선택하고 [가져오기] 대화 상자를 닫습니다. 페이지의 아무 곳이나 한 번 클릭하여 메인 이미지를 전체 크기로 배치합니다.

7. 메인 이미지가 여전히 선택된 상태에서 마우스 오른쪽 단추를 클릭하고 나타나는 컨텍스트 메뉴에서 [잘라내기]를 선택합니다(또는 바로 가기 키를 사용하여 메인 이미지를 잘라내어 페이지에서 제거하고 클립보드에 복사합니다).

8. 남아 있는 작은 회색 트리거 단추를 두 번 클릭합니다. 처음에는 전체 위젯을 선택하고 선택 표시기에 컴포지션이라는 단어가 표시되도록 합니다. 그 다음에는 실제 트리거 컨테이너를 선택하고 선택 표시기에 트리거라는 단어가 표시되도록 합니다.

9. 트리거 단추 내부를 마우스 오른쪽 단추로 클릭하고 나타나는 메뉴에서 [붙여넣기]를 선택합니다. 또는 바로 가기 키를 사용하여 메인 이미지를 트리거 단추에 붙여 넣습니다. 트리거 컨테이너가 자동으로 메인 이미지 규격의 크기로 확장됩니다.

컨텐트를 컨테이너에 붙여 넣는 것이 어려울 수 있습니다. 때때로 내부에 붙여 넣었다고 생각하지만 실제로는 컨테이너가 페이지에 있을 수 있습니다. 메인 이미지가 트리거 컨테이너 내부에 있는지 확인해야 하는 경우 Esc 키를 한 번 누르고 선택 표시기를 살펴봅니다. 트리거라는 단어가 표시되면 이미지가 트리거 내부에 있는 것입니다. 페이지라는 단어가 표시되면 이미지를 잘라내고 트리거 컨테이너 내부에 다시 붙여 넣어야 합니다.

10. 트리거 컨테이너가 선택된 상태에서 획 두께를 0으로 설정합니다. [채우기] 메뉴를 사용하여 채우기 색상을 "없음"으로 설정합니다(그림 43 참조).

 

그림 43. 메인 이미지를 트리거 컨테이너에 붙여 넣고 획 및 채우기를 "없음"으로 설정합니다. 

11. [선택] 도구를 사용하여 위젯을 페이지의 상단 부근 세로 중앙에 배치하여 메인 이미지가 있는 트리거의 위쪽 약 1/4이 머리글 영역과 겹치도록 합니다. 메인 이미지가 주황색 리본 그래픽으로 만들어진 구석에 잘 맞아야 합니다.

[컨트롤] 패널에서 [미리 보기] 단추를 클릭하고 다시 홈 페이지를 테스트하면 큰 메인 이미지가 머리글 컨텐트와 약간 겹쳐져서 표시되는 것을 볼 수 있습니다. 홈 페이지는 Main 마스터 페이지를 사용하고 있으므로 페이지 컨텐트는 홈 페이지의 머리글 위에 표시됩니다.

12. 메인 이미지(트리거 컨테이너 내부)를 클릭하여 라이트박스 효과를 실행합니다. 페이지가 어두워지면서 기본 회색 채우기 색상이 대상 컨테이너에 표시됩니다. Esc 키를 눌러 라이트박스 창을 닫은 다음 [컨트롤] 패널에서 [디자인] 단추를 클릭하여 홈 페이지 편집을 계속합니다.

웹 사이트에 비디오 임베딩

현재 대상 컨테이너는 회색 채우기 색상으로 채워져 있습니다. 하지만 여러 이미지 파일, 채워진 사각형, 텍스트 또는 다른 웹 사이트에서 복사한 임베디드 HTML을 포함하여 모든 종류의 컨텐트를 대상 컨테이너 내부에 배치할 수 있습니다.

이 예에서는 YouTube에서 생성된 임베디드 HTML을 붙여 넣을 것입니다.

YouTube.com의 페이지를 방문하고 사용자의 계정으로 업로드한 비디오를 본다고 가정해 봅니다. [공유] 단추를 클릭한 다음 [소스 코드]를 클릭하면 비디오에 대한 임베디드 코드에 액세스하고 복사할 수 있습니다(그림 44 참조).

 

그림 44. 원하는 비디오 크기를 선택한 후 YouTube에서 생성된 임베디드 코드를 복사합니다. 

이 비디오의 목적상 Katie's Cafe 비디오에 대한 임베디드 코드는 이미 복사되었으므로 YouTube를 방문하지 않아도 됩니다. 아래의 임베디드 코드를 복사하여 클립보드에 저장합니다.

<iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/krqjM5GmqzQ" frameborder="0" allowfullscreen></iframe>

위의 코드는 iFrame 태그를 사용하여 YouTube에 게시된 비디오 파일에 대한 링크를 둘러싸고 있습니다. iFrame은 웹 페이지에 추가할 때 "창' 내부에서 컨텐트를 표시할 수 있는 HTML 컨테이너입니다.

위의 코드를 복사한 후 Muse로 돌아옵니다.

13. [선택] 도구를 통해 페이지의 회색 테두리를 클릭하여 상단 왼쪽에 있는 선택 표시기에 페이지라는 단어가 표시되도록 합니다. 이것은 전체 페이지가 선택되었음을 의미합니다.

14. 회색 채우기 색상이 있는 큰 대상 컨테이너를 클릭합니다. 상단 왼쪽에 있는 선택 표시기에 컴포지션이라는 단어가 표시됩니다. 회색 대상 컨테이너를 다시 클릭하면 선택 표시기에 컨테이너라는 단어가 표시됩니다. 다시 클릭한 다음(대상이라고 표시됨) 선택 표시기에 이미지 프레임이라는 단어가 나열될 때까지 다시 한 번 클릭합니다. 백스페이스(Windows) 또는 Delete(Mac) 키를 눌러 대상 컨테이너에서 이미지 프레임을 제거합니다.

내부의 대상 컨테이너가 여전히 선택된 상태에서 다음 작업에서는 위에서 복사한 HTML 코드를 대상 컨테이너에 붙여 넣습니다.

참고: 메인 이미지를 트리거 컨테이너 내부에 붙여 넣을 때와 마찬가지로 목적이 위젯의 대상 컨테이너 내부에 코드를 붙여 넣는 것이므로 대상 컨테이너 내부에 코드를 붙여 넣는 것이 약간 어려울 수 있습니다. (현재 선택한 요소에 따라) 위젯 외부에 비디오 코드를 붙여 넣어 페이지에 직접 포함될 수도 있습니다. 따라서 주의해서 진행하십시오. [미리 보기]를 클릭하여 테스트할 때 아직 메인 이미지를 클릭하지 않았는데도 비디오가 표시되는 경우 비디오 코드를 컨테이너 내부에 성공적으로 붙여 넣지 못했기 때문에 즉시 표시되는 것입니다. 비디오는 메인 이미지를 클릭한 후에만 표시되어야 합니다.

다음 단계에 따라 비디오 코드를 대상 컨테이너 내부에 붙여 넣으십시오(선택 표시기에 컨테이너라는 단어가 표시된 상태에서).

15. [개체] > [HTML 삽입]을 선택합니다. 나타나는 창에서 기본 자리 표시자 텍스트를 선택하고 Delete(Mac) 또는 백스페이스(Windows) 키를 눌러 제거합니다. [편집] > [붙여넣기]를 선택하여 위에서 복사한 YouTube 코드를 [HTML 코드] 필드에 붙여 넣습니다. [확인]을 클릭하여 [HTML 코드] 창을 닫습니다.

참고: 대부분의 경우 HTML 코드를 붙여 넣으면 Muse에서 자동으로 인식하고 일반 텍스트가 아닌 HTML임을 이해합니다. 따라서 원할 경우 [개체] > [HTML 삽입]을 선택하여 HTML 창을 여는 대신 내부 대상 컨테이너가 선택된 상태에서 마우스 오른쪽 단추를 클릭(또는 Control-클릭)하고 나타나는 컨텍스트 메뉴에서 [붙여넣기]를 선택할 수도 있습니다. (또는 [편집} > {붙여넣기]를 선택하거나 바로 가기 키를 사용하여 소스 코드를 대상 컨테이너에 붙여 넣습니다.) Muse에서는 비디오 코드를 대상 컨테이너에 붙여 넣는 동일한 목적을 달성할 수 있는 많은 방법을 제공합니다.

코드를 대상 컨테이너에 붙여 넣으면 비디오의 첫 프레임(커피 한 컵)이 표시되는 것을 볼 수 있습니다. 이 비디오의 첫 프레임은 HTML 임베디드 코드를 성공적으로 붙여 넣었음을 나타냅니다. [디자인] 보기에서 페이지를 편집하는 동안에는 비디오가 재생되지 않습니다. [컨트롤] 패널에서 [미리 보기] 단추를 클릭하거나 브라우저에서 페이지를 미리 볼 경우에만 재생됩니다.

16. 필요한 경우 [선택] 도구를 사용하여 임베디드 HTML 비디오 컨텐트의 크기에 맞게 대상 컨테이너의 크기를 조정합니다. 너비는 약 670픽셀, 높이는 약 415픽셀이 되어야 합니다. 비디오가 선택되면 선택 표시기에 HTML 항목이라는 단어가 표시됩니다.

17. 대상 컨테이너가 선택된 상태에서 Esc 키를 한 번 눌러 외부 컨테이너를 선택합니다. 또는 원할 경우 다른 곳을 클릭하여 [라이트박스 표시] 위젯을 선택 해제한 다음 두 번 클릭합니다(한 번은 컴포지션 선택, 다시 한 번은 큰 컨테이너 선택). [선택] 도구를 사용하여 컨테이너의 핸들을 드래그하고 대상 컨테이너가 내부 가운데에 오도록 합니다. 컨테이너의 크기를 너비 710픽셀 및 높이 460픽셀로 조정합니다.

18. [채우기] 메뉴를 사용하여 컨테이너의 채우기 색상을 갈색(#63301B)으로 설정하고 채우기 색상의 투명도를 44로 설정합니다(그림 45 참조).

 

그림 45. [채우기] 메뉴에서 컨테이너의 채우기 색상 및 투명도를 설정합니다. 

19. 컨테이너 아래쪽에 있는 텍스트 프레임을 선택하고 Delete(Mac) 또는 백스페이스(Windows) 키를 눌러 제거합니다. 텍스트 프레임은 대상 컨텐트에 대한 캡션으로 입력할 수 있지만 이 프로젝트에서는 사용되지 않습니다.

20. 컨테이너의 상단 오른쪽에 있는 [닫기] 상자(X 표시)를 선택합니다. [닫기] 상자 내부를 클릭하여 레이블을 선택하고 삭제합니다. [채우기] 메뉴를 사용하여 채우기 색상을 "없음"으로 설정합니다. [채우기] 메뉴의 [이미지] 섹션 옆에 있는 폴더 아이콘을 클릭하고 icon-close.png라는 파일을 찾아 선택합니다. [선택] 도구를 사용하여 전체 닫기 아이콘 이미지가 표시되도록 [닫기] 상자의 크기를 조정합니다.

21. [선택] 도구를 통해 페이지에 나타내고자 하는 위치로 이동하여 대상 컨테이너 및 트리거 컨테이너를 모두 재배치합니다.

22. 컴포지션이 선택된 상태에서 파란색 화살표 단추를 클릭하여 [옵션] 메뉴를 엽니다. 이 예에서는 다음 설정을 사용합니다(그림 46 참조).

- 위치: 라이트박스

- 전환: 서서히 사라짐

- 자동 재생: 사용 안 함

- 셔플: 사용 안 함

- 처음에는 모두 숨기기: 사용 안 함

- 스와이프 설정: 사용

- 맨 위에 트리거: 사용 안 함

- 닫기 단추: 사용

- 편집 시 라이트박스 파트 표시: 사용

- 디자인 모드에서 모두 표시: 사용

 

그림 46. [옵션] 메뉴에서 설정을 업데이트하여 위젯 동작 방식을 제어합니다. 

[옵션] 메뉴 바깥쪽을 클릭하여 이 메뉴를 닫습니다. 이제 위젯이 구성되고 테스트할 준비가 되었습니다.

브라우저에서 라이트박스 컴포지션 위젯 테스트

1. [컨트롤] 패널에서 [미리 보기] 단추를 클릭하거나 [파일] > [브라우저에서 페이지 미리 보기]를 선택하여 홈 페이지를 테스트합니다.

페이지가 처음에 로드되면 비디오가 있는 대상 컨테이너는 숨겨져 있으므로 Mystery Latte 메시지와 함께 큰 메인 이미지만 보입니다(그림 47).

 

그림 47. 브라우저에서 페이지 미리 보기를 통해 방문자에게 어떻게 보이는지 확인합니다. 

3. 메인 이미지를 클릭하면 페이지의 나머지가 흐려지면서 라이트박스 창이 나타납니다. 외부 대상 컨테이너의 채우기(갈색 및 반투명)가 전체 브라우저 창을 채우고 비디오의 첫 프레임이 표시됩니다. 비디오의 중앙에 있는 [재생] 단추를 클릭하여 재생되는지 확인합니다. (비디오는 실제로 비디오 파일이 호스팅되고 있는 YouTube 웹 사이트에서 재생됩니다.) 비디오 재생을 마쳤으면 대상의 상단 오른쪽에 있는 닫기 단추(x 아이콘 이미지)를 클릭하여 라이트박스를 닫고 홈 페이지를 다시 확인합니다.

4. 브라우저를 닫고 Muse로 돌아옵니다.

다음 자습서인 Muse를 사용하여 첫 웹 사이트 만들기 5부에서는 단일 페이지에 더 많은 컨텐트를 표시하기 위한 [탭 구분 패널] 위젯 작업 방법을 살펴봅니다. 또한 단락 스타일을 만들고 적용하는 연습을 하며 텍스트 프레임 내에서 이미지 주위에 텍스트를 감싸는 방법을 살펴봅니다.

adobe muse(어도브 뮤즈) 웹사이트 만들기 3부

이 내용은 ADOBE 홈페이지  어도비 뮤즈<adobe muse> 도움말을 가지고 왔습니다.