이미지 맵 그리기 및 조정

  1. 다음 중 하나를 수행하십시오.

    • [그리드 보기] 또는 [목록 보기]에서 이미지로 작업 중인 경우 [편집] 드롭다운 목록에서 [이미지 맵]을 클릭합니다. 또는 [세부 사항 보기]에서 이미지를 열고 이미지 위에 있는 [이미지 맵] 을 클릭합니다.

    • [그리드 보기] 또는 [목록 보기]에서 회전 집합으로 작업 중인 경우 [편집]을 클릭합니다. 또는 [세부 사항 보기]에서 이미지를 열고 [편집]을 클릭합니다. 이미지 자산을 선택하고 [이미지 맵] 을 클릭합니다.

    • [그리드 보기], [목록 보기] 또는 [세부 사항 보기]에서 eCatalog로 작업 중인 경우 [편집]을 클릭합니다. [맵 페이지] 탭을 클릭합니다.

    전체 화면으로 그래픽 보기
    이미지 맵 만들기

  2. 사각형 또는 다각형(다변형) 이미지 맵을 그립니다.

    사각형 맵
    [사각형 이미지 맵] 도구 를 선택하고 페이지에서 끌어 사각형을 만듭니다. 사각형 맵에 점을 추가하여 다각형 맵으로 변경하려면 Ctrl 키를 누르고 원하는 위치에 삽입 도구를 놓은 다음 클릭합니다.

    다각형 맵
    [다각형 이미지 맵] 도구 를 선택하고 둘러싸려는 이미지 영역 경계의 점을 클릭합니다. 다각형 밀도 슬라이더를 사용하여 다각형의 점 밀도를 변경합니다. 다른 맵을 선택할 경우 원본 밀도가 저장됩니다. 다각형에서 점을 추가, 삭제 또는 이동하면 원본 밀도가 손실되고 슬라이더가 최대값으로 재설정됩니다.

  3. 원하는 경우 [이미지 맵] 목록에 이미지 맵 이름을 입력합니다. 이미지 맵을 그리면 Scene7에서 이름을 지정합니다.

    이름을 만들기 위해 Scene7은 작업 중인 이미지나 eCatalog 페이지의 이름에 순차적 번호를 추가합니다. 선택한 이름을 입력할 수 있습니다.

  4. 사용자가 [이미지 맵]을 클릭할 때 새 웹 페이지를 열려면 [이미지 맵] 목록에 URL을 입력합니다.

    템플릿을 사용하여 JavaScript 및 URL 입력 을 참조하십시오.

  5. 사용자가 포인터를 이미지 맵 위로 이동할 때 롤오버 텍스트를 표시하려면 [이미지 맵] 목록에 텍스트를 입력합니다. [이미지 맵] 목록에서 [표시] 메뉴를 선택한 다음 [롤오버 텍스트]를 선택합니다. 화면에서 사용자에게 표시할 텍스트를 입력합니다. 워드 프로세서에서 텍스트를 작성하고 [롤오버 텍스트] 필드에 복사할 수 있습니다.

  6. 사용자가 마우스를 이미지 맵 위로 이동할 때 다른 작업 효과를 발생시키려면 작업을 정의합니다. [표시] 드롭다운 목록에서 [다른 작업]을 클릭합니다. 작업의 특성을 입력합니다. 이미지 맵의 작업과 롤오버 텍스트를 만들려면 [표시] > [두 가지 모두]를 클릭합니다.

    이미지 맵의 다른 작업 정의 를 참조하십시오.

  7. 다음 중 하나를 수행합니다(선택 사항).

    • [미리 보기]를 클릭하여 이미지 맵을 미리 봅니다.

    • 이미지 맵이나 다각형 꼭지점을 삭제하려면 이미지에서 모양을 선택하고 [삭제]를 클릭합니다. 또는 eCatalog의 경우 [주문 페이지] 탭에서 [맵 지우기]를 클릭하여 모든 페이지에서 이미지 맵을 제거합니다.

    • 이미지, 회전 집합의 이미지 또는 eCatalog 페이지에서 이미지 맵을 일시적으로 제거하려면 삭제하지 않고 [이미지 맵] 목록에서 해당 [켜짐] 선택 사항을 선택 취소합니다.

  8. [저장]를 클릭합니다.

