posted by 내.맘.대.로 2016. 3. 3. 08:37

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

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

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

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

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

장별로 파일 정리가 끝나면 본격적으로 스타일 편집이 시작된다. 스타일 편집은 장별로 나누기 전에 해도 되지만 편집 내용이 많을 경우 속도가 느려지거나 오류가 발생해 강제 종료가 있어 주의해야 한다.

 

편집 순서도 본문부터 편집을 하든, 표지부터 편집을 하든 편집자 취향대로 하면 된다. 여기서는 설명의 편의상 표지부터 순서대로 스타일 편집을 하려고 한다.

 

장에서 표지 이미지를 삽입했다. 하지만 Sigil 책보기 화면으로 보면 표지가 화면에 제대로 표시되지 않는다. EPUB 전자책을 보는 기기는 크기가 다양하기 때문에 표지는 화면 크기에 맞게 확대/축소되도록 편집을 해야한다.

 









 

 

표지 스타일을 편집하기 위해 먼저 CSS 파일을 추가한다. CSS 파일은 EPUB 파일에서 하나면 충분하지만 필요에 따라 하나 이상 추가할 수도 있다.

 

  1. 스타일시트(CSS 파일) 추가

[파일 > 추가 > 스타일시트] 이용하거나 [책보기] 창의 Styles 폴더에서 마우스 오른쪽 버튼을 클릭 [ 스타일시트] 추가한다.

만약 사용하는 CSS 파일이 있다면 [파일 > 추가 > 기존파일] 눌러 CSS 파일을 추가할 있다.

 

추가된 스타일시트 파일을 열면 아무런 내용도 없는 화면이 나타난다. 여기에 필요한 스타일을 추가한 HTML 파일에 연결하면 스타일이 반영된다.

스타일 편집 전에 HTML 파일에 스타일시트를 연결한다. 스타일시트를 연결하지 않으면 편집이 반영되지 않기 때문에 편집 전에 연결하는 것이 좋다.

 

  1. 스타일시트 연결

2.1 스타일시트를 연결할 HTML 파일을 선택한다. 여기서는 모든 파일을 선택한다.
 

2.2 선택한 파일 위에서 마우스 오른쪽 버튼을 누른 [Stylesheets 연결…] 클릭한다.

2.3 스타일시트 연결 창이 나오면 원하는 스타일시트를 선택 [OK] 클릭한다.

 

2.4 스타일시트를 연결 cover.xhtml 파일의 코드보기를 하면 아래처럼 스타일시트 파일이 연결된 것을 있다.
*
스타일시트 연결 코드. <head>태그 사이에 <link> 파일이 연결된 것을 있다.

<head>

<title></title>

<link href="../Styles/Style0001.css" rel="stylesheet" type="text/css" />

</head>

* 스타일시트 연결

<head>

<title></title>

</head>

 

스타일시트가 연결됐으면 이제 책의 스타일을 편집해야 한다. 다음 장에서는 스타일 편집에 대해 설명한다.

반응형
posted by 내.맘.대.로 2016. 2. 22. 14:22

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

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

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

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

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


권의 책은 여러 개의 챕터()으로 나눠져 있다. EPUB으로 책을 만들 때는 챕터를 하나의 HTML(xhtml) 파일로 구분해 주는 것이 좋다. 권을 HTML 파일 하나로 만들면 저사양 기기에서 오류가 발생하거나 페이지를 넘기는 시간이 오래 걸릴 있다.

전에는 챕터(HTML) 100kb ~ 300kb 정도로 제한을 두기도 했다. 챕터가 너무 크면 갤럭시 A, 아이폰 3 처럼 성능이 떨어지는 기기로 책을 뷰어가 강제로 종료되는 등의 문제가 생길 있고, 챕터가 넘어갈 시간이 오래 걸리기도 한다.

