In-browser Editing을 사용한 Adobe Muse 사이트 컨텐트 편집

[파일] > [사이트 속성]을 클릭합니다. [고급] 탭을 클릭하고 [In-Browser Editing 사용] 옵션이 설정되어 있는지 확인합니다.

사이트를 FTP 호스트에 업로드합니다.

[파일] > [FTP 호스트에 업로드]를 선택하여 Adobe Muse에 내장된 [FTP 호스트에 업로드] 기능을 사용합니다. 자세한 내용은 FTP 호스트에 업로드를 참조하십시오.

In-Browser Editing을 사용하여 변경한 내용을 나중에 사이트에서 동기화할 수 있도록 하려면 FTP에 업로드한 후에 반드시 .muse 파일을 저장해야 합니다.

https://inbrowserediting.adobe.com을 방문하여 편집하려는 사이트의 도메인 이름(URL)을 입력하십시오.

호스팅 자격 증명을 사용하여 로그인합니다.

로그인하면 사이트의 홈 페이지뿐만 아니라 상단에 In-Browser Editing 탐색 모음도 표시됩니다.

편집하려는 이미지를 클릭하거나 텍스트 프레임을 클릭한 후 편집하려는 이미지를 클릭합니다.

[이미지 편집]을 클릭합니다.

팝업 상자가 열리면 사이트에 연결되어 있는 기존 파일을 선택합니다. 또한 [사진 업로드]를 클릭하여 컴퓨터에서 이미지를 업로드할 수 있습니다.

이 대화 상자는 해당 이미지와 관련된 툴팁 텍스트를 추가 또는 편집할 수 있는 옵션도 제공합니다.

사진을 선택한 후 을(를) 클릭합니다.

기존 이미지가 선택한 이미지로 바뀝니다.

이미지를 바꾸면 사용자가 선택한 새 이미지 크기가 이전 이미지가 차지했던 영역에 맞게 조절됩니다. 새로운 이미지와 원래 이미지의 가로/세로 비율이 다르면 이전 이미지의 전체 영역이 완전히 채워지지 않습니다. 이로 인해 페이지의 시각적 레이아웃에 영향을 미칠 수 있습니다. 따라서, 기존 이미지를 교체할 때는 크기가 같거나 폭 및 높이 비율이 동일한 더 큰 이미지를 사용해야 합니다.

사이트 해상도가 HiDPI로 설정되어 있고 교체 이미지가 2x가 되기에 충분한 데이터를 보유하고 있을 경우 In-Browser Editing이 HiDPI 화면에 표시하기 위해 이미지의 1x 및 2x 버전을 모두 저장합니다. HiDPI용 에셋 만들기에 대해 더 알아보려면 Muse에서 HiDPI 웹 사이트 만들기를 방문하십시오.

링크를 추가하려는 텍스트를 클릭합니다.

[링크 추가]를 클릭합니다.

[링크 삽입] 대화 상자에서 다음 유형의 대상을 링크에 추가하도록 선택합니다.

• 페이지: [페이지] 탭을 선택하고 [페이지 선택] 드롭다운 목록에서 링크하려는 페이지를 선택합니다.
• 외부: [외부] 탭을 선택하고 [외부 링크] 필드에 작동하는 URL을 입력합니다.
• 전화번호: [전화번호] 탭을 선택하고 전화번호를 입력합니다.
• 파일: [파일] 탭을 선택하고 기존 파일을 선택하거나 업로드하려는 파일을 검색합니다.
• 이메일 주소: [이메일 주소] 탭을 선택하고 대상 이메일 주소를 입력합니다.

[확인]을 클릭하여 하이퍼링크를 삽입합니다.

편집하려는 하이퍼링크를 클릭합니다.

팝업에서 펜 기호를 클릭합니다.

[링크 편집] 대화 상자에서 [외부] 탭을 선택합니다. 완전히 작동하는 URL을 입력합니다. 해당 URL이 손상되지 않았는지, 대상 웹 페이지에 공개적으로 액세스할 수 있는지 확인합니다.

다음 세부 정보를 선택적으로 지정할 수 있습니다.

