일반적으로 HTML Help는 수십 개 내지는 수백 개의 토픽 파일(*.html)로 구성되어 있으며 대부분의 HTML Help에서는이것을 몇 개의 카테고리로 나누어 정리한 목차를 제공한다. 하지만 카테고리의 숫자가 많거나 자신이 원하는 정보에 대한 사전 지식이 없을 경우 목차에서 필요한 정보를 찾기는 쉽지 않다. 이번 시간에는 이런 문제를 보완할 수 있는 색인 탭과 검색 탭 등을 HTML Help에 추가하는방법에 대해서 살펴보겠다.
색인 파일 만들기
색인을 만드는 방법에는 두 가지가 있는데 하나는 색인 파일을 따로 만드는 것이고 다른 하나는 각각의 토픽 파일(*.html)에 KLink(Keywordlink) 키워드를 삽입한 다음 컴파일 중에 자동으로 KLink 키워드를 뽑아 색인을 만드는 방법이다. KLink 키워드를사용하면 별도로 색인 파일을 만들 필요없이 토픽 파일을 작성하면서 동시에 키워드를 지정할 수 있다는 장점이 있다. 하지만 작업 중에는색인의 전체 구조를 파악하기 어렵고, 키워드를 수정해야 할 경우에는 해당 키워드가 삽입된 토픽 파일을 일일이 찾아야 하는 번거로움이 있기 때문에 규모가 큰 HTML Help를 만드는 경우라면 색인 파일을 따로 만들어 사용하는 것이 좋다. 색인 파일은 메모장과 같은 텍스트 에디터에서 직접 관련 소스를 입력하여 만들 수도 있지만 여기에서는 HTML Help Workshop의Index 탭을 이용하여 색인 파일을 만드는 방법에 대해서 살펴보겠다.
- HTML Help Workshop에서 index 탭을 선택한다. Index Not Specified 대화 상자가 나타나면 'Create a new index file'을 선택한 뒤, OK 단추를 누른다.
- 다른 이름으로 저장 대화 상자가 나타나면 프로젝트 파일(*.hhp)이 저장되어 있는 폴더를 선택한 뒤, '파일 이름'에 적절한 이름(예: index.hhk)을 입력하고 저장 단추를 누른다.
- Index 탭이 빈 상태로 열리면 도구 막대에서 Insert a keyword
단추를 누른다.
- Index Entry 대화 상자에서 General 탭을 선택한 뒤, 'Keyword'에 원하는 키워드를 입력하고 Add 단추를 누른다. Path or URL 대화 상자가 나타나면 'File or URL' 옆의 Browse 단추를 눌러서 색인 탭에서 키워드를 클릭했을 때 나타날 토픽 파일(*.html)을 선택한 뒤 OK 단추를 누른다. 만약 하나의 키워드에 여러 개의 토픽 파일을 연결하려면 Index Entry 대화 상자에서 다시 Add 단추를 눌러 관련 토픽 파일들을 추가하면 된다.
- Index Entry 대화 상자에서 확인 단추를 누른다.
- 원하는 키워드를 모두 추가할 때까지 3~5 과정을 반복한다. 키워드를 추가할 때에는 추가하려는 키워드가 나타날 위치 바로 위에 있는 키워드를 선택한 상태에서 추가하면 된다.
나 
와 같은 단추를 이용하여 키워드의 위치를 적절히 정한다. 만약 1단으로 구성된 키워드가 아닌 2단 이상으로 구성된 키워드를 만들려면 
단추를 이용하여 키워드의 수준을 낮추면 된다. 그리고 추가한 색인을 가나다순 또는 abc순으로 정렬하려면 도구 막대에서 Sort keywords alphabetically 
단추를 누른다.
<그림 1>1단으로 구성된 색인
<그림 2>2단으로 구성된 색인
- 필요한 키워드를 모두 추가했으면 Contents 탭의 도구 막대에서 Index properties
단추를 눌러 색인 탭에 대한 스타일 설정을 한 뒤, 메뉴에서 File > Save Project를 선택하여 수정한 내용을 저장한다.
만약 색인에 없는 키워드를 이용하여 정보를 찾거나 작업자가 선별하여 연결한 토픽 파일 외에 HTML Help를 구성하는 전체 토픽 파일을 대상으로 정보를 검색할 수 있게 하려면 검색 탭을 추가하면 된다. 별도로 목록을 만들어야 하는 목차 탭이나 색인 탭과 달리 검색 탭은 HTML Help Workshop에서 관련 옵션만 선택하여 간단하게 만들 수 있다. 단, 검색 탭이나 즐겨찾기 탭에 대한 설정을 하기 위해서는 먼저 HTML Help를 표시할 윈도우에 대해 정의해야 하는데 자세한 방법은 다음과 같다.
- HTML Help Workshop에서 프로젝트 파일(*.hhp)을 연 뒤, Project 탭에서 Add/Modify window definitions
단추를 누른다.
- Add a New Windows Type 대화 상자에서 HTML Help가 표시될 윈도우의 이름을 영어나 숫자(예: mainhelp)로 입력한 뒤, OK 단추를 누른다. Window Types 대화 상자가 나타나면 General 탭의 'Title bar text'에 HTML Help의 제목 막대에 표시할 이름(예: 나모 GIF 애니메이터 도움말)을 입력한다.
- Window Types 대화 상자에서 Navigation Pane 탭을 선택한 뒤, 'Window with navigation pane, topic pane, and button'을 선택한다.
- 세부 옵션이 나타나면 'Tabs' 아래에서 'Search tab'을 선택한다. 고급 검색 기능을 추가하려면 'Advanced' 옵션도 선택한 뒤, 확인 단추를 누른다.
<그림 3>일반 검색 기능
<그림 4>고급 검색 기능
- 메뉴에서 File > Save Project를 선택하여 수정한 내용을 저장한다.
- HTML Help Workshop에서 프로젝트 파일(*.hhp)을 연 뒤, Project 탭에서 Add/Modify window definitions 단추를 누른다.
- Window Types 대화 상자에서 Navigation Pane 탭을 선택한다. 'Window type'에서 즐겨찾기 탭을 추가할 윈도우 이름(예: mainhelp)을 선택하고 'Tabs' 아래에서 'Favories tab'을 선택한 뒤, 확인 단추를 누른다.
- 메뉴에서 File > Save Project를 선택하여 수정한 내용을 저장한다.
이 번 시간에는 색인 탭과 검색 탭, 즐겨찾기 탭을 추가하는 방법에 대해서 살펴보았다. 지금까지 살펴본 내용을 학습하여 활용한다면 어떠한 형태의 HTML Help라도 충분히 만들 수 있을 것이다. 다음 시간에는 그 동안 작업한 모든 파일을 컴파일하여 최종 결과물인 CHM(*.chm) 파일을 만들고 테스트하는 방법에 대해서 살펴보겠다.
출처 : 김유진 ( (주)세중 나모 인터랙티브 개발본부 )
