| 이미지의 위치마다 다르게 링크를 걸수 있는 이미지맵 - Imagemapic
이미지맵을 작성하기 위해 우선 간단한 유틸리티를 다운로드 받습니다. 포털사이트에서 검색하면 가능하리라 보며, 위 파일을 다운로드 받으셔도 됩니다.
별도로 설치를 요구하지 않으므로 압축을 해제한 후 바로 실행하시면 됩니다. 위 화면은 실행 초기 화면으로 좌측 상단 [File] => [Open Image ...]를 선택합니다.
사이트맵을 제작하려는 그림을 불러온 다음 좌측 상단 [copy code to clipboard] 라는 아이콘을 선택한 다음 이미지에서 사이트맵을 작성할 부위를 선택합니다.
여기서는 테스트로 머리부분과 입부분의 2곳을 선택합니다.
선택이 되었으면 상단메뉴 [file] =>[save HTML code] 부분을 선택하고 적당한 이름으로 저장을 합니다.
위 화면은 저장된 코드를 캡쳐해 본 것입니다. 이 코드를 자신의 홈페이지에 적절히 응용하시면 됩니다.
일단 테스트로 해당 파일을 더블 클릭해 실행해 봅니다. 이마부위에 살짝 원틀릭하면 위 화면처럼 선택된 맵의 부위가 나타납니다. 이 부분에 링크를 삽입하면 바로 사이트맵의 작성이 완료되는 것입니다.
| 
imagemapic.zip