최근에 나온 모바일 기기에서는 이런 문제가 없지만, 여전히 저사양 모바일 기기를 사용하는 독자가 많기 때문에 다양한 독자층을 고려한다면 챕터가 300kb 넘지 않는게 좋다.

 

챕터를 나누면 편집도 쉬워진다. 책을 구성하는 단위 중에 챕터() 편집이 완성된 단위이다. 첫번째 챕터와 두번째 챕터의 편집을 완전히 다르게 하는 경우는 드물기 때문에 첫번째 챕터의 스타일을 잡아 놓으면 다음 부터는 스타일을 추가할 일이 많지 않다.

 

텍스트 파일이나 HTML 파일로 본문 전체를 불러왔다면 한권이 하나의 HTML 파일로 저장된다. Sigil에서는 이렇게 하나로 파일을 여러 개로 나눠주는 기능이 있다.

 

  1. 현재 커서 위치에서 나누기

[현재 커서 위치에서 나누기] 기능을 이용하면 커서가 위치한 곳에서 파일을 나눌 있다. 커서를 1장이 시작되는 곳에 놓고 아래 처럼 나누기 기능을 실행하면 Section0001.xhtml 파일이 Section0002.xhtml 파일이 생기면서 커서 뒷부분이 새로운 파일로 나뉘게 된다.

 

  1. 장을 구분할 위치에 커서를 놓는다.

 

  1. [편집 > 현재 커서 위치에서 나누기] 혹은  아이콘을 클릭한다

 

 

  1. Split Marker Split at Marker

챕터를 하나씩 나누지 않고 파일 하나로 책을 편집한 후에 한번에 나누고 싶다면 Split Marker 이용한다. Split Marker 파일로 나눌 위치를 표시하는 기능이다. Split Marker 표시된 부분은 Split at Marker 이용해 한번에 나눌 있다.

 

  1. 장을 구분할 위치에 커서를 놓는다.
  2. [삽입 > Split Marker] 클릭해 나눌 위치를 표시한다.
    Split Marker
    삽입하면 구분선이 그어진다. 부분을 코드 보기로 보면 아래 코드가 추가된 것을 있다.

<hr class="sigil_split_marker" />


코드보기에서 Split Marker 추가하고 싶은 위치에 코드를 삽입하면 [삽입 > Split Marker] 것과 동일하다



  1. [편집 > Split at Marker] 표시한 위치를 나눈다.

Split at Marker 챕터를 나누면 [Section0001_0001.xhtml]처럼 파일명 나누기 파일명 뒤에 _0001, _0002 번호가 붙는다. 파일을 나누기 전에 [Section.xhtml]처럼 파일명을 수정해 놓으면 챕터 파일명을 깔끔하게 정리할 있다.


 

챕터가 10 이내로 나눠진 책이라면 [현재 커서 위치에서 나누기] [Split Marker] 나누는게 어렵지 않다. 하지만 챕터가 30개쯤 된다면 하나씩 찾아 나누기 쉽지 않다. 이럴 정규표현식[Regex, Regular expression] 사용하면 단순한 반복 작업을 쉽게 끝낼 있다.

정규표현식을 이용하면 동일한 패턴으로 내용을 쉽게 찾을 있다. 예를 들어 본문 내에서 2자리 숫자를 찾고 싶을 정규표현식을 사용할 있다.

2자리 숫자는 00부터 99까지 100가지 경우의 수가 있다. 찾기 기능을 이용하면 00, 01, 02 하나씩 대입해서 100번을 찾아야 한다. 하지만 정규표현식을 이용하면 아래 식으로 한번에 00부터 99까지 2자리로 모든 수를 찾을 있다.

 

\d\d

 

예제로 '이상한 나라의 앨리스' 제목이 아래처럼 되어 있다.

 

<p>1장</p>

<p>토끼 굴속으로</p>

 

<p>2장</p>

<p>눈물 웅덩이</p>

 

