이미지 맵은 단순한 HTML 태그 일뿐입니다.
이미지 맵은 웹 사이트를 활기 차게 만드는 재미 있고 흥미로운 방법입니다. 이미지 맵을 사용하면 이미지를 업로드하고 해당 이미지의 일부를 다른 온라인 자산으로 클릭 할 수 있습니다. 꼬집고 이미지 맵 편집기를 다운로드하고 싶지 않은 경우 HTML 태그를 사용하여지도를 만드는 것이 간단합니다.
이미지, 이미지 편집기 및 일종의 HTML 편집기 또는 텍스트 편집기가 필요합니다. 대부분의 이미지 편집기는 이미지를 가리킬 때 마우스의 좌표를 보여줍니다. 이 좌표 데이터는 이미지 맵을 시작하는 데 필요한 것입니다.
이미지 맵 만들기
이미지 맵을 만들려면 먼저지도의 기초가 될 이미지를 선택하십시오. 이미지는 "보통 크기"여야합니다. 즉, 브라우저에서 크기를 조정할만큼 큰 이미지를 사용해서는 안됩니다.
이미지를 삽입하면지도의 좌표를 식별하는 추가 속성이 추가됩니다.
이미지 맵을 만들면 이미지에서 클릭 할 수있는 영역이 만들어 지므로 맵의 좌표는 선택한 이미지의 높이와 너비와 일렬로 있어야합니다. 지도는 세 가지 유형의 도형을 지원합니다.
- 직사각형 - 사각형 또는 4 면체 그림
- 다각형 또는 다각형
- 원 - 원
영역을 만들려면 매핑하려는 특정 좌표를 분리해야합니다. 지도는 이미지에서 하나 이상의 정의 된 영역으로 구성되어 클릭 할 때 새 하이퍼 링크를 엽니 다.
직사각형의 경우 왼쪽 상단과 하단 오른쪽 모서리 만 매핑합니다. 모든 좌표는 x, y (위, 위)로 나열됩니다. 따라서 왼쪽 위 모서리 0,0과 오른쪽 아래 모퉁이 10,15에 대해 0,0,10,15를 입력 합니다 . 그런 다음지도에 포함시킵니다.