참고:

Adobe Muse는 더 이상 새로운 기능을 추가하지 않으며 2020년 3월 26일 목요일에 지원이 중단됩니다. 자세한 정보 및 지원은 Adobe Muse 서비스 종료 페이지를 참조하십시오.

Adobe Muse에서 사이트맵이란?

사이트맵은 웹 사이트의 계층 구조를 나타냅니다. 여러 페이지를 (하위 페이지 없이) 동일 수준에서 만들 수도 있고, 서로 다른 페이지 계층을 포함하는 사이트맵을 만들 수도 있습니다. 예를 들어, 사이트의 규모가 크면 "회사 소개" 페이지에 "인사말"과 "직원 소개"라는 하위 페이지 두 개를 포함할 수도 있습니다.

Muse를 사용하면 페이지를 어떤 순서로든 쉽게 만들고 다시 정돈할 수 있으며, 링크가 끊어질까 염려할 필요가 전혀 없습니다. 그러나, 새 사이트를 만들 때는 충분한 시간을 들여 해당 컨텐트를 어떤 식으로 구성할지 검토하고, 어떤 페이지가 필요한지 확인하고, 사이트의 정보를 어떻게 표현할지 결정하는 일이 매우 중요합니다. 실제 프로젝트를 진행할 때는 사전 계획 단계에서 각 사이트 섹션을 최종 결정하고 페이지 순서를 선택합니다.

Adobe Muse에서 플랜 보기를 사용하여 사이트맵을 만들 수 있습니다. 사이트맵으로 작업할 때 Muse는 웹 사이트의 계층뿐만 아니라 마스터 페이지의 계층도 나타냅니다.

사이트맵 작성

사이트맵을 만들려면 아래 단계를 수행합니다.

  1. Adobe Muse 내의 플랜 보기에서 "Home" 페이지 축소판 위에 마우스 커서를 놓고 "Home" 페이지 축소판의 오른쪽에 표시된 플러스(+) 아이콘을 클릭합니다. 이렇게 하면 처음 페이지와 동일한 수준에서 새 페이지가 생성됩니다. 새 페이지 아래에 있는 레이블 필드를 클릭하고 이름을 지정합니다. 

    페이지 축소판 아래 표시된 플러스(+) 아이콘을 클릭하면 하위 수준의 페이지를 만들어 특정 주제와 관련된 페이지로 섹션을 확장할 수 있습니다.
  1. 이 작업을 다시 반복하여 홈 페이지와 같은 수준에서 더 많은 페이지를 만듭니다.
본 자습서에서는 Adobe Muse 작업 영역이 어떻게 구성되어 있는지 살펴보고, 완벽하게 작동하는 웹 사이트를 어떠한 코드도 전혀 작성하지 않은 채 구축하는 방법을 설명합니다. 사이트맵을 작성하고 마스터 페이지를 사용하는 방법과 Muse의 브라우저 채우기 옵션에 대해서도 설명합니다.
본 자습서에서는 Adobe Muse 작업 영역이 어떻게 구성되어 있는지 살펴보고, 완벽하게 작동하는 웹 사이트를 어떠한 코드도 전혀 작성하지 않은 채 구축하는 방법을 설명합니다. 사이트맵을 작성하고 마스터 페이지를 사용하는 방법과 Muse의 브라우저 채우기 옵션에 대해서도 설명합니다.
다른 페이지에 맞춰 홈 페이지의 이름을 소문자 "home"으로 변경합니다.

이 변경 작업을 끝으로 사이트맵이 완성되었습니다.

기본적으로, 각 페이지의 페이지 너비는 바탕 화면의 화면 크기와 일치합니다. 반응형 레이아웃을 사용하면 다른 장치용 사이트를 만들 수 있습니다. 반응형 웹 사이트 만들기에 대한 자세한 내용은 반응형 레이아웃을 참조하십시오.

그러나 고정 또는 대체 레이아웃을 사용하여 모바일, 태블릿 및 데스크톱용 웹 사이트를 각각 만들려면 [페이지] > [대체 레이아웃 추가]를 클릭합니다. 그런 다음, [태블릿] 또는 [휴대폰]을 선택합니다.

둘 이상의 레이아웃이 있는 경우 [페이지]에서 레이아웃을 선택하는 방법 외에 바로 가기 키를 사용하여 사이트 플랜 사이를 전환할 수도 있습니다.

  • [데스크톱] 사이트맵으로 이동하려면 Command+7(Mac) 또는 Ctrl+7(Windows)을 누릅니다.
  • [태블릿] 사이트맵으로 이동하려면 Command+8(Mac) 또는 Ctrl+8(Windows)을 누릅니다.
  • [휴대폰] 사이트맵으로 이동하려면 Command+9(Mac) 또는 Ctrl+9(Windows)를 누릅니다. 

이러한 바로 가기 키는 사이트 프로젝트에 [데스크톱], [태블릿] 및/또는 [휴대폰] 레이아웃이 적어도 2개 이상 포함된 경우에만 사용할 수 있습니다.

이제 사이트맵 설정을 마쳤습니다. 다음 단원에서는 "A-마스터" 페이지를 편집하여 바닥글 컨텐트 등과 같은 사이트 공유 요소를 추가하는 방법을 살펴보겠습니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책