어떻게 이미지 맵이 동작하는가

현재 번역은 완벽하지 않습니다. 한국어로 문서 번역에 동참해주세요.

초안
이 문서는 작성중입니다.

이미지 맵이라고 불리는 그래픽은 HTML의 가장 일반적이고 도움이 되는 것들중 하나입니다. 이미지 맵은 클릭할 수 있는 부분이 있어 클릭할 수 있는 이미지로 변경된 정적 이미지입니다. 이미지 맵은 Common Gateway Interface(CGI)를 이용하여 만들어졌습니다. CGI는 웹 서버가 다른 애플리케이션들과 통신할 수 있는 통신 프토토콜입니다. 

필수 지식: 클라이언트/서버 모델을 반드시 알아야 합니다.
목표: 어떻게 이미지가 동작하는 지를 배우는 것

어떻게 이미지 맵이 동작할까

 

  1. 위의 예시에서, 유저는 Toronto를 클릭하며, x, y 좌표는 75, 25입니다. HTML 코드에서, 브라우저는 ISMAP 이미지 태그 속성을 알고있습니다. 마우스 클릭은 브라우저가 x,y좌표를 서버에게 전달하게 하며, 지도 파일 데이터의 위치 또한 서버에게 전달됩니다.
  2. 서버는 CGI 애플리케이션에게 좌표와 맵 파일 데이터를 넘겨줍니다. CGI 애플리케이션은 유저가 맵을 클릭함으로써 요청도니 URL과 좌표를 비교하여 호환되는지 확인합니다. URL은 서버에게 전송되고, 서버는 클라이언트에게 페이지를 보냅니다.
  3. 웹 문서는 제공되거나(만약 같은 서버에 있다면) 혹은 클라이언트 브라우저는 새로운 URL로 보내집니다.
  4. 클라이언트 브라우저는 반환된 페이지를 보여주거나(반환된 URL을 기반으로) 혹은 그 페이지에 대한 정확한 서버에게 요청을 보냅니다.

문서 태그 및 공헌자

 이 페이지의 공헌자: woojin.jo
 최종 변경: woojin.jo,