내맘대로의 EPUB 제작 가이드

Sigil 주석 플러그인 footnoteLinker를 수정해 처음 사용하는 분들을 위한 설명을 달았습니다.

원본은 여기서 받을 수 있습니다.

클래스와 ID 별로 간단히 설명을 달았습니다.

사용법은 간단합니다.

본문 주석 번호에 [주석 번호 클래스]를 삽입합니다.

<p>주석 달기 예제<sup class="noteanchor">1)</sup>입니다</p>

sup 대신 다른 태그를 사용해도 되며, 클래스만 맞추면 됩니다.

주석은 별도 파일로 정리를 합니다.

endnote.xhtml 파일에 주석만 넣고, 시맨틱 속성으로 [참고(notes)]를 추가합니다.

EPUB3는 주석(footnote) 시맨틱을 추가해야 합니다.

그리고 주석 설명의 p 태그에 [주석 설명 클래스]를 삽입합니다.

<p class="note">1) 주석 달기 설명 예제입니다</p>

이제 플러그인을 실행하면 양방향 주석 링크가 추가됩니다.

끝으로 CSS 파일에 주석 스타일을 추가합니다.

.noteanchor {

    본문 주석 번호 스타일입니다.

}

.note {

    주석 설명 스타일입니다.

}

.noteSymbol {

    주석 설명의 번호(링크가 걸려 본문으로 되돌아옴) 스타일입니다.

}

책은 마케팅입니다.

이 말의 뜻이 뭔지 모르는 분들이 참 많네요.

좋은 원고로 책을 만들고, 독자들이 책에 관심을 보일 때

'책은 마케팅입니다'

책이 안팔려서 마케팅 하는 분들,

책 못팔아요.

그냥 돈 버리는거예요.

마케팅은 안팔리는 책을 팔려고 하는게 아니에요.

한 달에 1,000권 파리는 책을 10,000권 팔고싶을 때 마케팅 하는거예요.

한 달에 10권 팔리는 책에 마케팅을 하면, 20권 쯤 팔거예요.

마케팅을 아는 출판사는

팔리지 않는 책에 절대 돈을 투자하지 않아요.

책 깔고, 2주 정도 본 다음, 책이 팔린다. 그럼 마케팅에 돈을 들입니다.

작가들이 가끔 투덜대지요.

출판사가 마케팅도 안해 안팔린다고.

그게 아니에요.

안팔리는 책이니까 투자를 안하는 것 뿐이에요.

팔리지 않는데 왜 투자를 해요.

책이 팔리지 않는다. 그건, 마케팅을 안해서 그런게 아니고 원고가 나빠서그래요.

독자가 읽고싶지 않은 원고라 팔리지 않는거예요.

전자책이어서 안팔리는 것도 아니고

작은 출판사여서 안팔리는 것도 아니고

이름이 없는 작가여서 안팔리는 것도 아니고,

그냥 원고가 독자들에게 매력이 없어서 안팔리는 거예요.

독자에게 매력 없는 원고는, 아무리 마케팅 잘 해도 안팔려요.

초보 출판인들의 푸념에

책이 팔리지 않는 이유를 분석한 글이 많이 보입니다.

그런데 그 글 중 어디에도 원고 얘기는 안들어 있네요.

책은 마케팅. 맞는 말입니다.

원고만 좋다면.

전자책도 잘 팔립니다.

원고만 좋다면.

자비출판 해도 성공할 수 있습니다.

원고만 좋다면.

출간 즉시 베스트셀러 됩니다.

원고만 좋다면.

마케팅 안해도 베스트셀러 됩니다.

원고만 좋다면.

물론 원고가 좋아도 홍보를 해야 움직이는 책도 있습니다.

이 말은, 원고가 좋아야 홍보를 하면 움직입니다.

내가 낸 책이 팔리지 않으면

마케팅 때문도 아니고, 전자책이어서도 아니고, 자비출판이어서도 아니에요.

그냥 원고를 먼저 보세요.

내 책이 독자가 좋아할 만한 책인지.

내가 좋아한다고 독자가 좋아하지 않습니다.

내가 좋아한다고 독자들이 좋아할 것이란 착각이 출판사를 망하게 합니다.

원고가 좋아도 팔기 힘들어요.

원고가 정말 좋은데 독자들이 몰라서 사지 않을 때,

책은 마케팅입니다.

마케팅은, 안팔리는 책 팔려고 하는게 아닙니다.

잘 팔릴 때, 더 많은 사람들에게 알려 대박 나려고 하는거예요.

그런데 독자한테 매력 없는 원고로 팔려고 하니 안팔리지요.

재미있는 스타일이 많아 소개해드립니다.

[과학 추리반 아이들] 이라는 아동 도서입니다.

먼저, 독특한 테두리 스타일이 있습니다.

전자책으로는 조금 까다로와보이지요.

이 스타일은 이렇게 만들었습니다.

테두리의 물결 무늬가 작지요?

