자바스크립트 예제 튜토리얼(19) HoTMetal 사용하기(1)_기본지식

HotMetal PRO 6.0은 강력하고 사용하기 쉬운 웹사이트 편집 및 게시 도구입니다. 이 튜토리얼에서는 HotMetal에서 javascript를 사용합니다. HotMetal에서 JavaScript 지원은 풍부한 리소스와 개체를 제공하는 HotMetal을 기반으로 합니다. 여기에는 DOM에 액세스하기 위한 객체와 같은 몇 가지 새로운 객체가 포함되어 있습니다. 또한 HotMetal은 일부 ActiveX 컨트롤을 지원합니다. 이러한 컨트롤과 Windows 스크립팅 지원으로 인해 HotMetal은 JavaScript 디자이너에게 드물고 강력한 개발 환경이 되었습니다.

이 튜토리얼에서 배울 내용은 다음과 같습니다.

버튼에 연결 매크로를 추가하는 방법

메뉴 표시줄에 버튼을 추가하는 방법; 🎜> 스크립팅에 적합한 리소스는 무엇인가요?

문서 형식으로 스크립트를 작성하는 방법

마지막 수정 날짜를 확인하는 스크립트를 작성하는 방법; 저장 모듈 스크립트 작성

미리 정의된 매크로를 모두 식별하는 방법

자, 다음 페이지부터 하나씩 소개하겠습니다.

HoTMetal에서 Javascript 사용

1. 버튼에 연결 매크로를 추가하는 방법:

HotMetal은 매크로를 통해 스크립트를 지원할 수 있습니다. 매크로는 도구 모음 버튼 및 기타 방법을 사용하여 호출할 수 있으며 이에 대해서는 이후 자습서에서 다룰 것입니다. 모든 HotMetal 매크로는 hotmetal.mcr과 ​​같은 단일 파일에 저장되어야 합니다. 이 파일은 SoftQuadHotMetal PRO 6.0 매크로 폴더에 있습니다. HoTMetal PRO 6.0을 기본 디렉터리 C 드라이브에 설치한 경우 매크로 파일은 C:Program FilesSoftQuadHoTMetaL PRO 6.0Macroshotmetal.mcr에 있습니다. 여기서 주의할 점은 파일 확장자가 .mcr이지만 HoTMetal 환경에서는 편집할 수 없다는 점입니다. 메모장 등 텍스트 편집기를 사용하여 편집할 수 있습니다. HotMetal PRO 6.0은 사용자를 위해 약 20개의 사전 정의된 매크로를 설치합니다. hotmetl.mcr 파일을 통해 찾아볼 수 있습니다. 도구 메뉴에서 매크로를 선택하여 찾을 수도 있습니다.

매크로를 활성화하는 한 가지 방법은 도구 모음 버튼을 만들어 매크로에 연결하는 것입니다. 버튼을 클릭하면 매크로에 정의된 스크립트가 실행됩니다. 보기 메뉴에서 도구 모음을 선택하면 그림 1과 같은 대화 상자가 표시됩니다.




(그림 1)
그림의 첫 번째 탭(도구 모음, 도구 모음)에서는 도구 모음을 추가, 삭제, 작동할 수 있습니다. 도구 모음을 변경하고 싶지 않으므로 지금은 이 탭을 사용하지 않겠습니다. Buttons 레이블을 클릭하고 범주 표시줄에서 "Application Macros"를 선택하면 그림 2와 같이 오른쪽에 새 텍스트 대화 상자가 나타납니다.




(그림 2)
목록 상자의 첫 번째 매크로는 "문서에 레이아웃 적용"입니다. 표준 도구 모음에 이에 대한 버튼을 설치해 보겠습니다.
먼저 버튼에 사용할 이미지를 선택하세요. 이미지 선택 버튼을 클릭하면 다양한 색상 팔레트에서 이미지를 선택할 수 있습니다. 그 중 하나를 클릭하면 그림 3과 같은 창이 나타납니다.




(그림 3)
이 예에서는 노란색을 선택합니다. color 그림 4와 같은 웃는 얼굴 그림:




(그림 4)
이제 웃는 얼굴 아이콘을 표준 도구 모음으로 드래그합니다. 또는 기타 도구 모음. 도구 모음 및 메뉴 사용자 정의 대화 상자를 닫습니다. 이 새로운 버튼은 표준 도구 모음이나 선택한 다른 도구 모음에 나타납니다. 다음은 그림 5와 같은 확장된 표준 도구 모음 보기입니다.




(그림 5)
이제 이 매크로를 사용해 보겠습니다. 먼저 HTML 파일을 엽니다. 여기서는 D:Program FilesSoftQuadHoTMetaL PRO 6.0Tutorialsampleslesson1에서 about.htm을 선택합니다. HoTMetaL PRO 6.0의 HTML 소스 보기 태그를 클릭하고 앞에 공백을 두고 오른쪽으로 이동한 다음 웃는 얼굴 버튼을 클릭합니다. 이 소스 프로그램은 사용자 정의 대화 상자에 설명된 레이아웃 정의를 반영하도록 자동으로 변경됩니다. 이 시점에서 소스 코드가 원래 표면 형식으로 돌아가는 것을 볼 수 있습니다.