드림위버 없이 이미지맵 링크 만들기

드림위버는 과거에 많이 사용했던 프로그램이지만 현재는 무거운데다 느리고 이상한 오류와 함께 강제종료 되는 현상이 자꾸 나타나서 많이 쓰지 않는 추세라고 한다.

(필자도 안씀)

드림위버의 딱 하나 좋은기능이라고 한다면 이미지맵 정도? 

그렇다고 이거 하나를 위해서 덩치큰 프로그램을 설치하는 것도 참 부담스럽다. 게다가 유료다.

 

하지만 요즘 없는게 없는 시대 아니던가~

온라인에서 정말 간단하게 이미지맵 주소를 획득할 수 있는 사이트가 있다.

 

이미지맵좌표값얻기→

 

 

▒ 사용방법은?

 

사이트에 접속하면 생각보다 간단하게 사용방법을 터득할 수 있지만 혹시나 헤맬 수 도 있는 사용자들을 위해 캡쳐를 해보았다. 

 

 

① 파일선택을 클릭 후 이미지맵 적용 사진을 불러온 후 업로드를 누른다.

② accept를 클릭한다.

 

 

 

 

① 원하는 모양을 선택 후 이미지맵 영역을 그려준다. (이미지 위에)

② HTML버튼을 누르면 하단에 소스가 생성된다.

여기서 잠깐
사각형과 원은 크기 만큼 그린 후 다시한번 클릭 시 선택이 해제 된다.
다각형은 모양을 그린 후 shift+클릭을 하면 선택이 해제 된다.

 

 

 

불필요한 소스는 삭제 후 복사한다. (name과 id는 쉬운 이름으로 변경해도 된다.)

 

 

#<===이거중요

<img src="이미지경로" usemap="#test">  // usemap과 name 이름이동일 해야하며 #이거 빼먹지마세요
<!--복사한소스-->
<map name="test">
  <area shape="" coords="좌표값" href="연결주소" target="_blank">
</map>