내맘대로의 EPUB 제작 가이드

기초부터 전자책 제작 실습까지

전자책을 편집한다는 것은 CSS 스타일을 만든는 작업이라고 봐도 될 정도로 CSS 스타일 편집은 중요한 작업이다. 위지윅(WYSIWYG) 방식의 편집기들은 사용자가 직접 스타일을 수정할 수 없게 되어있는 경우가 많은데 Sigil은 강력한 스타일 편집 기능을 제공한다.

편집자가 자주 사용하는 스타일을 불러올 수도 있고, Sigil에서 빈 스타일시트를 추가해 직접 편집을 할 수도 있다. 또 CSS 파일이 연결된 HTML 파일을 불러오면 Sigil은 스타일 파일도 함께 불러온다.

스타일 시트 추가

빈 스타일시트 추가

[파일>추가>빈 스타일시트]를 선택하거나 책 찾아보기의 Style 폴더 위에서 마우스 오른쪽 버튼을 클릭 후 [빈 스타일시트 추가]를 누르면 책 찾아보기의 스타일 폴더에 Style0001.css.파일이 만들어 진다. 이 파일은 아무 내용이 들어있지 않아 편집자가 직접 스타일을 추가해야 한다.

스타일시트 불러오기

편집자가 사용하는 스타일 파일이 있다면 [파일 > 추가 > 기존파일]을 눌러 css 확장자를 가진 스타일시트를 선택하면 된다.

스타일 시트 연결

스타일시트 파일이 EPUB에 포함되어 있다 하더라도 스타일이 적용되지 않는다. 스타일을 적용하려면 HTML 파일과 스타일을 연결시켜 줘야한다. 스타일을 연결할 HTML 파일을 하나 혹은 여러 개(CTRL이나 Shift 키 이용)를 선택하고 [마우스 오른쪽 버튼>Stylesheet를 연결] 을 누르면 스타일시트를 선택할 수 있는 창이 표시된다.

스타일시트 연결 창에서 원하는 스타일을 선택하고 [OK]를 누르면 선택한 파일에 스타일시트가 연결된다. 한 파일에 스타일시트는 2개 이상 선택할 수 있고, 파일마다 다른 스타일시트를 사용해 편집을 할 수 있다.

코드보기에서 <head> 영역에 아래처럼 코드를 삽입해 직접 연결을 할 수도 있다.

<head>

</head>

'Sigil 사용 설명서 > 메뉴 및 기능 설명(구버전)' 카테고리의 다른 글

보고서 (0)	2015.09.09
색인 (0)	2015.09.07
Link & ID (0)	2015.08.31
클립보드 기록 중에서 붙여넣기 (0)	2015.08.26
Clips (2)	2015.08.24

Link & ID

posted by 내.맘.대.로 2015. 8. 31. 10:00

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

EPUBGUIDE.NET의 핵심만 모았다. 전자책 편집자를 위한 필독서!

클릭 편집 탬플릿 제공,

기초부터 전자책 제작 실습까지

링크와 ID는 다양한 용도로 사용된다. 링크는 본문이나 책 안에서 주석으로 이동을 시키거나, 관련된 다른 페이지로 이동을 할 때 사용할 수 있고 외부에 있는 정보와 연결을 시킬 수 있다. ID는 같은 페이지 내에서 링크를 연결할 때 특정 단어나 위치로 이동할 수 있게 해준다.

많은 뷰어들이 링크와 ID 기능으로 주석 처리를 할 수 있게 지원한다. 링크와 ID를 연결하면 연결된 페이지로 이동하지 않아도 팝업 형태로 주석을 볼 수 있는 기능이다.

Sigil에서는 링크와 ID를 쉽게 만들고 연결할 수 있는 기능을 제공한다.

Insert ID

ID는 특정 단어(혹은 문장)나 위치를 잡아주는 기능을 한다. 링크와 연결될 때는 <a href="../경로/filename.토싀#ID>로 사용하며 링크를 클릭하면 ID가 있는 위치로 이동할 수 있다.

특정 단어나 위치를 선택한 후 [삽입>ID]메뉴로 ID 입력창을 열거나 도구상자 아이콘을 클릭해서 입력할 수 있다.

코드보기에서도 ID를 직접 입력할 수 있다. 태그에 ID를 추가하는 방법을 많이 사용하고, 특정 단어에 ID를 추가할 때는 <a id="ID">를 사용한다.

Ex)

태그에 직접 입력 : <p id="footnote01">주석1 주석 내용</p>

A 태그 통해 입력 : <p><a id="footnote01">주석1</a> 주석 내용</p>

Sigil에서는 a 태그에 입력하는 방식을 사용한다.