<p>(숫자)</p> 반복적으로 나오고 바로 다음에 <p>장제목</p> 나오는 패턴이다.

책의 제목은 이와 똑같지 않더라도 패턴이 동일하게 반복된다. 이렇게 패턴이 반복되는 형태라면 정규표현식으로 찾거나, 찾아바꾸는게 가능하다.

 

<p>(\d+)장</p>

 

식을 [찾기] 넣은 찾기를 하면 번호를 모두 찾을 있다.

'(\d+)' 하나 이상의 숫자를 의미한다. 그래서 '(\d+)장' 정규표현식으로 찾으면 '1, 2, 3장…10, 11' 숫자 뒤에 '' 붙은 문자를 모두 찾을 있다.

앞뒤에 <p></p>태그로 묶인 숫자 뒤에 '' 붙은 문자는 번호밖에 없으니 정규표현식을 이용하면 번호만 모두 찾을 있게 된다.

 

찾기로 제목이 제대로 찾아진다면 이제 원하는 형태로 바꿀 차례다.

[바꾸기] 아래 내용을 추가한 [모두 바꾸기] 누른다.

 

<hr class="sigil_split_marker" /><h3>\1장</h3>

 

이제 책보기로 본문을 보면 장의 시작부분에 Split Marker 표시인 선이 추가되고 번호가 <h3> 태그로 묶인 것을 있다.

 

이상한 나라의 앨리스는 모두 12장으로 되어 있는데 정규표현식과 찾아바꾸기로 한번에 장의 시작부분에 Split Marker 추가하고 제목 태그까지 바뀐 것을 있다. 20 이상 반복해야 하는 단순 작업을 정규표현식으로 간단히 끝낸 것이다.

 

정규표현식을 자세히 익히는건 아주 어렵지만 전자책 편집에 필요한 식은 그리 많지 않다. 몇가지 간단한 식만 기억해도 수백번 반복해야 하는 작업을 한두번으로 줄일 있다. 인터넷을 찾아보면 정규표현식에 대한 자세한 설명을 있다.

 

Split at Marker 이용해 장별로 챕터를 나눴다. 챕터 구분을 명확히 하기 위해 HTML 추가하기를 이용해 파일을 추가 속표지, 목차, 판권면(Copy Right)등을 정리해 준다.

 

 

Split at Marker 나눌 이런 페이지까지 나눠도 된다. 필자는 1챕터를 Section_0001, 마지막 챕터를 Section_0012 파일명을 만들기 위해 그에 맞춰 Split at Marker 사용했다.



Split at Marker 장을 나눈 생성된 파일 목록

속표지, 목차, 판권면을 정리한 파일 목록

반응형
posted by 내.맘.대.로 2016. 2. 15. 11:08

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

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

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

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

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


Sigil 0.9.3 버전이 공개됐습니다.

이번 업데이트는 EPUB 2와 호환이 되는 'EPUB 3 기능 강화'에 초점이 맞춰져 있습니다.


greatly improves Sigil’s ability to work with and generate epub3 ebooks without losing any of its epub2 capabilities


이번 업데이트에 새로 추가된 기능을 살펴볼까요?


1. 새 문서 만들때 EPUB 2 / EPUB 3 포멧 선택

   Add General Settings Preference for setting default (epub 2 or 3) for new documents


[편집 > 설정] 혹은 F5를 눌러 '기본 설정' 메뉴를 들어가면 EPUB 2, EPUB 3 포멧을 선택할 수 있습니다.

EPUB 3를 선택하면 EPUB 2와 호환이 되는 EPUB 3 포멧으로 파일이 생성됩니다.



EPUB 3를 선택하면 Package 버전이 3.0으로 바뀌고 메타데이터에 opf:role 속성이 추가되지 않습니다. 

그리고 HTML에서 공백문자가 &nbsp; 대신 &#160;로 추가됩니다. 