물결무늬를 종이책 처럼 깊게 넣으면, 여백을 많이 잡아야됩니다. 그럼 스마트폰처럼 폭이 좁은 기기에서 글자가 적게 들어가 가독성이 떨어지더군요. 그래서 물결무늬를 느낌만 살려 넣었습니다. 물결무늬를 크게 만드는 것도 얼마든지 가능합니다.

이런 페이지도 있습니다. PDF/종이책에서는 이렇게 보입니다.

노트 전체 내용이라 일부 내용을 보이지 않게 지운건 양해해 주세요^^

이 스타일은 노트 느낌을 살렸습니다. 

이런 박스글은 이미지로 넣는 편집자가 많은데, CSS로 편집하기 쉬워요. 가독성도 높고, 화면 크기에 맞게 배치도 잘 됩니다. 박스글은 되도록이면 이미지로 넣지 말고 스타일 편집을 하세요.

전자책에서는 이렇게 보입니다.

영어공부를 위한 원서, 오즈의 마법사입니다.

전자책으로 본문을 보다, 해석이 어려운 문단이 나오면

팝업 주석으로 해석을 볼 수 있습니다.

전자책 구매는 교보문고에서~

https://ebook-product.kyobobook.co.kr/dig/epd/ebook/E000005195549

경기도 사이버도서관 등 전자책 도서관에서 대여도 가능합니다.

전자책을 편집하다 보면 글자가 깨지거나, 특정 글자만 폰트가 적용되지 않을 때가 있습니다.

글자가 제대로 표시되지 않는 현상은 다음과 같습니다.

1. 글자가 네모(□)로 표시됨

2. 라틴 계열 문자가 분리됨

    예) ė  --> e·  / Ń --> N′

3. 한글 자소가 분리됨

    예) ᄉᆞᄆᆞᆺ디〮아니〮ᄒᆞᆯᄊᆡ〮  --> ㅅㆍㅁㆍㅅ디아니ㅎㆍㄹㅆㆍㅣ

4. 글꼴이 적용되지 않음

     예) '아' 만 글꼴이 적용되고 다른 글자는 시스템 기본 글꼴로 보임

1, 3, 4번은 모두 글꼴 문제입니다.

글꼴에 해당 글자가 없으면 CSS나 시스템 설정에 따라 대체 폰트가 적용되고, 대체폰트에도 글자가 없으면 □로 보이거나 글자가 아예 나타나지 않습니다.

1번은 CSS 글꼴과 대체 글꼴에 글자가 포함되어 있지 않을 때 나타납니다. 글자 자리에 글자가 아닌 □가 들어가 있는 것이지요.

3번은 옛한글을 표현할 수 없는 글꼴일 때 나타납니다. 기본 글꼴에도 글자가 없고, 시스템 대체 글꼴에도 글자가 없으면 이렇게 보입니다.

4번 역시 글꼴에 없어 생긴 문제이지만, 시스템 대체 글꼴에는 글자가 있어 글자 자체는 제대로 표현되는 것입니다.

3번, 4번은 보는 기기에 따라 다르게 보입니다. PC는 시스템 대체 글꼴이 많아 웬만한 글자는 다 표시됩니다. 그래서 PC에서 볼 때는 4번처럼 보이는데, 스마트폰이나 전자책 전용 기기에서는 3번처럼 보일 수 있지요.

1, 3. 4번 해결 방법은 간단합니다. 

해당 글자가 있는 글꼴로 바꾸면 됩니다.

글자가 있는 글꼴은 어떻게 찾을까요?

https://fonts.google.com/

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

이런 글꼴 사이트에 들어가 원하는 글자를 넣어보면 됩니다.

글자가 있는 글꼴은 제대로 보이고, 없는 글꼴은 깨져보입니다.

 

2번은 책을 만들 때 글자를 임의로 조합해서 생기는 문제입니다.

 

ė 이 글자가 없는 글꼴로 책을 만들다 ė 글자가 필요해 졌을 때, 편집자에 따라 글자가 있는 다른 글꼴을 쓰기도 하지만 e와 ·를 조합해 글자를 만들기도 합니다. 그럼 종이책에서는 ė로 보이는데, 이 글자를 복사해 다른 곳에 붙여 넣으면 조합한 글자가 분리되어 e· 이렇게 됩니다. 이 문제는 유니코드 표에서 ė를 찾아 바꿔주면 해결이 됩니다.

https://symbl.cc/en/unicode/blocks/latin-extended-a/

 

Latin Extended-A, Ā ā Ă ă Ą, 128 symbols, Unicode Range: 0100-017F (◕‿◕) SYMBL

Latin Extended-A is a block of the Unicode Standard. It encodes Latin letters from the Latin ISO character sets other than Latin-1 (which is already encoded in...

symbl.cc

이런 유니코드 표에서 직접 찾아야합니다.

 

한자, 라틴 계열 문자, 그 외 외국어 문자에서 글자가 깨지거나 조합한 문자가 많이 나타납니다. 간혹 글자가 없어 이미지로 그려 넣기도 합니다. 그럴 때는 해당 글자가 포함된 글꼴을 찾고, 유니코드에서 글자를 찾아 수정을 해야 합니다.