ID 이름은 HTML 파일 안에 반드시 하나만 존재해야 한다. 동일한 ID이름이 HTML 파일 안에 2개 이상 있으면 적합성 검증에서 오류로 표시한다. Insert ID를 사용하면 Drop-down 목록으로 HTML 파일 안에 사용했던 ID를 확인할 수 있다.

* 동일한 ID가 2개 이상이면 오류가 발생한다. 반드시 하나의 ID만 사용해야 한다.

Link

링크는 EPUB 안에서 다른 파일로 이동하거나 동일 파일 내에서 특정 영역으로 이동하는 기능이다. 그리고 인터넷이 가능하다면 외부로 연결해 텍스트나 동영상을 실행시킬 수도 있다.

링크를 추가하려면 연결할 내용을 선택하고 [삽입>Link] 메뉴를 누르거나 도구상자에서 아이콘을 클릭하면 된다.

본문의 특정 영역으로 이동하는 링크를 함께 사용할 경우 주석을 깔끔하게 편집할 수 있다. 링크 창이 열리면 연결 가능한 페이지와 ID가 표시된다. ID는 해당 페이지 아래에 #ID로 되어 있어 파일과 구분할 수 있다.

'Sigil 사용 설명서 > 메뉴 및 기능 설명(구버전)' 카테고리의 다른 글

색인 (0)	2015.09.07
CSS Style 편집 (0)	2015.09.02
클립보드 기록 중에서 붙여넣기 (0)	2015.08.26
Clips (2)	2015.08.24
Saved Searches (2)	2015.08.19

클립보드 기록 중에서 붙여넣기

posted by 내.맘.대.로 2015. 8. 26. 10:00

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

EPUBGUIDE.NET의 핵심만 모았다. 전자책 편집자를 위한 필독서!

클릭 편집 탬플릿 제공,

기초부터 전자책 제작 실습까지

복사하거나 잘라내기 했던 내영 중에서 다시 사용할 항목이 있을 때는 [클립보드 기록 중에서 붙여넣기] 기능을 이용할 수 있다. 예를 들어 긴 내용의 텍스트를 잘라낸 후 다른 곳에 붙여넣기를 하려다 실수로 다른 내용을 복사했다면 클립보드에 잘라낸 내용이 사라진다. 이때 클립보드 기록을 이용할 수 있다.

클립보드 기록은 19개까지 저장된다.

'Sigil 사용 설명서 > 메뉴 및 기능 설명(구버전)' 카테고리의 다른 글

CSS Style 편집 (0)	2015.09.02
Link & ID (0)	2015.08.31
Clips (2)	2015.08.24
Saved Searches (2)	2015.08.19
찾기, 찾아바꾸기 (0)	2015.08.17

Clips

posted by 내.맘.대.로 2015. 8. 24. 10:00

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

EPUBGUIDE.NET의 핵심만 모았다. 전자책 편집자를 위한 필독서!

클릭 편집 탬플릿 제공,

기초부터 전자책 제작 실습까지

Clips는 Sigil에서 가장 유용한 기능 중 하나다. 설정 방법이 간단하고, 클릭 한번으로 원하는 스타일을 지정할 수 있게 해준다. HTML 태그나 CSS 스타일을 사용자가 원하는 형태로 편집을 해 놓은 후 스타일을 적용할 텍스트를 선택하고 Clips의 목록에서 미리 지정한 항목을 선택하면 텍스트에 스타일이 적용된다. 그래서 코딩 작업을 할 때보다 편집 시간을 단축할 수 있다.

클립은 아주 유용한 기능이고 초보자도 쉽게 익힐 수 있을 정도로 사용법이 간단하다. 뒤쪽에 자세한 사용법이 있으니 반드시 확인하기를 권한다.

Clip Editor

클립 에디터는 사용자가 클립을 추가하거나 삭제, 수정할 수 있는 창이다. [도구>Clip Editor] 메뉴로 실행할 수 있다.

Paste Clip : 선택한 텍스트나 커서 위치에 클립을 삽입함
항목 추가 : 새로운 클립 항목을 추가함
그룹 추가 : 새로운 클립 그룹을 추가함
4개의 방향키 : 클립 위치를 이동(상하 버튼은 클립의 위치를 상하로 이동시키고, 좌우 버튼은 클립을 그룹에 포함시키거나 빼낼 수 있음)
클립 편집

이름 : 클립 이름을 더블클릭 하면 이름을 변경할 수 있음
텍스트 : 텍스트 항목중 하나를 더블클릭 하면 클립 내용을 변경할 수 있음

Save : 수정한 클립을 저장(저장하지 않을 경우 편집한 내용이 사라지니 주의)
Close : Clip Editor 종료
필터 : 텍스트를 입력하면 클립 이름과 텍스트에서 일치하는 내용만 표시함

Clip 항목 추가하기

본문에서 바로 추가

