사용자가 웹 페이지의 특정 요소 위에 마우스 포인터를 올려 놓으면 Spry 도구 설명 위젯에 추가 정보가 표시됩니다. 마우스 포인터를 치우면 추가 내용이 사라집니다. 도구 설명을 더 오랫동안 열어 사용자가 도구 설명 내용과 상호 작용할 수 있도록 설정할 수도 있습니다.

도구 설명 위젯은 다음 세 가지 요소로 구성됩니다.

• 도구 설명 컨테이너. 사용자가 도구 설명을 활성화할 때 표시할 메시지 또는 내용을 포함하는 요소입니다.

• 도구 설명을 활성화하는 페이지 요소.

• 생성자 스크립트. Spry에 도구 설명 기능 생성을 알리는 JavaScript입니다.

[도구 설명] 위젯을 삽입하면 Dreamweaver는 div 태그를 사용하여 도구 설명 컨테이너를 만들고, “트리거” 요소(도구 설명을 활성화하는 페이지 요소)를 span 태그로 둘러쌉니다. Dreamweaver에서 기본적으로 이러한 태그를 사용하지만 도구 설명 및 트리거 요소의 태그가 페이지 본문 내에 있는 한 어떠한 태그도 사용할 수 있습니다.

다음은 도구 설명 위젯으로 작업할 때 유의해야 할 사항입니다.

• 다음 도구 설명을 열면 현재 열려 있는 도구 설명은 닫힙니다.

• 사용자가 트리거 영역에 마우스 포인터를 올려 놓는 동안 도구 설명은 계속 유지됩니다.

• 트리거 및 도구 설명 내용에 사용할 수 있는 태그 종류에 대한 제한은 없습니다. (단, 블록 수준 요소는 발생할 수 있는 브라우저 간 렌더링 문제를 방지하기 위해 항상 참조해야 합니다.)

• 기본적으로 도구 설명은 커서 오른쪽에 20픽셀 이하로 표시됩니다. [속성 관리자]의 [수평 오프셋] 및 [수직 오프셋] 옵션을 사용하여 사용자 정의 모양 포인터를 설정할 수 있습니다.

• 현재, 페이지가 브라우저에 로드될 때 도구 설명을 열 수 있는 방법은 없습니다.

도구 설명 위젯에는 아주 작은 CSS가 필요합니다. Spry는 JavaScript를 사용하여 도구 설명을 표시하고, 숨기고 위치를 지정합니다. 표준 CSS 기술을 사용하여 도구 설명 스타일을 페이지에서 원하는 대로 만들 수 있습니다. 기본 CSS 파일에 포함되어 있는 유일한 규칙은 Internet Explorer 6 문제의 해결 방법으로 양식 요소 또는 Flash 객체 위에 도구 설명을 표시할 수 있습니다.

Spry 도구 설명 위젯의 코드에 대한 자세한 분석을 비롯하여 이 위젯이 작동하는 방식에 대한 포괄적인 설명은 www.adobe.com/go/learn_dw_sprytooltip_kr을 참조하십시오.

Spry 도구 설명 위젯을 사용하는 작업에 대한 비디오 자습서를 보려면 www.adobe.com/go/lrvid4046_dw_kr을 참조하십시오.

도구 설명 위젯의 비헤이비어를 사용자 정의할 수 있도록 옵션을 설정할 수 있습니다.