강좌6) 컴파일 된 HTML Help 디컴파일하기

같은 내용의 HTML Help이라 하더라도 HTML Help가 표시되는 윈도우 모양이나 크기, 스타일에 따라 가독성이나 편리성이 다를 수 있다. 때문에 소프트웨어 도움말로서 HTML Help를 만드는 경우라면 소프트웨어를 주로 사용할 집단의 취향에 맞게 윈도우 모양을 설계하는 것이 중요하다.

HTML Help 저작 프로그램에서는 윈도우 모양을 쉽게 변경할 수 있는 옵션들을 제공하고 있는데 이번 시간에는 HTML Help Workshop를 이용하여 일반적으로 많이 사용하는 옵션 설정 방법과 함께 컴파일한 HTML Help를 디컴파일하는 방법에 대해서 살펴보겠다.

HTML Help 꾸미기
HTML Help Workshop에서는 HTML Help를 꾸밀 수 있는 다양한 옵션을 제공하기 때문에 이미 컴파일한 파일도 몇 가지 설정만 변경하면 쉽게 다른 형태의 HTML Help로 만들 수 있다. 윈도우 모양에 대한 설정은 보통 Project 탭에서 Add/Modify window definitions 단추를 눌러 변경할 수 있으며, 기존 HTML Help에 변경한 설정을 반영하려면 다시컴파일해야 한다.

윈도우 위치와 크기 변경하기
HTML Help를 처음 실행할 때 윈도우가 나타날 위치와 크기를 설정하는 방법은 다음과 같다.

1. HTML Help Workshop에서 프로젝트 파일(*.hhp)을 연 뒤, Project 탭에서 Add/Modify window definitions 단추를 누른다.
2. Position 탭을 선택한 뒤, 'Window size and position'의 'Left'와 'Top', 'Width', 'Height'에 적절한 수치를 입력한다. 이 때 각 수치의 단위는 픽셀이며, 'Left'와 'Top'은 HTML Help가 나타나는 위치이고 'Width', 'Height'는 HTML Help의 폭과 높이이다. 만약 처음 HTML Help를 실행할 때만 작업자가 설정한 위치와 크기로 실행되고 이후에는 사용자가 재조정한 위치와 크기로 실행되게 하려면 'Save user defined window position after first use'를 선택한다.
3. Navigation Pane 탭을 선택한 뒤, 'Navigation Pane width'에 내비게이션 창의 너비를 입력한다. 내비게이션 창의 너비는 목차의 1단 항목이 모두 표시될 정도(약 250픽셀)로 지정하는 게 좋으며, 3 과정에서 입력한 'Width'값보다 작아야 한다.
   
   

도구 모음 구성 바꾸기
도구 모음에 대한 설정을 따로 하지 않은경우 도구 모음에는 숨기기와 뒤로, 인쇄, 옵션 단추가 나타나며, 필요에 따라 다음과같은 방법으로 도구 모음의 구성을 변경할 수 있다.

1. HTML Help Workshop에서 프로젝트 파일(*.hhp)을 연 뒤, Project 탭에서 Add/Modify window definitions 단추를 누른다.
2. Buttons 탭을 선택한 뒤, 'Button Type'에서 도구 모음에 표시할 단추를 선택한다. 각 단추의 용도는 다음과 같다.
   
   

   종류 설명 Hide/Show(숨기기/표시) 내비게이션 창을 숨기거나 표시할 때 사용한다. Locate(위치 보기) 현재 토픽 창에 나타난 토픽의 목차 위치를 확인할 때 사용한다. Back(뒤로) 바로 이전에 보았던 토픽을 확인할 때 사용한다. Forward(앞으로) 'Back'을 선택하기 이전에 보았던 토픽을 확인할 때 사용한다. Home(시작) 시작 파일에 해당하는 토픽을 확인할 때 사용한다. Jump1/2(사용자 지정 텍스트) 작업자가 지정한 문서나 외부 URL로 이동할 때 사용한다. Options(옵션) 여러 가지 옵션을 볼 때 사용한다. Refresh(새로 고침) 토픽 창의 내용을 다시 볼 때 사용한다. Stop(중지) 다운로드하던 정보를 멈출 때 사용한다.

   
   
3. 'Button Type'에서 'Home'이나 'Jump1/2'를 선택한 경우에는 Files 탭에서 단추를 눌렀을 때 토픽 창에 표시할 파일의 경로를 지정한다.

글꼴과 언어 설정하기
토픽 문서를 한글이 아닌 영어나 일본어등으로 작성했다면 해당 언어에 맞게 HTML Help의 언어 설정을 해야한다. 또한 토픽 창과 내비게이션 창의 글꼴이나 크기를 맞추어 전체디자인을 맞추는 것이 좋다. 내비게이션 창의 글꼴과 언어 설정을 하는방법은 다음과 같다.

