posted by 내.맘.대.로 2022. 10. 27. 15:07

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

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

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

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

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

 

CSS 스타일을 적용하려면 인라인, 내부, 외부 3가지 방법 중 하나를 선택해야 합니다.

 

수업을 하다 보면 수강생들이 만든 EPUB에 인라인 스타일이 잔뜩 포함된걸 자주 보는데, 이런 '짓'은 하지 않아야 합니다.

 

제대로 모르는 사람들은 인라인 스타일을 '써도 되지만 안쓰는게 좋다' 정도로 얘기하는데, '안써야 하지만 특별한 예외 상황에서는 써도 된다'가 맞습니다.

 

이건 누구의 개인적인 의견이 아닌, W3C, Mozilla의 권고.

 

CSS에 대한 가장 정확한 정보를 전달하는 사이트에 뭐라고 나와있는지 볼까요?

https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/How_CSS_is_structured

 

Inline Style

 

Avoid using CSS in this way, when possible. It is the opposite of a best practice. First, it is the least efficient implementation of CSS for maintenance. One styling change might require multiple edits within a single web page. Second, inline CSS also mixes (CSS) presentational code with HTML and content, making everything more difficult to read and understand. Separating code and content makes maintenance easier for all who work on the website.

가능하면 CSS를 이런 식으로 사용하지 마세요. 모범 사례의 반대입니다. 첫째, 유지보수를 위한 CSS 구현이 가장 비효율적입니다. 하나의 스타일 변경은 단일 웹 페이지 내에서 여러 번 수정해야 할 수 있습니다. 둘째, 인라인 CSS는 (CSS) 프리젠테이션 코드를 HTML 및 콘텐츠와 혼합하여 모든 것을 읽고 이해하기 어렵게 만듭니다. 코드와 콘텐츠를 분리하면 웹사이트에서 작업하는 모든 사람들이 유지 관리를 더 쉽게 할 수 있습니다.

 

내부 스타일은 조금 덜 엄격하지만, 그래도 사용하지 않는게 좋다고 설명합니다.

 

Internal stylesheet

 

But for sites with more than one page, an internal stylesheet becomes a less efficient way of working. To apply uniform CSS styling to multiple pages using internal stylesheets, you must have an internal stylesheet in every web page that will use the styling. The efficiency penalty carries over to site maintenance too. With CSS in internal stylesheets, there is the risk that even one simple styling change may require edits to multiple web pages.

하지만 페이지가 두 개 이상인 사이트의 경우 내부 스타일시트는 작업의 효율성이 떨어집니다. 내부 스타일시트를 사용하여 여러 페이지에 균일한 CSS 스타일을 적용하려면 해당 스타일을 사용할 모든 웹 페이지에 내부 스타일시트가 있어야 합니다. 효율성 패널티는 사이트 유지 관리에도 적용됩니다. 내부 스타일시트의 CSS를 사용하면 한 번의 간단한 스타일 변경에도 여러 웹 페이지를 편집해야 할 위험이 있습니다.

 

웹에서 '페이지 두 개'는 EPUB에서 본문 xhtml 파일 두개와 같습니다.

xhtml 파일 하나만 넣어 만들 수 있는 전자책은 없을거예요.(뭐... 누군가는 그렇게 만들지도 모르지만요)

그럼 내부(Internal) 스타일시트 사용도 권하지 않습니다.

 

다시 말해,

전자책 만들 때는 무조건 외부(External) 스타일시트를 사용하고,

꼭 필요하면 내부(Internal) 스타일시트를 쓰고,

정말 예외적인 경우에 한하여 인라인(Inline) 스타일 시트를 쓰세요.

정말 예외적인 경우가 무엇인지 모르겠다, 그럼 인라인 스타일은 안쓰면 됩니다.

 

반응형

댓글을 달아 주세요

posted by 내.맘.대.로 2022. 10. 20. 08:51

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

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

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

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

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

 

일러두기는 글자를 아래로 배치해야 하는데,

이게 많이 까다롭습니다.

 

height : 100%;는 먹히지 않습니다.

뷰어의 높이를 height는 감지할 수 없기 때문이지요.

그래서 뷰오 높이를 기준으로 height를 잡을 수 있는 vh를 사용합니다.

 

하지만 vh는 디스플레이의 크기이기 때문에

뷰어의 설정에 따라 100vh가 다음페이지로 넘어갈 수 있습니다.

그래서 대략 80vh를 사용했어요.

 

그런데 이보다 간단한 코드가 있습니다.

 

.box_note {

  position : fixed;

  bottom : 5em;

  margin : 1em;

}

 

이렇게 상자를 만든 후 텍스트를 넣으면 화면 하단에 배치됩니다.

 

이 코드도 완벽하지는 않습니다.

몇가지 문제가 있어요.

그래도 지금까지 찾은 코드 중 가장 간단한 스타일 코드입니다.

반응형

댓글을 달아 주세요

posted by 내.맘.대.로 2022. 10. 12. 11:51

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

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

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

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

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

이 오류는 작성일 기준이며, 향후 유통사의 업데이트로 오류가 개선될 수 있습니다.

오류 개선은 업데이트 하지 않습니다.

전자책 제작에 영향을 주는 정도에 따라 하, 중, 상, 심각으로 구분합니다.

 

교보문고 SCM에 전자책 등록을 할 때 아래와 같은 오류가 생길 수 있습니다.

