OS모아
OS모아[가입] 로그인 / 회원가입   검색     


  
이미지관련
 

이미지의 위치마다 다르게 링크를 걸수 있는 이미지맵 - Imagemapic
2017-05-05 15:30:59 댓글:(0)   조회:13167
 

 
이미지의 위치마다 다르게 링크를 걸수 있는 이미지맵 - Imagemapic



다운로드는 로그인하셔야 가능합니다.
 
imagemapic [ 0 ]     [ imagemapic.zip ]   106240 Byte   
이미지맵을 작성하기 위해 우선 간단한 유틸리티를 다운로드 받습니다.
포털사이트에서 검색하면 가능하리라 보며, 위 파일을 다운로드 받으셔도 됩니다.




별도로 설치를 요구하지 않으므로 압축을 해제한 후 바로 실행하시면 됩니다.
위 화면은 실행 초기 화면으로  
좌측 상단 [File] => [Open Image ...]를 선택합니다.


사이트맵을 제작하려는 그림을 불러온 다음 
좌측 상단 [copy code to clipboard] 라는 아이콘을 선택한 다음 
이미지에서 사이트맵을 작성할 부위를 선택합니다.

여기서는 테스트로 머리부분과 입부분의 2곳을 선택합니다.





선택이 되었으면 상단메뉴 [file] =>[save HTML code] 부분을 선택하고 적당한 이름으로 저장을 합니다.

 

위 화면은 저장된 코드를 캡쳐해 본 것입니다.
이 코드를 자신의 홈페이지에 적절히 응용하시면 됩니다.

 


일단 테스트로 해당 파일을 더블 클릭해 실행해 봅니다.
이마부위에 살짝 원틀릭하면 위 화면처럼 선택된 맵의 부위가 나타납니다.
이 부분에 링크를 삽입하면 바로 사이트맵의 작성이 완료되는 것입니다.



. 


[이전글]  저작권없는 이미지 - 구글 검색에서 찾는 방법
[다음글]  색상추출 유틸리티 - color Cop 으로 웹페이지 색상을 추출해 봅니다.


 
댓글쓰기는 회원(로그인 하신분) 이상 가능합니다.


 댓글 (0)

  
이미지관련
페이지: 1 / 2   

 투명이미지-사이툴로 배경 투명하게 만들기
열람:4414   2019.12.21


 이미지뷰어 포커스온 설정하기
열람:1403   2019.10.15


 사이툴 이미지 제작프로그램 좌표 오류 해결
열람:9352   2019.05.12


 포토샵없이 이미지로 에니메이션 만들기 - 포토스케이프
열람:1576   2018.01.26


 투명 이미지 - 포토샵없이 웹에서 배경이 투명한 이미지 만들기
열람:2923   2017.11.07


 저작권없는 이미지 - 구글 검색에서 찾는 방법
열람:13471   2017.05.19


 이미지의 위치마다 다르게 링크를 걸수 있는 이미지맵 - Imagemapic
열람:13168   2017.05.05


 색상추출 유틸리티 - color Cop 으로 웹페이지 색상을 추출해 봅니다.
열람:13976   2017.05.03


 이미지 변환 유틸리티 - Kigo Image Convert 2.0 - 사용법
열람:3075   2017.04.04


 쉬운 아이콘 만들기 프로그램 AveIconfier2
열람:3294   2017.03.23



[1]  [2]  

복수단어 검색은 공백(space)로 구분해 주세요.




 
최근 글 [손님]
 
인기 글 [손님]
[홈마스타] 속도감
[홈마스타] [RE] input type=\\
[홈마스타] 운전면허 취득절차