본문 내용 중 추가하고자 하는 스타일이나 코드를 선택
마우스 오른쪽 버튼 메뉴 > Add to Clip 선택
Clip Editor 창에서 원하는 형태로 수정

[항목 추가]로 추가

[항목 추가] 버튼 클릭
[이름] 영역에 클립 이름 입력
[텍스트] 영역에 원하는 텍스트 입력

클립 편집 방법

단순한 텍스트 혹은 코드 입력

제목을 지정 후 클립 에디터의 텍스트 영역에 원하는 텍스트 입력
Ex) 출판사 로고를 이미지로 삽입할 때
편집하는 책마다 아래 코드로 출판사 로고를 삽입한다면 클립에 추가해 클릭 한번으로 작업이 가능하다.

[항목 추가]

후 클립 이름을 입력하고 아래 코드를 텍스트에 입력

Add to Clip 이용

본문에 코드 삽입
코드를 선택 후 마우스 오른쪽 버튼 > Add to Clip
클립 이름 입력

로고를 삽입하려는 위치에 커서를 두고 클립 선택

텍스트에 스타일이나 태그를 적용하는 클립

\1 : 클립 텍스트에 \1이 있으면 선택한 텍스트가 \1 위치에 들어감
Ex) <p> 태그로 묶여있는 장 제목을 <h3>로 바꾸는 클립

[항목 추가] 버튼 클릭 후 이름 입력 : 제목
텍스트 항목에 아래 코드 삽입

책보기 창에서 본문에서 제목 선택 후 [제목] 클립 클릭

<p>10장 바닷가재의 카드리유 춤</p> 태그가

<h3>10장 바닷가재의 카드리유 춤</h3>로 변경됨

'Sigil 사용 설명서 > 메뉴 및 기능 설명(구버전)' 카테고리의 다른 글

Link & ID (0)	2015.08.31
클립보드 기록 중에서 붙여넣기 (0)	2015.08.26
Saved Searches (2)	2015.08.19
찾기, 찾아바꾸기 (0)	2015.08.17
페이지 분할 및 병합 (0)	2015.08.12

Saved Searches

posted by 내.맘.대.로 2015. 8. 19. 10:00

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

EPUBGUIDE.NET의 핵심만 모았다. 전자책 편집자를 위한 필독서!

클릭 편집 탬플릿 제공,

기초부터 전자책 제작 실습까지

자주 사용하는 검색이 있을 경우 Saved Searches에 저장해 두고 사용할 수 있다. 예를 들어 편집을 하다 보면 문단 시작이나 끝에 불필요한 공백이 들어가는 경우가 있다. 일부 문단에 [<p>&nbsp본문시작]형태로 코드가 들어가면 문단의 시작 부분이 들죽 날죽 해져 이를 정리해야 한다. 책 편집 후 항상 검사해 주면 좋은데 이런 반복되는 검색 항목을 Saved Searches에 저장해 두면 매번 찾기와 바꾸기 내용을 입력하지 않아도 된다.

Saved Searches는 [도구>Saved Searches]메뉴를 선택해 창을 열 수 있다.

Saved Searches는 자주 사용하는 복잡한 정규표현식을 저장해 두고 사용하기 좋다. Saved Searches에 기본으로 저장되어 있는 내용 중에도 정규표현식이 많이 있다.

만약 편집 과정에서 <h2>태그로 제목을 지정했는데 이를 모두 <h1>으로 수정하고 싶다면 Saved Searched에 있는 h2 to h1을 선택하면 된다.

Saved Searches를 사용한 유용한 팀을 하나 소개한다.

많은 책에서 간단한 설명이나 한자/영문 표기를 할 때 단어(word)처럼 괄호를 많이 사용한다. 책 한권에 이런 괄호 표기가 수백개 이상 들어있는 경우가 많은데 일일이 찾아 수정해 주려면 시간이 많이 걸린다. 이때 Saved Searches에 간단한 식을 저장해 두면 유용하게 사용할 수 있다. 필자는 괄호 속의 단어는 <sub>태그에 스타일을 적용해 묶어준다.

sub { font-size : 0.9em; verticla-align : baseline)

그리고 Saved Searches에 아래 식을 추가한다.

이름 : 괄호 주석 스타일

찾기 : [(](.*)[)]

바꾸기 : <sub>(\1)</sub>

괄호 형태의 주석을 바꾸고 싶을 때는 Saved Searches에서 [괄호 주석 스타일]을 선택 후 [바꾸기/찾기]를 누른 후 찾아바꾸기를 하면 (주석) 형태의 단어는 모두 <sub>(주석)</sub>로 변경된다.

'Sigil 사용 설명서 > 메뉴 및 기능 설명(구버전)' 카테고리의 다른 글

