이미지에 클릭 가능한 핫스폿 추가

이미지 맵을 사용하면 문서의 그림에서 핫스폿이라는 특정 영역에 URL을 첨부할 수 있습니다. 이미지 맵은 하나 이상의 핫스폿으로 이루어진 그룹입니다.

직사각형, 타원, 다각형 같은 세 가지 종류의 핫스폿을 그릴 수 있습니다. 핫스폿을 클릭하면 지정한 브라우저 창이나 프레임에서 URL이 열립니다. 핫스폿에 마우스를 놓으면 표시될 텍스트를 지정할 수도 있습니다.

클릭 가능한 핫스폿을 이미지에 추가하려면

  1. 문서에서 이미지 맵을 넣을 위치에 커서를 놓습니다.

  2. Choose Insert - Image, select and insert a bitmap image.

  3. 그림을 선택한 상태에서 편집 - 이미지 맵을 선택합니다. 배경에 그림을 표시하는 이미지 맵 편집기가 표시됩니다.

  4. 이미지 맵 편집기의 아이콘을 사용하여 이미지 위에 직사각형 같은 핫스폿 도형을 백그라운드로 그립니다.

    - LibreOffice - 일반에서 확장 도움말을 활성화하면 각 아이콘의 기능에 대한 확장 도움말 텍스트를 볼 수 있습니다.

  5. 사용자가 핫스폿을 클릭하면 웹 브라우저에 표시될 "주소" URL을 입력합니다.

  6. 선택적으로 사용자가 핫스폿을 마우스로 가리키면 팁으로 표시될 "텍스트"를 입력합니다.

  7. 적용 버튼을 클릭하여 변경한 내용을 적용하고 이미지 맵 편집기를 닫습니다.

  8. LibreOffice 또는 HTML 형식으로 문서를 저장합니다.

이미지 맵을 파일로 저장하여 웹 서버 등에 업로드할 수 있습니다.

이미지맵

이미지 맵이란 참조 내용에 따라 표시되는 그래픽 또는 텍스트 프레임입니다. 이 그래픽이나 텍스트 프레임의 정의된 영역을 클릭하면 이 영역과 연결된 대상(URL)으로 이동할 수 있습니다. 참조 영역, 연결된 URL, 마우스 포인터를 놓으면 표시되는 텍스트는 이미지 맵 편집에서 정의할 수 있습니다.

이미지 맵에는 서로 다른 2가지 유형이 있습니다. 클라이언트 사이드 이미지 맵은 인터넷에 그래픽을 불러온 클라이언트 컴퓨터에서 실행하고 서버 사이드 이미지 맵은 인터넷에서 HTML 페이지를 제공하는 서버 컴퓨터에서 실행합니다. 서버 사이드 이미지 맵에서는 이미지 맵을 클릭하면 이미지 내부 커서의 상대 좌표가 서버로 전달되고 서버에 있는 전용 프로그램이 응답합니다. 클라이언트 사이드 이미지맵에서는 정의된 이미지 맵 영역을 클릭하면 URL이 일반 텍스트 링크처럼 활성화됩니다. URL은 마우스 포인터가 이미지 맵 위를 지날 때 마우스 포인터 아래에 표시됩니다.

이미지 맵은 다양한 방식으로 사용되므로 다양한 형식으로 저장할 수 있습니다.

이미지맵 형식

이미지맵은 기본적으로 서버에서 분석되는 부분(예: 인터넷 공급자)과 사용자의 웹 브라우저에서 분석되는 부분으로 나뉩니다.

서버 사이드 이미지 맵

서버 사이드 이미지 맵은 페이지의 그림이나 프레임으로 표시됩니다. 마우스로 이미지 맵을 클릭하면 상대 위치의 좌표를 서버로 보냅니다. 그리고 나서 서버는 별도의 프로그램을 통해 다음 단계를 결정합니다. 이 프로세스를 지정하는 몇 가지 호환되지 않는 방식이 있으며, 그 중 가장 많이 사용하는 두 방법은 다음과 같습니다.

LibreOffice은(는) 두 방법 모두를 사용하여 이미지 맵을 만듭니다. 이미지 맵 편집기에서 다른 이름으로 저장 대화 상자를 열고 파일 형식 목록 중 해당 형식을 선택합니다. 서버에 업로드해야 하는 별도의 맵 파일이 만들어집니다. 서버가 지원하는 이미지 맵 유형 및 평가 프로그램 사용 방식에 대해서는 공급자나 네트워크 관리자에게 문의해야 합니다.

클라이언트 사이드 이미지 맵

마우스로 클릭할 수 있는 그림이나 프레임의 경우 마우스가 해당 영역을 지날 때 연결된 URL이 표시됩니다. 이미지 맵은 해당 그림의 아래 계층에 저장되며 참조 영역에 대한 정보를 포함합니다. 클라이언트측 이미지 맵의 유일한 단점은 이전 웹 브라우저에서 읽을 수 없다는 것이지만, 이 문제는 시간이 지나면 자동으로 해결될 것입니다.

이미지 맵 파일 저장 시 파일 형식은 SIP - StarView ImageMap을 선택해야 합니다. 그러면 이미지 맵이 문서의 모든 활성 그림이나 프레임에 적용 가능한 형식으로 저장됩니다. 그러나 현재 그림이나 텍스트 프레임에서 이미지 맵을 사용할 경우 특정 형식으로 저장할 필요는 없습니다. 영역을 지정한 후 적용을 클릭하면 됩니다. 더 이상 필요한 조치는 없습니다. HTML 형식으로 저장된 클라이언트 사이드 이미지 맵이 HTML 코드의 페이지로 직접 삽입됩니다.