내맘대로의 EPUB 제작 가이드

Sigil은 다음과 같은 메뉴와 화면으로 구성되어 있다.

• Windows(윈도우) : 편집창, 찾기, Preview(미리보기), 차례, 책 찾아보기 등 정보를 표시하는 화면
• 메뉴 : 파일, 편집, 삽입, 포멧, 도구 등 사용 가능한 다양한 기능을 포함
• 툴바 버튼 : 자주 사용하는 기능을 꺼내 놓을 수 있는 버튼 메뉴(편집 가능)
• Context 메뉴 : 오른쪽버튼시 나오는 메뉴

• Windows

Sigil은 편집에 필요한 다양한 창을 제공한다. 기본적으로 책 속의 파일 목록을 확인하고 편집을 위해 선택할 수 있는 책 찾아보기, 책을 편집하는 편집창(책보기, 코드보기)가 있으며, 차례, Preview, Clips, 찾기 등의 창을 추가하거나 없앨 수 있다. 책 찾아보기, Clips, 차례, Preview는 위치를 바꿀 수 있으며 독립된 창으로 분리시킬 수도 있다.

창을 추가하고 싶다면 [보기] 메뉴에서 원하는 창을 선택하면 되고, 창을 닫고싶을 때는 창 위쪽에 있는 [x]를 누르거나 [보기] 메뉴에서 선택을 해제하면 된다.

창의 상단(창의 이름이 표시되는 부분)을 클릭한 후 끌면 창의 위치를 바꾸거나 편집 화면에서 창을 분리시킬 수 있다. Preview를 창에서 분리시켜 원하는 크기로 맞추는 등의 작업이 가능하다.

• 메인 메뉴

화면 상단에 있는 메뉴는 Sigil의 모든 기능을 포함하고 있다. 편집에 필요한 기능이 어떤 메뉴 아래에 포함되어 있는지 확인해 두면 Sigil을 보다 잘 활용할 수 있다.

