Adobe Muse(어도비 뮤즈) 시작하기 제7부

Adobe Muse(어도비 뮤즈) 시작하기 제7부

대시보드를 사용하여 사이트 관리 

사이트 관리에는 사이트 업그레이드, 사이트의 최종 도메인 이름(URL) 설정, 새 사용자 추가 등 사이트를 런칭하기 전에 수행하는 여러 가지 작업이 포함됩니다. 고객을 사이트의 사용자로 추가하면 해당 고객이 관리 콘솔에 로그인하여 트래픽 보고서를 확인하고 사이트의 성과를 점검할 수 있습니다. 

대개 사이트 업그레이드 작업은 디자인을 완성하고 도메인 이름을 등록하고 나서야 진행하는 것이 일반적입니다. 도메인 이름 등록에 대한 자세한 내용은 도메인 이름 변경 방법을 설명하는 부분을 참조하십시오.

사이트를 관리하려면 앞 단원에서 살펴본 게시 확인 메시지 창의 [관리] 링크를 클릭하거나 [관리] 단추를 클릭합니다(그림 65 참조). 

 

그림 65. 대시보드에 액세스하여 사이트를 관리하려면 [관리] 단추를 클릭합니다. 

[관리] 단추를 클릭하면 대시보드(관리 콘솔의 홈 페이지)가 새 브라우저 창에 열립니다(그림 66 참조). 

Adobe 호스팅 서버에 Muse 사이트 게시

Muse에서 무료 평가용 사이트를 처음으로 게시할 때 Business Catalyst 계정을 아직 갖고 있지 않은 사용자는 무료 Business Catalyst 계정도 만들어야 합니다.

 

그림 66. 대시보드는 사이트 관리 기능을 갖춘 온라인 인터페이스입니다. 

대시보드를 사용하여 사이트를 업그레이드하려면 제일 먼저 호스팅 비용을 결제해야 합니다. 가입자에게 제공되는 호스팅 크레디트를 사용하여 사이트를 업그레이드하려면 [사이트 상태] 섹션에 있는 [사이트를 라이브로 푸시] 단추를 클릭합니다(그림 67 참조). 

 

그림 67. 호스팅 크레디트를 사용하려면 [사이트를 라이브로 푸시] 단추를 클릭합니다. 

가입 시 제공되는 호스팅 크레디트 하나를 사용할지 확인하는 대화 상자가 나타납니다. 이 문서를 작성하는 시점을 기준으로, Adobe Muse 소프트웨어를 가입 방식으로 구입하면 무료 호스팅 크레디트 1개가 제공되고, Creative Cloud에 가입하면 무료 호스팅 크레디트 5개가 제공됩니다.

크레디트 하나를 사용하고 싶으면 [사이트를 라이브로 푸시]를 클릭합니다(그림 68 참조).

 

그림 68. [사이트를 라이브로 푸시]를 클릭하면 사이트가 자동으로 업그레이드되고 호스팅 크레디트 하나가 차감됩니다. 

또는 사용자나 사용자의 고객이 사이트 호스팅 비용을 결제하는 데 사용할 신용 카드 정보를 입력할 수도 있습니다. 비용을 신용 카드로 결제하려면 대시보드 위쪽에 있는 [파트너 포털] 링크를 클릭한 다음 [클라이언트] 탭에서 사이트 이름을 선택하고 [업그레이드]를 클릭합니다. [업그레이드] 창이 나타나면 이 창에 결제 정보를 입력할 수 있습니다(그림 69 참조). 

 

그림 69. 크레디트 하나를 사용하지 않으려면 신용 카드 정보를 대신 입력해도 됩니다. 

대시보드가 나타나고 사이트 상태가 [라이브]로 업데이트됩니다(그림 70 참조). 

 

그림 70. 사이트 상태가 이제 "라이브"로 표시되고 [사이트를 라이브로 푸시] 단추가 사라진 것을 알 수 있습니다. 

대시보드에서 링크를 클릭하여 사이트에 새 사용자를 추가할 수 있습니다(그림 71 참조). 

 

그림 71. [사용자] 섹션에서 [새 사용자 초대] 링크를 클릭하여 사이트의 대시보드에 다른 사용자도 액세스하게 허용할 수 있습니다. 

관리자로 추가할 수 있는 사용자에는 두 가지 유형이 있습니다. 

- 동료 웹 디자이너: 팀을 구성하여 Muse 사이트를 디자인하고 있다면 팀 동료도 사이트 파일을 업데이트하고 사이트를 관리할 수 있도록 동료를 관리자로 추가할 수 있습니다. 

- 고객: 대시보드에 로그인하여 보고서를 보고 사이트의 완성도를 평가하는 데 고객이 관심을 가질 수 있습니다.

참고: 

