이미지 맵 만들기 creating-image-maps

이미지 맵은 이미지, eCatalog 페이지 또는 텍스트가 있는 롤오버 패널을 표시하는 SpinSet의 이미지입니다. 사용자가 이미지 맵을 선택하면 특정 종류의 작업이 트리거됩니다. 예를 들어 사용자가 제품에 대한 자세한 정보를 확인할 수 있도록 웹 페이지가 시작됩니다. 이미지 맵 위로 포인터를 이동하면 윤곽선이 나타납니다.

Adobe Dynamic Media Classic에서 이미지 맵을 만드는 기능 외에도 Adobe Acrobat 또는 Adobe InDesign에서 카탈로그를 디자인할 때 이미지 맵을 만들 수도 있습니다.

이미지 맵을 만들 때 다음 작업 중 하나를 수행할 수 있습니다.

이미지 맵 그리기 및 조정 drawing-and-adjusting-an-image-map

이미지 맵의 위치, 모양 및 크기 조정 adjusting-the-position-shape-and-size-of-image-maps

이미지 맵의 위치, 모양 및 크기를 변경하려면 [이미지 맵] 단추를 선택합니다. 그런 다음 패닝 도구를 사용한 다음 지침을 따릅니다.

겹치는 이미지 맵 처리 handling-overlapping-image-maps

이미지나 eCatalog 페이지에 이미지 맵이 여러 개 포함되어 있고 맵이 겹치는 경우 맵이 겹치는 방식을 결정할 수 있습니다. 이렇게 하려면 [이미지 맵] 목록에서 맵 순서를 변경합니다. 맵 이름을 목록에서 위나 아래로 드래그합니다. 목록에서 이름이 표시되는 위치에 따라 해당 이미지 맵이 다른 이미지 맵과 겹치는지 여부가 결정됩니다.

이미지 맵 데이터 가져오기 importing-image-map-data

각 페이지에서 이미지 맵 데이터를 입력하는 대신 이미지, 회전 집합 또는 eCatalog의 데이터를 [맵 요약] 화면으로 가져올 수 있습니다. 탭으로 구분된 파일이나 XML DTD 형태로 이미지 맵 데이터를 가져옵니다. 파일의 필드는 [맵 요약] 화면에 표시된 순서대로 정렬되어야 합니다(이름, 목차 레이블, 맵, URL, 롤오버 텍스트, 다른 작업 및 검색 문자열). 이미지 맵 데이터를 가져오면 각 이미지 맵을 만들 때 [이미지 맵] 목록에 데이터를 입력하지 않아도 됩니다.

이미지 맵 데이터를 가져오려면 다음을 수행하십시오.

이미지 맵 복사 copying-image-maps

이미지나 eCatalog 페이지의 이미지 맵을 다른 이미지나 eCatalog 페이지에 복사할 수 있습니다. 사용 이미지 맵 복사 먼저 제작을 시작하십시오. 이미지 맵을 복사하여 레이아웃이나 매핑 구조를 공유하는 이미지나 페이지에 다시 만들 수도 있습니다.

예를 들어 eCatalog의 이미지 맵 복사는 동일한 eCatalog의 외국어 버전 간에 모든 이미지 맵을 복사하는 편리한 방법입니다. 최상의 결과를 내려면 페이지 수와 이미지가 동일한 eCatalog 간에 복사하십시오. 복사하는 eCatalog에 이미 이미지 맵이 포함되어 있는 경우 복사가 수행될 때 해당 이미지 맵이 삭제됩니다.

이미지 맵을 복사하려면 다음을 수행합니다.

템플릿을 사용하여 JavaScript 및 URL 입력 using-a-template-to-enter-javascript-and-urls

보다 쉽고 효율적으로 이미지 맵 URL을 입력하기 위해 URL 템플릿(Href 템플릿이라고도 함)을 정의할 수 있습니다. 대부분의 이미지 맵 URL이 고정된 일반 형식을 공유하는 경우 URL 템플릿을 정의합니다. 고정된 URL 부분을 URL 템플릿으로 입력하면 이미지 맵을 만들 때마다 URL의 이 부분을 입력할 필요가 없습니다. URL 템플릿에 JavaScript 명령, 경로 이름 및 매개 변수를 포함할 수도 있습니다. 기본적으로 URL 템플릿에는 이라는 자체 Adobe Dynamic Media Classic JavaScript 핸들러가 포함되어 있습니다. loadProduct 그러면 새 창에서 이미지가 열립니다.

URL 템플릿 정보 about-url-templates

URL 템플릿은 이미지 맵 목록의 URL 열 콘텐츠를 템플릿의 이중 달러 기호('$$')로 대체하여 작동합니다.

Javascript:loadProduct('$$');void(0);

이미지 맵 간에 변경되지 않는 모든 값은 URL 템플릿에 배치합니다. 변경되는 값만 [이미지 맵] 목록의 URL 열에 추가합니다. 예:

기본적으로 URL 템플릿에는 이라는 자체 Adobe Dynamic Media Classic JavaScript 핸들러가 포함되어 있습니다. loadProduct 그러면 URL 대상이 있는 새 창이 열립니다. 그러나 모든 JavaScript 코드를 사용하여 이 JavaScript 핸들러를 바꾸거나 다음 Adobe Dynamic Media Classic 핸들러 중 하나를 사용할 수 있습니다.

URL 템플릿 만들기 creating-a-url-template

URL 템플릿 처리 handling-url-templates

[맵 편집기] 페이지(이미지와 회전 집합) 및 eCatalog 화면(eCatalog)의 [맵 페이지] 탭에서는 URL 템플릿을 처리하는 다음 명령을 제공합니다.

이미지 맵에 대한 다른 작업 정의 defining-other-actions-for-image-maps

다음을 선택할 수 있습니다. 표시 메뉴 및 선택 기타 작업 롤오버 텍스트 및 웹 페이지 시작 이외의 작업을 트리거합니다. 사용자가 포인터를 이미지 맵 위로 이동할 때 작업을 시작할 수 있습니다. 이러한 작업은 World Wide Web Consortium HTML 사양에서 클라이언트측 이미지 맵에 대해 정의된 특성입니다. 그러한 보고서는 아래와 같습니다.

이미지 맵에 대한 다른 작업을 정의하려면 다음을 수행합니다.

다음 항목 선택 표시 메뉴 및 선택 모두 이미지 맵에 롤오버 텍스트 및 작업을 사용하려는 경우

Adobe Acrobat 또는 Adobe InDesign에서 이미지 맵 만들기 creating-image-maps-in-adobe-acrobat-or-adobe-indesign

Adobe Acrobat 또는 Adobe InDesign에서 eCatalog를 디자인하는 동안 이미지 맵을 만들 수 있습니다.

Adobe Acrobat 또는 Adobe InDesign에서 이미지 맵을 표시할 위치에 하이퍼링크 참조를 만들고 이미지 맵의 URL 위치를 지정합니다. PDF 파일을 Adobe Dynamic Media Classic에 업로드할 때 링크 추출 옵션을 선택하면 링크가 이미지 맵으로 자동 변환됩니다.

자세한 내용은 Adobe InDesign 도움말 또는 Adobe Acrobat 도움말을 참조하십시오.

Adobe InDesign에서 이미지 맵 만들기 to-create-image-maps-in-adobe-indesign

Adobe Acrobat에서 이미지 맵 만들기 to-create-image-maps-in-adobe-acrobat