CoffeeCup 이미지 매퍼를 사용하면 이미지의 특정 위치에 대한 여러 링크(또는 핫스팟)를 지정하고 문서 또는 웹 사이트를 가리킬 수 있습니다. 마우스오버 텍스트, ALT 텍스트, 링크 등을 만듭니다. JPG, PNG 및 GIF 이미지 형식을 지원합니다! 그렇다면 어떻게 작동할까요? 당신이 잡아 까지 여러 조각으로 가구를 판매하고 있다고 가정 해 봅시다. 사진에서 아이템을 선보이고 있습니다. 그런 다음 디자인 도구를 사용하여 특정 항목에 윤곽을 그리고 웹 사이트 주소를 할당합니다. 이제 누군가가 가구 를 클릭하면 자세한 내용은 함께 연결된 웹 페이지로 리디렉션됩니다. 지도, 기업 팀 사진, 순서도, 아트 갤러리 등과 같은 다른 유형의 이미지에 동일한 기술을 적용합니다. 꽤 멋진 권리? :) 반응형 이미지 맵은 모바일 사용자에게 친숙합니다. 모바일 장치에서 트래픽의 51% 이상이 유입되는 경우 이미지 맵을 업데이트하여 응답해야 합니다. 이렇게 하면 더 작은 화면에서 시청자를 탐색할 수 있는 더 쉽고 빠르며 기능성이 더 높아집니다. 반응성이 뛰어난 이미지 맵은 디스플레이 너비에 따라 링크 좌표를 적절하게 조정합니다. 그러나 한 가지 염두에 두어야 할 점은 모바일 장치가 마우스오버 또는 마우스오버에 대한 도구 팁을 허용하지 않는다는 것입니다. 이 때문에 사용자가 본능적으로 이미지 맵을 사용하는 방법을 알 수 있도록 이미지 맵의 작동 방식을 창의적으로 다시 생각해야 합니다. 어떻게 할 수 있습니까? 쉬운. 지도 근처에 "Key" o&Legend"를 표시하여 모바일 장치에서 이미지 맵을 더욱 기능적으로 만들 수 있습니다. 예를 들어 카탈로그에서 판매할 일부 가구를 보여주는 가구 카탈로그는 다음과 같습니다. 8개의 항목을 설명하기 위해 이미지 아래에 텍스트를 배치했습니다. 소스 이미지에도 추가 표시기도 적용되었습니다. 이러한 보조 장치는 모바일 시청자가 터치 할 수있는 것을 알 수 있도록 도와줍니다. 이러한 항목을 터치하면 유사한 항목에 대한 카탈로그를 탐색할 수 있는 페이지로 다시 이동합니다.
프로그램 세부 정보
- 범주: 웹 개발 > HTML 도구
- 게시자: CoffeeCup Software
- 라이센스: 무료 평가판
- 가격: $14.00
- 버전: 5.0
- 플랫폼: windows