• 파일 메뉴
• 새로 : 새로운 EPUB 파일 편집
• 열기 : 저장되어 있는 EPUB 파일 열기
• 추가 : 편집중인 EPUB파일에 새로 추가
• 기존파일 : 저장되어 있는 HTML, 이미지 파일 등을 추가
• 빈 HTML : 비어있는 새로운 HTML 파일을 추가
• 빈 스타일시트 : 빈 CSS 스타일시트 파일 추가
• 빈 SVG 이미지 : SVG 이미지 파일을 추가
• 저장 : 작업중인 파일을 저장
• 다른 이름으로 저장 : 작업중인 파일을 새로운 이름으로 저장
• 사본으로 저장하기 : 작업중인 파일을 새로운 이름 지정 없이 다른 파일로 저장(이전에 작업하던 파일을 그대로 두고 백업을 하고 싶을 때 사용)
• 인쇄 미리보기 : 현재 작업중인 챕터를 인쇄 화면으로 미리보기
• 인쇄 : 현재 작업중인 챕터를 인쇄
• 이전 작업 파일 목록
• 닫기 : 현재 작업중인 파일의 편집 종료(Sigil은 종료되지 않음)
• 나가기 : Sigil을 종료
• 편집
• 되돌리기 : 바로 전에 추가, 삭제, 교체했던 텍스트를 원래대로 되돌리기
• 다시실행 : 되돌리기 했던 내용을 되돌리기 전으로 다시실행
• 잘라내기 : 선택한 내용을 삭제하고 클립보드에 저장
• 복사 : 선택한 내용을 복사
• 붙여넣기 : 마지막으로 잘라내기 혹은 복사한 내용을 붙여넣기
• 클립보드 기록 중에서 붙여넣기 : 클립보드 기록에서 선택해 붙여넣기
• 줄삭제 : 코드뷰에서 현재 커서가 있는 줄을 삭제
• 대소문자 변경 : 영문만 지원함
• 소문자로 : 선택한 내용의 소문자를 대문자로 변경
• 대문자로 : 선택한 내용의 대문자를 소문자로 변경
• Titlecase : 선택한 문장에 있는 각각의 단어 첫 글자를 대문자로 변경
• 첫 글자를 대문자로 : 선택한 문장의 첫번째 글자를 대문자로 변경
• 현재 커서 위치에서 나누기 : 커서가 있는 위치에서 파일을 2개로 나눔
• Split at Marker : Split Marker를 표시한 위치를 각각의 파일로 나눔
• 설정 : Sigil 설정을 변경할 수 있는 환경설정 창을 열음
• 삽입
• Split Marker : Split at Marker를 위해 파일로 나눌 위치 표시
• File : 이미지, 오디오, 비디오 파일을 추가
• 특수문자 : 특수문자를 입력할 수 있는 목록 표시
• ID : 링크에 사용할 수 있는 앵커(Anchor) ID 삽입
• Link : 내부 혹은 외부 링크 추가
• 태그닫기 : 코드보기에서 현재 작업중인 태그의 닫는 태그를 자동으로 입력
• 클립 : Clip의 목록을 보여주고 목록을 선택해서 Clip을 입력(Clip에 대해서는 별도 내용 참고)
• Format
• 제목스타일 : H1 ~ H6까지 제목 태그 적용
• 진하게 : <b> 태그 적용하여 진한 글꼴로 표시
• 기울임 : <i> 태그 적용하여 기울임 글꼴로 표시
• 밑줄 : <u> 태그 적용하여 밑줄
• 취소선 : <del> 태그 적용하여 취소선 표시
• 아래첨자 : <sub>태그 적용하여 아래첨자 표시
• 윗첨자 : <sup> 태그 적용하여 윗첨자 표시
• 왼쪽정렬 : 문단 태그에 style="text-align: left;" 스타일 적용
• 가운데정렬 : 문단 태그에 style="text-align: center;" 스타일 적용
• 오른쪽정렬 : 문단 태그에 style="text-align: right;" 스타일 적용
• 양쪽맞춤 : 문단 태그에 style="text-align: justify;" 스타일 적용
• Bulletd List : <ul> 태그로 글머리 기호 목록 작성(책보기 편집 화면에서 적용 가능함)
• 번호매기기 목록 : <ol> 태그로 글머리 숫자 목록 작성(책보기 편집 화면에서 적용 가능함)
• Decrease Indent : Increase Indent 스타일이 적용되었을 경우 스타일 해제(
• Increase Indent : <blockquote style="margin: 0 0 0 40px; border: none; padding: 0px;"> 스타일 적용하여 40px 만큼 단락 들여쓰기
• 텍스트 방향 좌에서 우로 : style="direction: ltr; "한글, 영문처럼 왼쪽에서 오른쪽 방향으로 글자 쓰기
• 텍스트 방향 우에서 좌로 : style="direction: rtl; " 스타일 적용하여 아랍어처럼 오른쪽에서 왼쪽 방향으로 글자 쓰기
• Text Direction Default : style="direction: inherit; " 스타일 적용하여 텍스트 방향을 부모 스타일을 따름
• 태그보기 : 제일 하단 상태표시줄에 커서가 있는 단락에 적용된 태그 표시
• 서식제거 : 커서가 있는 단락에 적용된 서식 태그 제거(<b><i> 등의 서식 태그가 사용되었을 경우에만 적용 가능)
• 검색
• Find & Replace : 찾기/바꾸기 창을 열어줌
• Find Next : 현재 위치 다음에 있는 찾고자 하는 글자(기호)를 찾아줌
• Find Previous : 현재 위치 이전에 있는 찾고자 하는 글자(기호)를 찾아줌
• 바꾸기 / 찾기 다음 : 현재 찾은 글자(기호)를 바꾸고 다음 위치에 있는 글자(기호)로 이동
• 바꾸기 / 찾기 이전 : 현재 찾은 글자(기호)를 바꾸고 이전 위치에 있는 글자(기호)로 이동
• 모두 바꾸기 : 찾고자 하는 글자(기호)와 일치하는 모든 내용을 바꾸고자 하는 내용으로 변경함
• Count All : 찾고자 하는 글자(기호)가 몇 개인지 세어줌
• 현재파일 : 현재 파일에서만 찾기, 찾아바꾸기 등 수행
• Bookmark Location : 현재 위치에 북마크를 함
• Go To Link Or Style : 선택된 링크나 현재 단락에 있는 CSS 스타일로 이동
• Back : 북마크가 있는 위치로 이동
• Mark Selected Text : 코드뷰에서 선택한 텍스트를 회색으로 표시
• Add Cover
• 선택한 이미지로 커버 페이지(cover.xhtml) 파일 생성
• SVG 태그를 사용하기 때문에 SVG를 지원하지 않는 뷰어에서는 문제가 될 수 있음
• 메타데이터 편집기
• 차례
• Generate Table Of Contents : 헤더 테그(H1~H6)가 사용된 곳을 자동으로 분석해서 TOC(목차)를 생성함
• Edit Table Of Contents : 목차 편집
• Creat HTML Table Of Contents : HTML 파일 형식의 목차 생성
• EPUB3의 Navigation.xhtml 과 형식이 달라 EPUB3용으로는 사용시 수정이 필요함
• 색인
• 차례 편집기 : 색인 편집 목록을 만들고 싶은 단어, 그 단어와 연계된 단어 목록을 만들 수 있음(번역에 오류가 있음. 차례 편집기로 이름이 되어 있으나 '색인 편집기'가 정확한 명칭임)
• Add To Index Editor : 색인 편집 목록에 선택한 단어를 추가함
• Mark For Index : 선택한 파일을 색인 파일에 추가하기 위해 표시함
• 색인 만들기 : 색인 편집 목록과 Mark For Index 표시가 된 항목을 찾아 색인 파일(Index.xhtml)을 자동으로 생성함
• 맞춤법 검사 : 지정된 사전을 참고하여 맞춤법 검사(한국어 사전 없음)
• FlightCrew로 EPUB 검증하기 : EPUB에 오류가 있는지, EPUB 표준에 벗어난 항목은 없는지 검사
• W3C로 스타일시트 검사 : W3C의 스타일 시트 검사 페이지(웹페이지)로 편집중인 EPUB 파일의 CSS 내용을 전송하여 검사할 수 있음
• 보고서 : 편집중인 EPUB을 분석하여 파일의 종류별(이미지, 폰트, HTML 등) 로 크기, 위치, 사용된 태그 등을 분석하여 보고서로 보여줌
• Clip Editor : 자주 사용하는 태그나 스타일을 Clip으로 저장해 놓고 편집할 때 사용할 수 있음
• Saved Search : 자주 사용하는 '찾기' 항목을 등록해 사용할 수 있음
• Sigil은 정규표현식을 지원하기 때문에 자주 사용하는 정규표현식을 등록해 놓고 사용하면 편리함
• 예를 들어 <h3 style="불특정한 스타일"> 태그를 모두 <h2> 태그로 바꾸고 싶다면 [찾기 : (?sU)<h3([^>]*>.*)</h3>], [바꾸기 : <h2\1</h2>]로 간단히 작업할 수 있는데 이런 정규표현식을 등록해 놓고 사용할 수 있음
• Delete Unused Media File : 본문에서 사용하지 않은 이미지, 오디오, 비디오파일을 찾아 삭제함
• 사용되지 않는 스타일시트 클래스 삭제하기 : 본문에서 사용하지 않은 스타일 시트 항목을 찾아서 삭제할 수 있음
• 스타일시트 삭제 기능은 정확성이 떨어지기 때문에 사용에 주의가 필요함
• 예를 들어 [div > p { 스타일 }] 등의 복잡한 스타일은 본문에 사용되었어도 사용하지 않은 스타일로 분류하기도 함
• 보기
• 도구막대 : 여러 도구 막대를 보이거나 보이지 않게함
• 책보기 : 편집 창을 책보기 상태로 표시
• 코드 보기 : 편집 창을 코드보기 상태로 표시
• 보기 상태 전환 : 책보기/코드보기 상태를 변경
• 확대 : 편집창의 글자 크기를 확대
• 축소 : 편집창의 글자 크기를 축소
• 줌 리셋 : 편집창 글자 크기를 기본 상태로 변경
• 확대/축소/줌 리셋은 EPUB 콘텐츠의 글자 크기 스타일을 변경하는게 아니고 편집 화면에서 보이는 글자 크기만 키워주는 것이기 때문에 편집 화면에서 글자가 크게 보이더라도 책의 글자 크기가 커지는 것은 아님
• 책 찾아보기 : 책 찾아보기 탐색창을 표시/해제
• Clips : 클립 창을 표시/해제
• Preview : 미리보기 창을 표시/해제
• 차례 : 차례(목차/TOC) 창을 표시/해제
• 유효성검사 : 유효성검사 창을 표시/해제
• 창
• 다음 탭 : 열려있는 탭에서 작업중인 탭의 다음(오른쪽) 탭으로 이동
• 이전 탭 : 열려있는 탭에서 작업중인 탭의 이전(왼쪽) 탭으로 이동
• 이전 탭/다음 탭은 파일의 순서와 상관 없이 열려있는 탭 중에서 이동함
• 탭 닫기 : 작업중인 탭을 닫음
• 다른 탭 닫기 : 작업중인 탭을 제외하고 나머지 탭을 모두 닫음
• 이전파일 : 작업중인 파일의 이전 파일을 탭으로 불러옴(탭이 열려있을 경우 해당 탭으로 이동)
• Next File : 작업중인 파일의 다음 파일을 탭으로 불러옴(탭이 열려있을 경우 해당 탭으로 이동)
• 이전 파일/다음 파일은 탭의 순서와 상관 없이 책 찾아보기에서 보이는 순서의 이전 혹은 다음 파일로 이동함
• Plugins
• Manage Plugins : 플러그인을 관리
• 플러그인은 Sigil에서 제공하지 않는 기능을 확장프로그램 형태로 추가해서 사용할 수 있는 기능임
• 도움말 : 사용안내, 등록정보 등을 볼 수 있음

• 보조메뉴
  

보조메뉴는 텍스트, 메뉴, 탭, 레이블 등을 선택 후  마우스 오른쪽 버튼을 눌렀을 때 나타나는 메뉴다. 선택한 요소에 따라 해당 요소에 사용할 수 있는 메뉴가 나타난다.

• 줌(편집 화면 글자 크기 조절)

화면 오른쪽 아래에 있는 줌 도구로 편집 화면의 글자 크기를 조절할 수 있다. 줌 도구는 단순히 편집하는 화면의 글자 크기를 크게 보여줄 뿐이지 텍스트에 스타일을 적용하지는 않는다. 

• 상태 표시줄

화면 왼쪽 아래에 있는 상태 표시줄은 특정 작업에 대한 결과나 정보를 표시해야 할 때 메시지가 표시되는 영역이다.