인터넷 > 사이트 저작도구

Sothink DHTMLMenu 5.1 Build 50331

[다운로드]  [제작사 다운로드]

홈페이지를 만들 때 간단하게 텍스트나 이미지에 <a> 태그를 이용하여 링크를 거는 방식으로 메뉴를 구성하는 경우 별다른 홈페이지 제작 지식이 없더라도 손쉽게 제작이 가능한반면 보다 독특한 효과를 구현하여 개성있는 홈페이지를 제작하고픈 제작자의 욕구는 충족시키기 어렵습니다.

가령 메뉴에 마우스를 올려놓으면 이미지가 변하는 간단한 롤오버 효과는 물론, 하나의 상위 메뉴 버튼에 마우스를 올려놓으면 하위의 메뉴들이 나타나는 방식의 풀다운 메뉴 등은 기본적인 HTML 태그 지식만으로는 제작하기에 어려움이 많습니다. 또한 이러한 기능의 경우 나모 웹에디터나 마크로미디어의 Dreamweaver와 같은 웹에디터 프로그램에서 제작하기 쉽도록 기능을 제공하고 있기는 하지만 초보자가 손쉽게 제작하기에는 이 역시 다소 어려움이 있습니다.

Sothink DHTMLMenu는 사용자가 DHTML에 대한 기반지식이 전혀 없이도 이러한 여러가지 효과가 적용된 각종 독특한 메뉴 효과를 구현할 수 있게 해주는 편리한 프로그램입니다.

프로그램 창은 상단에 메뉴 및 툴바, 그리고 화면 아래쪽에 세 개의 창이 나누어져 배치되어 있습니다. 화면 왼쪽 창은 메뉴의 상위/하위 관계를 트리 형식으로 보여주는 창이며, 화면 가운데의 창은 이렇게 구성한 메뉴의 모습을 간단하게 미리보여주는 창입니다. 그리고 화면 오른쪽의 창에는 각종 메뉴들의 세부 설정을 할 수 있는 패널들이 위치하고 있습니다.

기본적인 사용방법은 화면 왼쪽의 메뉴 트리 창에서 특정한 상위 메뉴에 Insert Item 버튼이나 Insert Seperator 버튼을 통해 하위 메뉴 버튼 혹은 구분선을 넣는 식으로 메뉴를 구성하면 됩니다. 적절하게 상위 / 하위 메뉴를 구성했다면 화면 가운데의 미리보기 창으로 메뉴 액션을 살펴 볼 수 있으며, 각 메뉴들의 색상이나 스타일, 글꼴 및 링크 설정과 같은 세부 설정들은 화면 오른쪽의 패널들을 통해 변경하면 됩니다. 만일 이러한 세부 디자인 설정이 번거롭거나 어렵게 느껴지는 경우 미리 만들어져서 제공되는 다양한 템플릿을 사용할 수도 있습니다.

작업이 진행되면 웹브라우저를 통해 실제 적용 모습을 미리보기 할 수 있으며, 작업이 완료되면 툴바의 Publish버튼을 클릭하여 HTML파일 및 기타 다양한 방식으로 저장을 할 수 있습니다.

DHTML 지식은 없지만 보다 개성있는 홈페이지 메뉴를 만들어 추가하고 싶은 사용자에게 추천합니다.