• 툴팁: 대상 페이지에 대한 의미 있는 설명을 제공합니다.
• 새 창에서 열기: 필요한 경우 링크를 새 창에서 열 수 있습니다.

[확인]을 클릭하여 마칩니다.

1 ~ 4단계에 따라 텍스트에 적용된 외부 하이퍼링크, 중첩된 텍스트 프레임 내의 텍스트, 슬라이드 쇼 위젯 내의 레이블, 사용자 정의 링크, 이미지 등을 편집합니다.

편집하려는 하이퍼링크를 클릭합니다.

링크 위에 표시되는 팝업에서 펜 기호를 클릭합니다.

[링크 편집] 대화 상자에서 [페이지] 탭을 선택합니다. [페이지 또는 기준점 선택] 대화 상자에서 링크하려는 내부 페이지 또는 기준점을 선택합니다.

기준점은 페이지 이름 뒤에 단어 "Anchor"로 표시됩니다. 웹 사이트의 동일한 페이지 또는 다른 페이지의 기준점으로 링크할 수 있습니다.

다음 세부 정보를 선택적으로 지정할 수 있습니다.

• 툴팁: 대상 페이지에 대한 의미 있는 설명을 제공합니다.
• 새 창에서 열기: 필요한 경우 링크를 새 창에서 열 수 있습니다.

[확인]을 클릭하여 마칩니다.

편집하려는 링크를 클릭합니다.

링크 위에 표시되는 팝업에서 펜 기호를 클릭합니다.

[링크 편집] 대화 상자에서 [전화번호] 탭을 선택합니다. [전화번호] 필드에 새로운 전화번호를 지정합니다.

다음 세부 정보를 선택적으로 지정할 수 있습니다.

• 툴팁: 툴팁에 대한 의미 있는 설명을 제공합니다.
• 새 창에서 열기: 필요한 경우 링크를 새 창에서 열 수 있습니다.

[확인]을 클릭하여 마칩니다.

편집할 하이퍼링크를 클릭하면 링크를 편집할 수 있다는 팝업 창이 표시됩니다.

펜 기호를 클릭합니다.

[링크 편집] 대화 상자에서 [이메일 주소] 탭을 선택합니다. [이메일 주소] 필드에 새로운 이메일 주소를 지정합니다.

다음 세부 정보를 선택적으로 지정할 수 있습니다.

• 툴팁: 툴팁에 대한 의미 있는 설명을 제공합니다.
• 새 창에서 열기: 필요한 경우 링크를 새 창에서 열 수 있습니다.

[확인]을 클릭하여 마칩니다.

편집하려는 링크를 클릭합니다.

표시되는 팝업에서 펜 기호를 클릭합니다.

[링크 편집] 대화 상자에서 [파일] 탭을 선택합니다.

드롭다운 목록에서 기존 파일을 선택하거나 [검색]을 클릭하여 컴퓨터에서 파일을 찾아 엽니다.

다음 세부 정보를 선택적으로 지정할 수 있습니다.

• 툴팁: 툴팁에 대한 의미 있는 설명을 제공합니다.
• 새 창에서 열기: 필요한 경우 링크를 새 창에서 열 수 있습니다.
  

[확인]을 클릭하여 마칩니다.

Adobe Muse를 실행하고 사이트의 .muse 파일을 엽니다.

라이브 사이트가 변경된 것을 표시하는 알림 메시지가 나타납니다. 검토를 불러오고 변경 내용 창을 병합하려면 [검토]를 클릭하십시오.

검토 및 병합은 인터페이스 강조 표시를 변경하고 각 변경 내용을 검토할 수 있습니다. 새 컨텐트가 초록색으로 강조 표시되고 삭제된 항목을 빨간색으로 표시됩니다. 라이브 사이트의 변경 내용을 로컬 .muse 파일과 비교하려면 [페이지 미리 보기] 확인란을 설정했다가 해제하십시오.

드롭다운 목록 옵션([병합 안 함] 또는 [Muse로 병합])을 사용하여 특정 변경 내용이나 모든 변경 내용을 거부하거나 수락합니다.