하지만 아직 완벽하지는 않습니다. 메타데이터에 opf:role 속성이 추가되지 않는 대신, 메타데이터 편집기를 사용할 수 없습니다. 다음 업데이트에 기능이 개선되기를 기대해 봅니다.




2. EPUB 3 도구 추가 

Add an “Epub3 Tools” submenu to the Tools menu with 3 new epub3 specific tools:


[도구] 메뉴에 EPUB 3 Tools라는 메뉴가 새로 생겼습니다. 이 메뉴에는 아래 3가지 기능이 추가됐습니다. 



Update Manifest Properties

Manifest에 EPUB 3에 맞게 Properities를 추가합니다. properties="cover-image" 같은 EPUB 2에서는 필요 없었던 Properities 속성을 자동으로 추가해 주는 기능입니다.


예를 들어 EPUB 2에서 표지 이미지를 설정하면 아래처럼 메타데이터에 표지라는 정보가 추가됩니다.

<meta name="cover" content="사랑도_멋이다_최종_-_1권.jpg"/>

...

<item id="cover" href="Images/cover.jpg" media-type="image/jpeg"/>


하지만 EPUB 3에서는 Manifest에 properties로 표지 이미지라는 것을 표시해 줍니다. 이미지, 미디어파일, 스크립트, svg 등 파일 종류에 따라 properties 속성이 부여되는데 이를 자동으로 해줍니다.

<item id="cover" href="Images/cover.jpg" media-type="image/jpeg" properties="cover-image"/>


Generate Nav From NCX

EPUB 3에 새로 정의된 html 방식의 Nav 목차파일을 자동으로 생성해 줍니다. Nav 목차를 생성하면 NCX를 바탕으로 HTML 형태의 목차 파일을 만들어줍니다. 




Generate NCX From Nav


이 기능은 Nav에서 NCX를 생성해 주는 기능입니다. Nav from NCX의 반대 과정입니다.



3. 3개의 Plugin 도구모음 버튼 추가

Add 3 User-assignable ToolBar Buttons for up to 3 plugins – users can now an assign key accelerators to them


도구모음에 플러그인 버튼 3개가 추가됐습니다. 

사용을 하려면 플러그인 설정을 해야합니다.


[기본설정 > Plugins]에 들어가 아래쪽에 있는 Assign as Plugin 1, 2, 3 을 설정해 주면 왼쪽부터 1, 2, 3 순서대로 플러그인을 실행할 수 있습니다. 




이 외에도 MathML을 미리보기에서 확인할 수 있게 됐고, SMIL을 인식하는 등 EPUB 3와 관련한 다양한 기능들이 개선됐습니다.



반응형
posted by 내.맘.대.로 2016. 1. 20. 14:05

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

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

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

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

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

Sigil 공식 홈페이지 http://sigil-ebook.com/


전자책 편집을 하는 분들은 대부분 Sigil을 사용하실거예요.

무료로 사용할 수 있고 다른 전자책 저작도구보다 기능이 막강합니다.

어... 막강하다니? 별 기능 없던데. 라고 생각하신 분들은 Sigil에 대해 잘 모르는 분들이겠지요.


최근에 Sigil로 전자책을 편집하다 당혹스러웠던 경험이 있습니다. 

0.8.x 버전까지 잘 사용하던 기능들이 사라졌더라고요.

가장 많이 의존했던 기능 중 하나는 코드 자동 정리 기능.

그런데 이 기능은 EPUB 3을 편집할때는 아주 불편했습니다.

EPUB 3용으로 코드를 바꿔도 계속 EPUB 2용으로 변경됐으니까요.


그리고 EPUB Checker가 이상하게 변했습니다. 

전에는 F7 버튼을 누르면 EPUB Validator로 검증을 해줬는데 이젠 Well-Formed Check EPUB으로 바뀌었습니다. 

무슨 차이가 있는지는 아직 확인을 하지 못했지만, EPUB Validator 대신 플러그인으로 FlightCrew를 제공하고 있네요.