고객이 해당 사이트의 대시보드에 액세스하기 위해 Muse를 설치할 필요는 없습니다. 고객을 위해 설정한 사용자 이름만 있으면 인터넷에 연결된 어떤 웹 브라우저에서든 대시보드에 액세스할 수 있습니다. 여러분이 원격으로 작업할 때도 마찬가지입니다. 브라우저가 설치되어 있고 인터넷에 연결되어 있기만 하다면 어떤 컴퓨터에서든 대시보드에 로그인할 수 있습니다. 

[도메인 추가]를 클릭하면 사용자가 등록한 도메인 이름을 업그레이드된 Muse 사이트에 연결하는 데 사용할 수 있는 창이 나타납니다. 이는 완성된 사이트를 런칭하여 일반 대중이 해당 사이트를 방문할 수 있게 하기 위한 최종 단계 중 하나입니다(그림 72 참조). 

 

그림 72. 사이트에 대해 등록한 도메인 이름을 [기존 도메인 연결] 창에 입력합니다. 

사이트를 관리하는 방법이나 타사 호스팅 공급자를 대상으로 사이트를 업로드하는 방법을 좀 더 자세히 알고 싶으면 Muse 사이트 업그레이드 및 런칭에 대해 설명하는 자습서를 참조하십시오. 

웹 사이트의 장치 호환성 높이기 

Muse 사이트를 게시한 후에는 태블릿이나 스마트폰에서 사이트의 주소를 입력하여 평가용 사이트를 열어 보십시오. 모바일 장치가 점점 더 보편화되는 추세이므로 사이트의 디스플레이를 이와 같은 방법으로 확인하는 것이 좋습니다. 본격적인 모바일용 웹 사이트로 개발한 것이 아니라 하더라도 방문자가 모바일 장치를 사용하여 웹을 탐색하고 해당 사이트에 액세스할 수도 있기 때문입니다.

장치의 종류가 다양하고 화면 크기가 제각각이므로 사이트를 디자인할 때는 다음과 같은 점을 고려해야 합니다.

- 고정된 개체를 제외하고는 페이지 영역의 왼쪽이나 오른쪽에 요소를 배치하지 마십시오. Muse에서 페이지 영역을 정의하는 데는 [사이트 속성] 및 [페이지 속성] 대화 상자가 사용됩니다. 이러한 대화 상자 중 하나에 페이지 폭을 입력하면 페이지 폭의 윤곽을 표시하는 파란색 안내선이 나타납니다. 그와 같은 경계 바깥쪽에 고정되지 않은 개체가 하나라도 있으면 그쪽 방향으로 사이트에 빈 공간이 생길 수 있습니다.

- 고정된 항목이라 하더라도 iPhone이나 iPad 같은 일부 터치식 장치에서는 해당 항목이 같은 자리에 계속 고정되지 않을 수 있습니다. 이는 가뜩이나 작은 화면 공간에 여러 개체가 고정되어 있으면 웹 사이트가 너무 복잡해질 수 있으므로 Apple 측에서 일부러 정한 작동 방식입니다.

- iPhone과 iPad에서는 Adobe Flash® 기술이 지원되지 않습니다. 이 또한 Apple에서 일부러 정한 작동 방식이며 어찌 할 도리가 없는 현실입니다. Muse 사이트에 리치 미디어를 포함할 때는 iPhone 또는 iPad 사용자가 사이트를 방문하는 경우 해당 미디어가 표시되지 않는다는 점을 염두에 둬야 합니다.

- 터치식 장치에서는 롤오버 상태(마우스 커서를 올려 놓은 상태)를 지원하지 않습니다. 사용자의 손가락이 화면을 당장이라도 터치할 위치에 놓여 있는지 감지할 방법이 없기 때문입니다. 이에 대한 보완책으로 대부분의 장치에서는 사용자가 화면을 처음 터치하면 이를 롤오버로 간주하고, 화면을 두 번째로 터치하면 이를 클릭으로 처리합니다. 메뉴 위젯에 하위 수준 메뉴 항목을 추가하거나 [상태] 패널을 사용하여 임의의 개체에 롤오버 상태를 추가할 때는 단추의 동작을 철저히 테스트해야 합니다.

- [개체] > [HTML 삽입] 명령을 사용하여 페이지에 붙여넣거나 추가한 임베디드 HTML이 스마트폰과 태블릿에서는 엉뚱한 결과를 초래할 수 있습니다. 임베디드 HTML을 사용한 페이지에서 문제가 발견되었을 때는 임베디드 HTML을 임시로 제거하여 문제 해결을 시도하고서 사이트가 장치에서 제대로 표시되는지 확인해 보십시오.

