이미지 맵 작성

이미지 내에서 웹 사이트에 있는 다른 페이지로 링크할 영역을 정의할 수 있습니다. 크기와 모양이 서로 다른 여러 영역을 정의할 수 있습니다.

이미지 맵을 작성하려면 다음을 수행하십시오.

  1. Page Designer에서 파일을 여십시오.
  2. 디자인 페이지에서 이미지를 선택하십시오.
  3. 편집 > 이미지 > 이미지 맵 편집을 선택하십시오.
  4. 정의하려는 영역 모양에 해당하는 적절한 도구 단추를 클릭하십시오.
  5. 마우스 단추를 누른 상태에서 선택하려는 영역이 아웃라인의 형태에 맞게 될 때까지 이미지 위로 끌어오십시오.

    다각형을 정의하려면, 다각형 단추를 클릭한 다음 다각형의 각 모서리 지점에서 이미지를 한 번씩 클릭하십시오. 마지막 모서리를 두 번 클릭하여 작업을 완료하십시오.

  6. 링크 삽입 대화 상자에서 모든 관련 정보를 지정하십시오.
  7. 확인을 클릭하십시오. 아래 테이블은 맵핑된 영역 목록을 표시하는 이미지가 들어 있는 상자입니다.
  8. 목록에서 맵핑된 영역을 선택하고 대체 텍스트 필드에 설명을 입력하십시오.

    대체 텍스트 필드에 텍스트를 입력하면 시각 장애가 있는 방문자도 음성 판독기를 사용하여 사이트를 탐색할 수 있습니다. 뿐만 아니라, 이미지를 표시할 수 없는 웹 브라우저를 사용하는 방문자도 대체 텍스트를 링크로 선택할 수 있으므로 항상 대체 텍스트를 입력하는 것이 좋습니다.

  9. 링크가 설정하면서 여러 영역을 작성하려면 이들 단계를 반복하고 확인을 클릭하십시오.
  10. Windows 경우 미리보기 페이지로 이동하여 맵핑된 영역을 클릭하면 미리보기 브라우저에서 사용하는 링크 아이콘이 팝업되어 갱신사항이 정확하게 반영되는지 확인할 수 있습니다.

    Linux 경우 웹 브라우저로 페이지를 로드하고 맵핑된 영역을 클릭하여 갱신사항이 정확하게 반영되도록 하십시오.

관련 태스크
이미지 맵
이미지 및 배경 이미지 삽입
사용 조건 | 피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.