교보문고 등록 시스템에 문제가 있어, 오류가 없어도 이런 오류가 생기고 등록을 할 수 없다고 나옵니다.

 

<p> 태그 사이에 있는 <br/> 태그는 문제가 없지만,

<h1> 같은 다른 블럭 태그에 <br/> 태그를 사용하면 이런 오류가 생기는 것 같습니다.

HTML 규칙 상 <br/> 태그는 블럭 태그에 사용할 수 있기 때문에

이 문제는 교보문고의 오류 체크 시스템의 오류입니다.

 

EPUBCheck에서 오류가 없다면 교보문고 등록 시스템 문제이니

교보 등록 시스템 업데이트 될 때까지 기다린 후 등록하시면 됩니다.

반응형

댓글을 달아 주세요

posted by 내.맘.대.로 2022. 10. 12. 09:13

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

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

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

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

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

이 오류는 작성일 기준이며, 향후 유통사의 업데이트로 오류가 개선될 수 있습니다.

오류 개선은 업데이트 하지 않습니다.

전자책 제작에 영향을 주는 정도에 따라 하, 중, 상, 심각으로 구분합니다.

 

안드로이드에서 테스트를 위해 전자책을 교보 ebook으로 불러 올 때

탐색기에서 EPUB을 선택하면 [교보ebook] 뷰어를 선택할 수 있습니다.

하지만 [교보ebook] 뷰어를 선택해도 책이 서재에 추가되지 않습니다.

 

책을 서재에 추가하려면

메인 화면> 메뉴> [내 파일 추가]를 눌러 추가할 책을 선택해야 합니다.

반응형

댓글을 달아 주세요

posted by 내.맘.대.로 2022. 10. 12. 09:05

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

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

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

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

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

이 글은 2022년 10월 12일 기준입니다.

이후 알라딘 뷰어 업데이트를 통해 아래 문제가 개선될 가능성이 있습니다.

개선 사항에 대해서는 업데이트 하지 않으니, 오류 여부는 직접 확인하시기 바랍니다.

 

알라딘 뷰어에서 들여쓰기가 적용되지 않습니다.

복잡한 스타일이 아닌, 아래 처럼 내어쓰기를 할 때 누구나 사용하는 스타일입니다.

 

text-indent : -2em;

padding-left : 2em;

 

 

 

다른 뷰어에서는 이렇게 보입니다.

반응형

댓글을 달아 주세요

posted by 내.맘.대.로 2022. 9. 1. 11:16

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

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

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

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

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

Borkify_0.2-plugin.zip
0.02MB

 

질문에 답변을 하다 보면 가장 많이 반복하는 얘기 중 하나가

질문을 하려면 정확한 정보를 내놔라 였습니다.

질문이 이런 식이에요.

'폰트가 적용되지 않아요. 어떻게 해야 하나요?'

이걸로 끝.

뭐, 저 정도만 있어도 3~4가지 원인으로 해결 방법을 정리해 줄 수 있지만,

질문이 저리 성의 없으면 답변을 해 주고 싶은 마음도 안들어요.

이런 질문도 많아요.

'오류가 나요. 어떻게 해야돼요?'

누가 답변좀 해보실래요? 어떻게 해야 하는지?

 

무슨 오류가 어떻게 생기는지에 대한 설명 없이,

그냥 오류가 난다고 하면 답변을 하고 싶어도 답을 할 수 없습니다.

그런데, 이렇게 질문을 하는 이유가 있을거예요.

수업을 하면서 물어보면, 자신도 뭘 어떻게 해야 할지 모른다는거예요.

질문도 알아야 하는거잖아요.

아무 것도 모르니 질문 조차 제대로 하지 못하는 것이지요.

이럴 때는 아주 간단한 방법이 있습니다.

EPUB을 첨부해 올리면 돼요.

그럼 저렇게 한줄만 써도 잘 아는 사람들이 원인 파악해서 수정까지 해 줄 거예요.

그럼 내 EPUB을 통으로 올리라고?

네. 그렇게 하면 됩니다.

하지만 문제가 있지요. 내 책을 아무런 보호장치 없이 올리라니...

이럴 때 이 플러그인을 써보세요.

이 플러그인으로 파일을 저장하면

본문이 이렇게 됩니다.

이 플러그인은 Borkify라는 플러그인을 한글에서 작동하도록 수정한 것이에요.

https://www.mobileread.com/forums/showthread.php?t=263156

 

이게 영어만 지원해서, 영어 단어를 한글로 바꿨습니다.

저걸 쓴다고 지금 편집하고 있는 책이 저렇게 엉망이 되지는 않아요.

편집하고 있는 책은 그대로 두고, 저렇게 엉망으로 만들어 따로 저장만 해 줍니다.

이제 EPUB 편집하다 문제가 생겨서 질문을 하려면, EPUB 파일을 올리세요.

그러면 누군가가 정확한 해결 방법을 찾아서 알려줄 거예요.

CSS나 HTML 저작권은 어쩌냐고요?

그럼 질문을 하지 않으면 됩니다.

책 한권 만드는데 필요한 CSS와 HTML에 저작권을 주장하는 것 부터가

'나 실력 형편 없어. HTML과 CSS가 뭔지도 몰라.'

라는 인증이지요.

반응형

댓글을 달아 주세요