1. HTML Help Workshop에서 프로젝트 파일(*.hhp)을 연 뒤, Project 탭에서 Change project options 단추를 누른다.
2. General 탭을 선택한 뒤, 'International settings'의 'Language'와 'Font'에 언어와 글꼴, 크기 등을 설정한다. 특히 HTML Help가 영어나 일본어로 작성한 것이라면 언어 설정을 '영어'나 '일본어'로 변경해야 내용이 제대로 나타난다.
3. 만약 목차 탭이나 색인 탭과 같인 특정한 탭의 글꼴만 변경하려면 Contents 탭이나 Index 탭에서 properties 단추를 눌러 설정을 변경하면 된다. 참고로 산돌광수체나 한양체 등과 같이 특별한 글꼴을 지정한 경우 해당 글꼴이 없는 컴퓨터에서는 기본 글꼴로 나타나므로 되도록 굴림이나 바탕체와 같은 Windows 기본 글꼴을 이용하는 것이 좋다.

목차 아이콘 모양 바꾸기
목차 아이콘에 대한 설정을 따로 하지 않은 경우 HTML Help의 목차 탭에는 <그림1>과 같이 각 목차 항목 앞에 폴더나 문서 모양의 아이콘이 표시된다. 폴더 모양의 아이콘은 하위 토픽이 있는 카테고리 목차임을나타내며, 문서 모양은 각각의 독립적인 토픽임을 나타낸다. 이 아이콘모양을 <그림 2>와 같이 변경하는 방법은 다음과 같다.

<그림 1> 기본 목차 아이콘		<그림 2> 수정한 목차 아이콘

1. HTML Help Workshop에서 프로젝트 파일(*.hhp)을 연 뒤, Contents 탭에서 Contents properties 단추를 누른다.
2. General 탭에서 'Use folders instead of books'를 선택 해제한 뒤, 확인 단추를 누른다. 이렇게 하면 전체 목차 항목의 아이콘 모양을 변경할 수 있다.
3. 만약 일부 항목의 아이콘만 변경하려면 General 탭에서 원하는 목차 항목을 선택한 뒤, Edit selection 단추를 누른다. 그리고 Advanced 탭의 'Image index'에서 원하는 아이콘 모양을 선택하면 된다.

목차 스타일 설정하기
HTML Help를 실행했을 때 보통 제일 먼저보고 많이 보는 것이 목차 탭인데 이 목차 탭에 적용할 수 있는 스타일종류과 방법은 다음과 같다.

1. HTML Help Workshop에서 프로젝트 파일(*.hhp)을 연 뒤, Contents 탭에서 Contents properties 단추를 누른다.
2. Styles 탭에서 Add 단추를 눌러 원하는 스타일을 추가한다. HTML Help Workshop에서 제공하는 스타일 중에서 몇 가지만 정리하면 다음과 같다.
   
   

   종류 설명 Plus/Minus squares 목차 앞에 '+', '-' 표시가 나타난다. '+'표시가 있는 목차를 누르면 접혀져있던 하위 목차가 나타난다. Only expand a single heading 하나의 카테고리 목차를 선택하고 다시 다른 카테고리 목차를 선택했을 때 처음 선택했던 목차는 접히고 새로 선택한 카테고리 목차만 펼쳐진 채로 표시된다. Dialog Frame 내 비게이션 창 위에 제목 막대가 추가된다. 이 제목 막대를 누른 상태에서 마우스를 움직이면 내비게이션 창 테두리 내에서 목차를 이동시킬 수 있다. 'Dialog Frame' 스타일을 사용하려면 'Border' 스타일도 함께 추가해야 한다.

디컴파일하기
디컴파일은 이미 컴파일된 HTML Help파일에 포함되어 있는 파일들을 사용자가 지정한 폴더에 복사하는 것을말한다. HTML Help를 구성하고 있는 토픽 문서나 목차 파일, 색인 파일등과 같은 구성 파일이 없더라도 컴파일된 HTML Help(*.chm) 파일을가지고 있는 경우라면 디컴파일하여 모든 구성 파일을얻을 수 있다. 단, 프로젝트 파일(*.hhp)은 디컴파일해도 얻을 수 없기때문에 디컴파일한 파일을 다시 HTML Help로 컴파일하려면 프로젝트파일을 새로 만들어야 한다.

1. HTML Help Workshop 메뉴에서 File > Decompile을 선택한다.
2. 'Destination folder'에는 디컴파일한 결과 파일들을 저장한 위치를 지정하고 'Compiled help file'에는 디컴파일한 HTML Help 파일(*.chm)의 위치를 지정한 뒤, OK 단추를 누른다.
3. 디컴파일된 파일 개수를 확인하는 메시지 상자가 나타나면 확인 단추를 누른다. 2 과정의 'Destination folder'에서 지정한 폴더를 열어 결과를 확인한다.

지 금까지 5회에 거쳐 HTML Help Workshop을 이용한 HTML Help를 만드는 방법에대해 살펴보았다. 정해진 분량과 시간 안에서 기본적인 내용 위주로살펴보았기 때문에 아쉬운 부분이 없진 않지만 이 부분에 대해 관심있었던사람들에게 유용한 길잡이가 되었기를 바란다. 다음 시간부터는 HTML Help를 만들었던 토픽 파일들을 매뉴얼용 문서로 만드는 방법에 대해 살펴보겠다.

출처 : 김유진 ( (주)세중 나모 인터랙티브 개발본부 )