여러 가지 종류의 장치를 대상으로 디자인을 할 때는 데스크톱 화면만을 위한 디자인을 할 때보다 더 유연한 사고와 접근 방법이 필요합니다. 사이트가 휴대폰에서 작동하는 방식과 데스크톱 컴퓨터에서 작동하는 방식이 언제나 완벽히 같을 수만은 없습니다. 여러 장치에 걸쳐 동일한 환경을 구현하겠다고 너무 큰 욕심을 부리는 것이 오히려 잘못일 수 있습니다. 사용자들이 스마트폰이나 태블릿을 다루는 방식과 데스크톱 컴퓨터를 사용하는 방식 자체가 서로 다르기 때문입니다. 어떤 장치에서든 정확히 동일한 디자인을 표현하는 데 노력을 기울이기보다는 사용자에게 더 나은 환경을 제공하는 데 시간을 투자하는 편이 좋습니다. 휴대폰과 태블릿 장치에서 사이트가 제대로 작동하는지 평가할 때는 항상 이 목표를 염두에 두십시오.

여러 장치에 대한 Muse의 지원 수준이 나날이 발전하고 있습니다. 새로운 기능이 Muse에 계속 추가되고 있으므로 각기 다른 화면에 표시되는 사이트의 모양과 작동 방식을 세밀한 부분까지 제어하기가 점점 더 쉬워질 것입니다. 여기에서 소개하는 팁을 잘 따랐는데도 모바일 장치에서 사이트와 관련된 문제가 여전히 발생한다면 구체적으로 어떤 문제가 있는지에 대한 설명을 해당 사이트의 URL과 함께 Muse 지원 포럼에 남겨 주십시오. 이렇게 하면 Muse 팀이 여러분의 사이트를 직접 확인하고서 모바일 장치를 위한 사이트를 쉽게 만들 수 있도록 Muse의 어떤 점을 개선해야 할지 연구 방향을 잡는 데 도움이 됩니다. 

HTML 내보내기 

Muse에서 사이트를 디자인하면서 언제든지 모든 사이트 파일을 내보낼 수 있습니다. Muse를 통해 HTML, CSS 및 스크립트 파일이 생성되고, 이미지 파일과 에셋을 분할한 상태로 전체 사이트가 만들어집니다. 내보내기 프로세스는 단 몇 분밖에 걸리지 않는 간단한 작업입니다.

Muse 사이트를 내보내서 사이트 에셋이 포함된 폴더 생성

Muse 프로젝트에서 사이트 파일을 내보내는 이유는 크게 세 가지입니다.

- 로컬 드라이브에 저장된 파일을 사이트의 백업 복사본으로 활용하여 파일에 로컬로 액세스할 수 있습니다.

- 사이트를 호스팅하기 위해 선택한 임의의 서비스 공급자를 대상으로 FTP 클라이언트(무료로 제공되는 타사 도구 또는 Adobe Dreamweaver)를 사용하여 웹 사이트를 업로드할 수 있습니다.

- 사이트를 위해 만든 이미지 파일을 소셜 미디어 사이트, 이메일 뉴스레터, 블로그 등 다른 프로젝트에 재활용할 수 있습니다.

사이트를 게시하거나 내보내면 Muse를 통해 이미지 파일이 자동으로 분할 및 최적화됩니다. 사이트를 내보내면 온라인으로 제공할 모바일 응용 프로그램 등 임의의 다른 프로젝트에 사용할 수 있는 사이트 에셋 폴더가 생성됩니다. 

사이트를 내보내려면 Muse에서 사이트를 열고 다음 단계를 수행하십시오. 

1. [파일] > [HTML로 내보내기]를 선택합니다. [HTML로 내보내기] 대화 상자가 나타납니다. 

2. 컴퓨터에서 파일을 저장할 위치를 선택한 다음 [내보내기]를 클릭합니다(그림 73 참조). 

 

그림 73. [HTML로 내보내기] 대화 상자에 사이트의 도메인 이름을 입력한 다음 [확인]을 클릭합니다. 

이메일 뉴스레터, 소셜 미디어 사이트, 모바일 응용 프로그램 등에 사이트의 웹 에셋을 재활용하고 싶은 경우 전체 사이트를 로컬 하드 드라이브로 내보내면 작업에 도움이 될 수 있습니다. Muse에서 내보낸 이미지 파일은 최적화된 상태로 별도의 폴더에 저장됩니다. 내보낸 파일을 임의의 호스팅 계정에 수동으로 업로드할 수도 있습니다. 외부 호스팅 공급자를 대상으로 파일을 업로드하는 방법에 대한 자세한 내용은 "타사 FTP 클라이언트를 사용하여 Muse 호스팅 사이트에 에셋 업로드"를 참조하십시오. 

3. 단계 텍스트 

다음 단계 

다른 자습서와 동영상 학습 자료를 보려면 Muse 학습 페이지를 방문하십시오. Muse에 대해 좀 더 자세히 알고 싶으면 제품 FAQ를 참조하십시오. Muse 쇼케이스 사이트를 방문하면 Muse를 사용하여 만든 멋진 웹 사이트 작품들을 직접 만나 보실 수 있습니다. 

Adobe Muse(어도비 뮤즈) 시작하기 제7부

대시보드를 사용하여 사이트 관리 

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