이미지 맵의 위치, 모양 및 크기 조정

이미지 맵의 위치, 모양 및 크기를 변경하려면 [이미지 맵] 단추 를 선택합니다. [패닝] 도구 를 선택하고 다음 지침을 수행합니다.

위치 변경
포인터를 이미지 맵 테두리 위가 아니라 근처로 이동합니다. 십자형 화살표 아이콘이 표시되면 맵을 새 위치로 드래그합니다.

크기 및 모양 변경
이미지 맵의 모양과 크기를 변경하는 방법은 사각형 또는 다각형 이미지 맵에서 작업하는지에 따라 달라집니다.
사각형 이미지 맵
포인터를 이미지 맵 측면이나 모서리 위로 이동합니다. 양면 화살표 아이콘이 표시되면 끌기를 시작합니다. Shift 키를 누른 상태로 끌어 크기를 변경하지만 종횡비(모양)는 유지합니다.

다각형 이미지 맵
사각형 선택 핸들을 드래그합니다. 선택 핸들을 만들려면 이미지 맵의 테두리를 클릭하고 끌기를 시작합니다.

화면 하단에 있는 [크기] 슬라이더를 끌어 보기를 변경하고 이미지 맵 보기를 향상시킬 수 있습니다.

겹치는 이미지 맵 처리

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

이미지 맵 데이터 가져오기

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

이미지 맵 데이터를 가져오려면

  1. 이미지 맵 편집기 페이지(이미지 또는 회전 집합의 이미지) 또는 eCatalog 편집 화면의 [맵 페이지] 탭으로 이동합니다.

  2. [메타데이터 가져오기]를 클릭합니다.

  3. [메타데이터 업로드] 대화 상자에서 [이미지] 또는 [이미지 맵]을 클릭하여 원하는 자산 속성 유형의 메타데이터를 업로드합니다.

  4. [파일 생성] 드롭다운 목록에서 만들려는 파일 유형을 선택합니다.

  5. (선택 사항) [생성]을 클릭하여 만들려는 파일 유형을 기준으로 결과 데이터를 미리 봅니다. [닫기]를 클릭하여 [메타데이터 업로드] 대화 상자로 돌아갑니다.

  6. 업로드할 파일을 찾습니다. [파일 이름] 텍스트 필드에 생성된 파일의 이름을 지정합니다.

  7. (선택 사항) [작업 이름] 필드에 메타데이터 업로드 작업의 이름을 지정합니다.

  8. [업로드]를 클릭합니다.

이미지 맵 복사

이미지나 eCatalog 페이지의 이미지 맵을 다른 이미지나 eCatalog 페이지에 복사할 수 있습니다. 이미지 맵을 빨리 만들려면 [이미지 맵 복사]를 사용합니다. 이미지 맵을 복사하여 동일한 레이아웃이나 매핑 구조를 공유하는 이미지 또는 페이지에 다시 만들 수도 있습니다.

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

이미지 맵을 복사하려면

  1. 이미지 맵 편집기 페이지(이미지 또는 회전 집합의 이미지) 또는 eCatalog 편집 화면의 [맵 페이지] 탭으로 이동합니다.

  2. [다음 위치에 [맵 복사]를 클릭합니다.

  3. 이미지에서 이미지 맵을 복사하는지, 아니면 eCatalog에서 이미지 맵을 복사하는지에 따라 다음 중 하나를 수행합니다.

    • (이미지) [이미지 선택] 화면에서 이미지 맵을 복사할 타겟 이미지를 선택합니다.

    • (eCatalog) [자산 선택] 화면에서 이미지 맵을 복사할 타겟 이미지 또는 eCatalog 페이지를 선택합니다.

  4. [선택]을 클릭합니다.