Text/Chen Xiufeng
사진이 있는 웹페이지를 열 때 가끔 이런 상황을 볼 수 있습니다. 마우스가 사진의 다른 부분을 가리키면 다른 하이퍼링크를 열 수 있습니다. 이 기술을 웹페이지 사진 핫존이라고 합니다.
웹 페이지 이미지 핫스팟을 설정하는 구체적인 프로세스를 살펴보기 위해 Dreamweaver MX 및 FrontPage 2003을 예로 들어 보겠습니다.
1. Dreamweaver MX에서 그림용 핫스팟 생성
1. Dreamweaver MX를 시작하고(다른 버전의 지침을 따르십시오) 그림용 핫스팟을 생성해야 하는 웹 페이지 파일을 열고 해당 그림을 선택한 다음 "속성"을 선택합니다. 패널이 자동으로 "그림" 속성" 상태로 전환됩니다(그림 1).
2. 핫 영역 유형(예: "타원")을 선택한 다음 사진 위로 끌어 핫 영역을 만듭니다(그림 1 참조).
그림 1
참고: 핫존은 그림에 그래픽 레이어를 추가하는 것과 동일합니다. 그림을 조정하는 것과 마찬가지로 핫존의 크기와 위치도 마우스로 조정할 수 있습니다.
3. "링크" 오른쪽 상자에 링크할 URL을 입력합니다(예: "http://www.yesky.com"). "대체" 뒤의 상자에 일부 설명 문자를 입력합니다(예: "Tianji" .com"); "대상" 오른쪽에 있는 드롭다운 버튼을 누르고 나타나는 드롭다운 목록에서 링크된 페이지를 여는 방법을 선택합니다(링크된 페이지를 새 창에서 열려면 다음을 선택하세요). "_blank" 옵션).
참고: 웹 페이지를 탐색할 때 마우스가 핫스팟을 가리키면 "바꾸기" 상자에 입력한 문자가 페이지에 표시됩니다(그림 2).
그림 2
4. 위의 2단계와 3단계를 반복하여 그림의 여러 부분에 여러 개의 핫스팟을 만듭니다.
2. FrontPage2003에서 사진용 핫스팟 만들기
1. FrontPage2003을 시작하고 사진용 핫스팟을 만드는 데 필요한 웹 페이지 파일을 엽니다.
2. "보기→도구 모음→그림" 명령을 실행하여 "그림" 도구 모음을 확장합니다(그림 3).
그림 3
3. 핫 영역 유형(예: "사각형")을 선택한 다음 사진에서 핫 영역을 드래그하면 시스템이 자동으로 "하이퍼링크 삽입" 대화 상자를 표시합니다(그림 4).
그림 4
4. "주소" 표시줄에 링크할 URL을 입력합니다(예: "www.yesky.com"). "화면 팁" 버튼을 클릭하여 "화면 하이퍼링크 팁 설정" 대화 상자를 엽니다(그림 5). , 일부 설명 문자(예: "天极网")를 입력합니다.
그림 5
참고: 여기의 "화면 팁"은 Dreamweaver MX "대체" 기능과 동일합니다.
4. 같은 방법으로 위의 3단계와 4단계를 반복하여 사진의 다른 부분에 여러 개의 핫스팟을 만듭니다.