Sigil 0.9.2 버전에서는 이 부분이 해결됐습니다.

그리고 이전에는 많이 사용하지 않았던 몇가지 기능들이 플러그인 성능이 개선되면서 쓸모있게 바뀌었습니다. 


Sigil 0.9.2에서 이전 버전과 크게 바뀐점 3가지를 정리해 봅니다.


1. Reformat HTML


이전 버전에서는 [편집 > 설정 > Clean Source]에서 Pretty Print Tidy와 HTML Tidy 방식 중 하나를 선택하도록 했습니다. 파일을 저장하거나 코드보기에서 책보기로 전환할 때 자동으로 체크를 해서 잘못된 HTML 코드를 수정하고, 코드를 보기 좋게 정렬해 줬습니다. 그런데 이 방식은 '강제'성이 높아 EPUB 2 표준에 위배되면 사용자가 필요해서 추가한 코드도 바꾸거나 삭제했습니다.


▷ Sigil 0.8.x 버전의 기본 설정


그런데 이 부분이 사라졌습니다. Clean Source는 그대로 남아있지만 Cleaning 방식을 선택하는 부분은 없습니다. 그리고 Mend XHTML 방식으로 변경됐습니다. 

좋은 점은, Sigil이 사용자가 추가한 코드를 마음대로 바꾸지 않는다는 것이고, 대신 예전처럼 저장/불러오기 할 때 잘못된 코드를 바로잡아 주지 않게 됐습니다.


그럼 코드 정리는 어떻게 해야할까요?

이 기능을 따로 분리해서 [도구 > Reformat HTML]이라는 메뉴로 추가를 해놨네요.

그냥 코드보기 화면에서 마우스 오른쪽 버튼을 눌러도 됩니다.

저장 한번으로 끝나던걸 메뉴 한번 더 눌러야 하는 불편은 생겼지만, 이제 Sigil로도 EPUB 3 코드를 추가할 수 있게 됐습니다.




2. 부분적인 EPUB 3 지원


EPUB 2와 EPUB 3를 구분하는 기준은 몇가지가 있습니다. 그 중 하나는 네비게이션. EPUB 2는 NCX 방식을 지원하지만 EPUB 3는 XHTML 파일로 목차를 만들어야 합니다. 메타데이터에서 opf: 속성으로 역할을 부여하는 것도 EPUB3에서는 사라졌지요. 그리고 무엇보다 패키지 버전과 DOCTYPE이 중요합니다.


▷ OPF의 패키지 버전

<package unique-identifier="BookId" version="2.0" xmlns="http://www.idpf.org/2007/opf">


▷ XHTML 파일의 DOCTYPE 선언

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


이 두가지는 0.7.x 버전에서는 변경이 불가능했습니다. 0.8.x 버전에서는 확인을 못해봤네요 ^^;

이제 OPF의 패키지 버전을 version="3.0" 으로 고칠 수 있습니다.

그리고 <html>에서 네임스페이스를 제대로 지정해 주면 (목차파일도 생성해 주고...) Sigil로도 EPUB 3과 호환이 되는 EPUB 2 파일을 만들 수 있습니다. 


DOCTYPE을 삭제하면 강제로 추가됩니다. EPUB 3에서는 html 태그에 네임스페이스를 지정하는 방식으로 바뀌어 DOCTYPE이 필요 없지만(우욱님이 알려주셨어요^^) Sigil은 EPUB 2 기반 편집기라 DOCTYPE를 삭제할 수는 없습니다. 대신 아래처럼 DOCTYPE을 선언해 주기만 하면 됩니다. 

<!DOCTYPE html>



3. 개선된 플러그인 기능


▷ 공식적으로 목록이 제공되는 Sigil 플러그인

Sigil Plugin Index : http://www.mobileread.com/forums/showthread.php?t=247431


1. AddStyleFont

Iterates through the font files and creats a StyleFont.css file in the book.


