이 페이지의 절차에 대한 빠른 링크:
• |
• |
• |
이미지 맵은 이미지 내에서 특정 영역을 클릭하면 다른 위치로 이동하게 해주는 웹 기능입니다.
이미지 맵에는 두 가지 유형이 있습니다.
• |
클라이언트 측 이미지 맵은 HTML 문서에 이미지 맵 정보를 저장합니다. 커서가 매핑된 영역 위로 이동할 때 URL 정보가 브라우저 창 하단에 나타납니다. |
• |
서버 측 이미지 맵은 다른 방법으로 작동합니다. 이미지 맵 정보는 서버에 저장된 별도의 파일에 저장되고 CGI (Common Gateway Interface) 스크립트를 통해 액세스됩니다. 커서가 매핑된 영역 위로 이동할 때 URL 정보가 아니라 좌표 정보가 브라우저 창 하단에 나타납니다. |
클라이언트 측 이미지 맵은 모든 이미지 정보가 페이지의 HTML에 존재하기 때문에 더 빠르고 효율적입니다. 반대로, 서버 측 이미지 맵은 브라우저와 웹 서버 사이에 추가적인 정보 교환을 필요로 합니다. 그러나 아주 오래된 브라우저는 클라이언트 측 이미지 맵을 지원하지 않습니다.
핫스팟을 클릭하면(왼쪽) 해당 링크가 참조하는 페이지로 이동합니다(오른쪽).
클라이언트 측 이미지 맵은 URL 정보와 직접 연결된 "핫스팟"을 가지고 있는 이미지입니다. 핫스팟을 클릭하면 브라우저는 해당 링크 정보가 참조하는 페이지로 이동합니다.
클라이언트 측 이미지 맵은 원형 및 직사각형 "핫스팟"을 인식합니다. 따라서 Corel Painter에서는 원형 영역을 원형으로, 직사각형 영역을 직사각형으로 다룹니다. 타원형 영역은 직사각형으로 내보내집니다.
이미지 맵은 레이어를 사용하여 만듭니다. 레이어의 크기는 클릭 가능한
영역을 결정합니다. 레이어 작업에 대한 자세한 내용은 레이어를 참조하십시오.
레이어의 크기는 클릭 가능한 영역 또는 핫스팟의 크기를 결정합니다.
서버 측 이미지 매핑은 원형과 타원형을 다른 방법으로 다룹니다. 서버 측 매핑의 경우 타원형을 내보낼 수 있습니다. 서버 측 이미지 맵에 대한 자세한 내용은 서버 측 이미지 매핑을 참조하십시오.
| 클라이언트 측 이미지 맵을 정의하려면 |  |
1 |
링크를 만들려는 이미지의 정확한 위치에서 레이어 또는 모양을 선택하거나 만듭니다. |
레이어의 선택 윤곽을 볼 수 없는 경우 레이어 패널에서 레이어 옵션 단추  를 클릭하고 레이어 표시기 표시를 선택하십시오. |
2 |
레이어 옵션 단추 를 클릭하고 레이어 속성을 선택합니다. |
3 |
레이어 속성 대화 상자에서 레이어의 이름을 지정합니다. |
4 |
WWW 맵 클릭 가능한 영역 확인란을 선택합니다. |
5 |
URL 상자에서 이미지의 이 부분과 연결할 URL (예: http://www.corel.com)을 지정합니다. |
6 |
확인을 클릭하여 이미지로 돌아갑니다. |
7 |
레이어의 선택을 해제한 후 이미지 맵에서 다음 영역을 정의합니다. |
이미지 맵에 두 개 이상의 겹치는 영역이 있을 경우에는 가장 위에 있는 영역이 우선 사용됩니다. |
8 |
이미지를 GIF 또는 JPEG 파일 형식으로 내보냅니다. GIF 저장 옵션 또는 JPEG 인코딩 품질 대화 상자에서 클라이언트 측 맵 파일 확인란을 선택하여, Corel Painter에서 이미지 맵 정의가 포함된 HTML 파일을 내보내야 한다는 것을 표시합니다. |
 |
RIFF 형식에는 GIF 또는 JPEG로 변환할 때 손실되는 이미지에 대한 데이터가 포함됩니다. 나중에 파일을 편집하려는 경우 GIF나 JPEG 버전을 생성하기 전에 RIFF 복사본을 저장하십시오. |
클라이언트 측 이미지 맵을 내보낼 때 Corel Painter에서는 이미지와 HTML 파일을 모두 내보냅니다. 그러면 텍스트나 HTML 편집기에서 HTML 파일을 열어 코드를 다른 웹 페이지로 복사할 수 있습니다.
| 이미지 맵에 대한 기본 URL을 정의하려면 | |
1 |
사용자가 이미지 맵에서 정의된 핫스팟 영역 외부를 클릭할 때 사용할 기본 URL을 정의하려면, 레이어나 모양 또는 플러그인이 선택되지 않았을 때 파일 메뉴  정보를 선택합니다. |
파일 정보 대화 상자가 나타납니다. |
2 |
WWW 맵 기본 URL을 선택합니다. |
3 |
URL 주소를 입력합니다. |
4 |
확인을 클릭합니다. |
기본 URL을 제공하지 않으면 정의된 핫스팟 영역 외부를 클릭해도 아무 효과가 없습니다.
Corel Painter에서는 레이어를 클릭 가능한 영역으로 정의할 수 있습니다. Corel Painter에서 이 이미지 맵 정보를 별도의 텍스트 파일 내에 저장하므로, 이를 웹 서버로 업로드할 수 있습니다. 그런 다음 CGI 스크립트를 통해 액세스할 수 있습니다.
서버 측 이미지 매핑은 거의 사용되지 않고 있기 때문에 이전 단원에서 설명한 클라이언트 측 이미지 매핑 지원을 읽어보십시오.
| 서버 측 이미지 맵을 만들려면 | |
1 |
링크를 만들려는 이미지의 정확한 위치에서 레이어 또는 모양을 선택하거나 만듭니다. 레이어를 사용한 작업 및 일반 레이어 속성 설정에 대한 자세한 내용은 레이어를 참조하십시오. |
2 |
레이어 패널의 레이어 목록에서 레이어를 선택합니다. |
3 |
레이어 옵션 단추 를 클릭하고 레이어 속성을 선택합니다. |
4 |
레이어 속성 대화 상자에서 레이어의 이름을 지정합니다. |
5 |
WWW 맵 클릭 가능한 영역 확인란을 선택합니다. |
6 |
URL 상자에서 이미지의 이 부분과 연결할 URL (예: http://www.corel.com)을 지정합니다. |
7 |
확인을 클릭하여 이미지로 돌아갑니다. |
8 |
레이어의 선택을 해제한 후 이미지 맵에서 다음 핫스팟을 선택합니다. 이미지 맵 내에서 겹치는 핫스팟 영역을 피합니다. |
사용자가 정의된 핫스팟 영역 외부를 클릭할 때 사용할 기본 URL을 설정할 수 있습니다. 이미지 맵에 대한 기본 URL을 정의하려면을 참조하십시오. |
9 |
이미지를 GIF 또는 JPEG 파일 형식으로 내보냅니다. GIF 저장 옵션 또는 JPEG 인코딩 품질 대화 상자에서 ISP (Internet Service Provider)가 권장하는 형식에 따라 NCSA 맵 파일 확인란 또는 CERN 맵 파일 확인란을 선택합니다. |
이미지를 저장할 때 Corel Painter에서 클릭 가능한 영역과 관련 URL을 설명하는 추가 텍스트 파일을 만듭니다. |
10 |
이미지 맵 CGI 스크립트/프로그램 문서에서 지시하는 대로 이미지 파일과 이미지 맵 정의 파일을 모두 웹 서버에 저장합니다. 서버 측 이미지 맵이 정상적으로 작동하려면 두 파일이 모두 있어야 합니다. |
|
RIFF 형식에는 GIF 또는 JPEG로 변환할 때 손실되는 이미지에 대한 데이터가 포함됩니다. 나중에 파일을 편집하려는 경우 GIF나 JPEG 버전을 생성하기 전에 RIFF 복사본을 저장하십시오. |
|
Copyright 2012 Corel Corporation. 모든 권리 보유.