클립보드 기록 중에서 붙여넣기 (0)	2015.08.26
Clips (2)	2015.08.24
찾기, 찾아바꾸기 (0)	2015.08.17
페이지 분할 및 병합 (0)	2015.08.12
특수 문자 (3)	2015.08.10

찾기, 찾아바꾸기

posted by 내.맘.대.로 2015. 8. 17. 10:00

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

EPUBGUIDE.NET의 핵심만 모았다. 전자책 편집자를 위한 필독서!

클릭 편집 탬플릿 제공,

기초부터 전자책 제작 실습까지

찾기와 바꾸기는 편집 시간을 절약하는데 큰 도움을 준다. 원고 정리와 스타일 설정만 잘 되어 있다면 찾기/바꾸기 기능으로 30분 만에 책 한권을 편집할 수도 있다. Sigil의 찾기/바꾸기는 다양하고 강력한 기능을 제공한다.

찾기/바꾸기 창을 표시하려면 [검색 > Find & Replace] 메뉴를 선택한다. 검색창은 화면 하단에 아래처럼 표시된다.

찾기 글상자 : 찾을 글자나 기호, 코드를 입력한다.
바꾸기 글상자: 찾기에 입력한 내용과 1:1로 변경할 글자나 기호를 입력한다.
[찾기]버튼 : 찾기 글상자에 있는 내용을 찾아 이동한다.
[바꾸기] 버튼 : [찾기]로 찾은 내용을 바꾸기 글상자에 있는 내용으로 변경한다.
[바꾸기/찾기] : 찾은 내용을 바꾼다. 그리고 다시 [찾기]를 실행해 다음에 일치하는 내용으로 이동한다.
[모두 바꾸기] : 찾기 글상자에 있는 내용과 일치하는 모든 내용을 바꾸기 글상자에 있는 내용으로 변경한다.
모두 세기 : 찾기 글상자에 있는 내용과 일치하는 항목이 몇 개인지 센다.
설정(정규 표현식 옵션으로, 이와 관련된 자세한 사항은 정규표현식 항목을 참고할 것)

DotAll : .* 패턴을 검색할 때 사용할 수 있다. 이 옵션을 선택하면 식 제일 앞에 (?s)가 붙는 것과 같은 결과를 얻는다.
Minimal Match : 최소 범위로 검색 결과를 찾아주는 (?U) 식이 붙는 것과 같은 결과를 얻는다.
Auto-Tokenise : 텍스트를 선택 후 Ct기 + F를 누르면 선택한 텍스트가 자동으로 [찾기 글상자]에 입력된다. 이 옵션이 켜져 있으면 정규표현식 선택한 텍스트 앞에 \가 추가된다.(ex. 만약 [찾을단어]라는 4 글자가 포함된 단어를 선택하고 CTRL+F를 누르면 옵션 선택 전에는 [찾을단어]가 글상자에 들어가는데 옵션을 켠 후에는 \찾\기\단\어로 들어간다.
Wrap : (일반 검색에서 사용) 이 옵션을 선택하면 내용의 제일 아래 부분까지 검색을 한 후 자동으로 처음으로 돌아간다. 옵션을 선택하지 않았다면 내용 제일 아랫부분까지 검색한 후 검색 결과가 없으면 [찾기]버튼을 눌러도 더 이상 검색이 진행되지 않는다.

방식

정방향 : 일반적인 찾기 방식이다. 찾기 글상자에 입력한 것과 1:1로 일치하는 결과를 찾아준다. ('일반 검색'에 해당하며 번역상 오류가 있다)
대/소문자 구분 : 영문 알파벳인 경우 대문자와 소문자를 구분해서 검색한다.(eg. 이 옵션을 선택하면 대문자가 포함된 Word와 word는 다른 값이다. 옵션이 켜져있지 않으면 같은 값으로 인식한다.
Regex : 정규표현식을 사용할 수 있다.(정규 표현식 옵션으로, 이와 관련된 자세한 사항은 정규표현식 항목을 참고할 것)
현재파일 : 현재 선택된 탭에 있는 내용만 찾아준다. CSS, TOC, OPF 파일도 검색을 할 수 있다.
모든 HTML 파일 : 선택되지 않은 HTML 파일까지 모두 검색한다. CSS, TOC, OPF 파일은 검색하지 않는다.
선택된 파일 : 현재 선택된 탭이 HTML 파일인 경우에만 검색한다. CSS, TOC, OPF 파일은 선택됐다 하더라도 검색하지 않는다.
위쪽 : 검색 방향을 아래에서 위로 설정한다.
아래쪽 : 검색 방향을 위에서 아래로 설정한다.

오른쪽 버튼 메뉴

찾기 글상자에서 마우스 오른쪽 버튼을 누르면 유용한 정규표현식을 추가할 수 있다.