2. AddImgasSVG

Simple svg image scraper


3. AdjustSVG

Checks and corrects image dimensions of image wrapped in svg


4. Borkify ePUB

Output plugin to borkify an epub to alter all text


5. CleanOPF

Removes extraneous metadata entries in the OPF


6. Easy Endnote Insertion

This is a plugin for easy insertion of epub 2.0 style notes.

http://www.mobileread.com/forums/sho...d.php?t=265104


7. ePUB Optimizer

Subsets fonts and optimizes images


8. ePub3-itizer - epub3 output plugin

Create ePub 3 from valid ePub2


9. epubcheck plugin

Simple epubcheck wrapper


10. ePubTidyTool

Cleans up ebooks converted from pdf files


11. icarus Sigil Plugin

This is a plugin can be used to create EPUB 3 Audio-ebooks


12. Incremental IDs Plugin

This is a plugin can be used to add incremental ids to tags that match specific criteria


13. Kindle Import plugin

Open Kindle files for editing in Sigil


14. kindlegen plugin

Simple kindlegen wrapper


15. Pagelist Plugin for Print Edition Page Numbers

This is a plugin generate NCX pagelist sections from special span tags


16. PasteImage Plugin

Add a jpeg image to ebook from clipboard image or url


17. SanityChecker

Quick basic epub xhtml sanity checker


18. ShadyCharacters

Exposes many invisible unicode characters that can elude the eye


19. Smarten Punctuation plugin

Convert quotes and dashes to their typographic equivalents


20. smoothRemove plugin

A remove formatting plugin


21. URL Checker Plugin

Checks and reports on external links in your ebook



Sigil 공식 홈페이지에 들어가 보면 Sigil 업데이트 정보 아래쪽에 'Don’t Forget FlightCrew'라는 글이 보입니다. 

처음에는 무슨 소리인가 싶었는데 0.8.9 버전 이후부터는 EPUB 2 Validator를 플러그인으로 제공하더라고요.

FlightCrew 깃허브(https://github.com/Sigil-Ebook/flightcrew/releases/tag/0.9.0)에서 다운받은 후, 플러그인으로 추가하면 됩니다. 


추가하는 방법은 간단합니다. 깃허브에서 FlightCrew를 운영체제에 맞게 다운로드 한 후(윈도우라면 FlightCrew_v0.9.0win.zip)

메뉴의 [Plugins > Manage Plugins]를 누르세요. 

플러그인 관리 창이 뜨면 [Add Plugin]을 누른 후 다운로드 받은 압축파일을(압축 풀지 마세요!!!) 선택하면 됩니다.






플러그인이 등록되면 [Plugins > Validation > FlightCrew]라는 메뉴가 추가됩니다.

FlightCrew 이외에도 도움이 되는 플러그인이 많이 있으니 잘 활용하면 전자책 만들때 큰 도움이 될거예요 ^^

반응형

'Sigil 사용 설명서' 카테고리의 다른 글

Sigil 0.9.7 업데이트  (0) 2016.11.02
Sigil EpubCheck 플러그인  (0) 2016.10.20
Sigil 0.9.5 버전 업데이트  (0) 2016.03.30
Sigil 0.9.4 버전 업데이트  (2) 2016.03.14
Sigil 0.9.3 업데이트 - EPUB 3 기능 강화!  (0) 2016.02.15
posted by 내.맘.대.로 2015. 12. 24. 10:49

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

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

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

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

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

Sigil 표지 이미지 삽입 기능이 제공된다. 준비된 표지 이미지가 있다면 사이즈에 관계 없이 사용할 있다. 참고로, 국내 유통사는 표지 이미지로 JPG 이미지 포멧을 권장하는 곳이 많다. 국내 유통을 목적으로 제작한다면 JPG 포멧의 표지를 준비하는게 좋다.

 

표지 이미지의 크기는 정해진 규칙은 없으나 가로(짧은면) 길이를 기준으로 1024 픽셀, 300DPI 이상을 사용하길 권한다. EPUB 3인치보다 작은 화면부터 UHD TV까지 사용이 가능하고, 최근에는 스마트폰도 4K(UHD, 2160*4096 해상도) 지원하고 있다. 고화질 화면에서 600*800 픽셀과 낮은 DPI 이미지를 사용하면 화면을 가득 채울 경우 이미지가 깨져보일 있다.

 

표지 이미지를 삽입하려면 [도구 > Add Cover] 메뉴를 이용한다.


표지 이미지가 파일 안에 포함돼 있다면 이미지 목록에서 선택할 있다. 이미지를 불러오기 전이라면 [Other Files] 버튼을 눌러 컴퓨터 있는 이미지를 불러올 있다.



이미지 파일을 선택해 표지 이미지를 만들면 [ 찾아보기] 창에 cover.xhtml이라는 파일이 제일 위쪽에 만들어진다. [ 찾아보기]에서 보이는 xhtml 파일의 순서는 책을 열었을 페이지가 넘어가는 순서와 같기 때문에 표지 이미지는 항상 제일 위쪽에 위치한다.

그리고 Images 폴더에는 선택한 표지 이미지가 추가된다. 만약 표지 이미지 파일명이 영문과 숫자로 되어있지 않다면 수정해 줘야 한다. 이미지를 선택해 파일명을 수정하면 cover.xhtml 있는 파일명도 자동으로 수정된다.

EPUB 다양한 기기에서 사용하기 때문에 기기에 따라 한글이나 공백, 특수문자가 들어간 파일명은 오류가 생길 있다. 이미지 뿐만 아니라 모든 파일은 공백이 없는 영문과 숫자로 파일명을 만드는게 좋다.

 

Sigil에서 제공하는 기본 표지 이미지 삽입 코드는 SVG 태그를 사용한다.


  <div style="text-align: center; padding: 0pt; margin: 0pt;">

    <svg xmlns="http://www.w3.org/2000/svg" height="100%"

    preserveAspectRatio="xMidYMid meet" version="1.1" 

    viewBox="0 0 SGC_IMAGE_WIDTH SGC_IMAGE_HEIGHT" width="100%" 

    xmlns:xlink="http://www.w3.org/1999/xlink">

      <image width="SGC_IMAGE_WIDTH" height="SGC_IMAGE_HEIGHT" 

      xlink:href="SGC_IMAGE_FILENAME"/>

    </svg>

  </div>

Sigil의 기본 표지 이미지 코드



국내 뷰어 중에 SVG 지원하지 않아 오류가 있어 국내 유통을 목적으로 한다면 코드를 수정해 주는 것이 좋다. 코드 수정은 [1. Sigil 주요 기능] Add cover 항목을 참고하기 바란다.


<?xml version="1.0" encoding="utf-8" standalone="no"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"

  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" xmlns:epub="http://www.idpf.org/2007/ops" xmlns:xml="http://www.w3.org/XML/1998/namespace">

<head>

  <title></title>

  <link href="../Styles/style.css" rel="stylesheet" type="text/css" />

<style type="text/css">

html, body { height:100%; margin: 0; padding: 0; }

</style>

</head>

<body>

  <div class="cover"><img alt="표지 중앙정렬" class="cover" src="SGC_IMAGE_FILENAME" /></div>

</body>

</html>

수정한 표지 이미지 코드


수정한 표지 이미지 코드를 사용했다면 삽입한 표지 크기가 화면에 맞게 조정되지 않았을 것이다. 아직 표지 이미지 스타일을 적용하지 않은 상태이니 그냥 지나간다.

표지를 삽입했다면 저장을 한다.

반응형

'Sigil 사용 설명서 > Sigil로 전자책 제작하기' 카테고리의 다른 글

스타일시트 추가 및 연결  (0) 2016.03.03
장 나누기  (4) 2016.02.22
책 정보(메타데이터) 입력  (0) 2015.12.24
EPUB으로 저장  (0) 2015.09.28
Sigil로 파일 열기  (0) 2015.09.24
posted by 내.맘.대.로 2015. 12. 24. 10:45

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

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

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

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

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

EPUB 파일로 저장을 했다면 정보를 입력해야 한다. 정보 입력은 언제 해도 상관 없지만 책을 편집하면서 이를 잊는 경우가 많다. 그래서 책을 편집하기 전에 책정보를 입력하는 습관을 들이는 좋다.

EPUB 정보는 '메타데이터'라고 한다. 메타데이터는 여러 의미로 사용이 되지만 Sigil 편집시에는 책과 관련된 정보로 의미를 한정해서 사용할 것이다.

 

메타데이터를 편집하기 위해서는 [도구 > 메타데이터 편집기] 도구상자 아이콘 클릭해 메타데이터 편집 창을 실행한다



전자책 메타데이터는 IDPF에서 정해 놓은 항목 중에서 선택해 입력할 있다. 메타데이터 편집기는 IDPF에서 정한 메타데이터 목록을 제공한다. 메타데이터 편집기를 열면 '날짜' 항목이 추가돼 있는 것을 있다. '날짜' 뒤에 'modification'이라는 설명이 보이는데 이는 날짜가 파일을 마지막으로 저장한 시간을 표시한다. 날자 하나에도 생성일, 출간일, 수정일 다양한 형태의 의미를 부여할 있다.

EPUB에는 반드시(must*) 세개의 메타데이터가 들어가야 한다. 제목(title), 식별자(identifire), 그리고 EPUB 언어이다. Sigil에서는 식별자와 언어를 자동으로 삽입하고, 메타데이터 편집기에서 제목을 선택이 아닌 필수 항목으로 지정해 뒀다. 외에 저자 정보도 필수 사항(should*)으로 권하고 있기 때문에 Sigil에서는 제목 아래에 저자 정보* 입력할 있도록 하고 있다.

  • IDPF 권고안은 영문으로 되어 있고, must 반드시 필요한 항목을, should must보다는 약하지만 들어가야 하는 항목을 말한다. 제목, 식별자, 언어는 must이고, 저자 정보는 should이다. 이들을 입력하지 않으면 EPUB Checker에서 error warning으로 표시된다.
  • [저자] 항목 뒤에 보면 [File-As]라는 입력창이 보인다. File-As 선택 항목으로, 저자 이름이 어떻게 정렬되야 하는지를 지정하는 항목이다. File-As 입력하지 않으면 저자명으로 정렬했을 '루이스 캐럴' '' 온다. 하지만 File-As '캐럴, 루이스'라고 입력했다면 저자명을 정렬할 '' 온다



외에 추가하고 싶은 항목이 있다면 [메타데이터 편집기] 오른쪽에 보이는 [기본항목 더하기] 누른다. [기본항목] 책과 관련된 메타데이터를 추가하기 쉽게 정리해 놓은 목록이다.



만약 원하는 항목이 [기본 항목 더하기] 보이지 않는다면 [역할을 추가하세요.] 눌러 수십가지의 다양한 역할을 추가할 있다. 항목을 선택하면 아래쪽에 설명이 표시되니 이를 참고해서 원하는 역할을 추가할 있다.



필요한 메타데이터를 모두 추가했다면 [OK] 눌러 정리한 내용을 저장하고 편집기 창을 닫는다.




반응형

'Sigil 사용 설명서 > Sigil로 전자책 제작하기' 카테고리의 다른 글

장 나누기  (4) 2016.02.22
표지 이미지 삽입  (2) 2015.12.24
EPUB으로 저장  (0) 2015.09.28
Sigil로 파일 열기  (0) 2015.09.24
제작 파일 준비  (0) 2015.09.21