posted by 내.맘.대.로 2023. 12. 14. 10:15

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

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

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

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

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

알라딘 뷰어(PC)에서 차례가 표시되지 않는 이슈가 있습니다.

뷰어의 기능 제한이기 때문에 오류는 아닙니다. PC 뷰어만 확인을 했고, 모바일 뷰어는 확인하지 않았습니다.

하지만 차례가 보이지 않기 때문에 제작상의 문제로 생각할 수 있습니다.

알라딘 뷰어에서 차례가 표시되지 않는 것은 제작 문제가 아니라 뷰어에서 표시하지 않는 것이니 제작/검수 할 때 참고하시기 바랍니다.

 

전자책 편집시 생성한 차례는 아래와 같습니다.

총 4단계로 제목이 구분되어 있고, 각 단계 별로 상위 제목에 포함되어 있습니다.

 

알라딘 뷰어에서는 3단계 까지만 차례가 표시되고 4단계 이후는 나타나지 않습니다.

또한 2단계 까지만 들여쓰기로 단계를 구분하고 3단계는 2단계와 같은 선에 배치됩니다.

 

교보ebook은 제목을 모두 표시하지만 제목 단계 구분을 3단계 까지만 합니다.

4단계 부터는 3단계와 동일한 선에 표시합니다.

아마도 단계 구분을 위해 들여쓰기를 계속 하면 오른쪽 끝에서 제목이 잘리는 문제 때문에 이렇게 지정한 것 같네요. 

 

리디 뷰어는 4단계 까지 제목이 표시됩니다.

이 책이 4단계 까지만 있어 5단계 이후는 알 수 없습니다.

 

 

반응형
posted by 내.맘.대.로 2023. 10. 26. 14:47

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

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

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

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

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

배경이미지를 깔고 텍스트를 넣으니 글씨가 잘 보이지 않습니다.

그래서 배경색을 넣었더니 이번엔 배경이미지가 보이지 않아요.

그래서 배경색을 투명하게 넣고싶습니다.

이럴 때 쓰는 속성이 opacity입니다.

opacity를 넣으면 배경색 뒤로 배경이미지가 보여 좋긴 한데, 글자도 흐릿해지네요.

글자를 선명하게 넣고 싶은데 방법이 없는걸까요?

이럴 때 쓸 수 있는 속성이 rgba입니다.

rgba는 배경색을 투명하게 하면서 글자는 선명하게 유지할 수 있어요.

rgba와 opacity의 차이가 느껴지나요?

 

둘의 차이를 확실히 비교해 볼 수 있도록 opacity와 rgba를 반반씩 붙여봤어요.

왼쪽이 opacity, 오른쪽이 rgba입니다.

rgba의 글자가 확실히 선명하지요?

반응형
posted by 내.맘.대.로 2023. 10. 26. 14:35

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

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

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

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

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

책을 만들다 보면 여러개의 EPUB을 하나로 합쳐야 할 때가 있습니다.

3권 시리즈물인데 통합하여 한권으로 만드는 경우가 있지요.

이럴 때 이미 만들어 놓은 책을 하나로 합치는 방법이 있습니다.

 

EPUB파일의 압축을 푼 후 파일을 합하고 다시 압축할 수 있습니다.

이 방법을 사용하려면 EPUB의 구조를 잘 알아야 하고, OPF 파일을 제대로 이해하고 있어야 하지요.

자세한 방법은 여기 : https://www.epubguide.net/180

 

[TIP] 두개의 EPUB을 하나로 묶는 방법

‪#‎전자책‬ ‪#‎CSS‬ ‪#‎sigil‬‪#‎전자책_편집을_위한_HTML_CSS‬ 해시태그로 간단한 HTML CSS 강의를 시작합니다. 전자책 편집을 하는 분들에게 자주 받은 질문을 정리하려고 해요. 아주 쉬

www.epubguide.net

 

캘리버를 이용하면 이런 복잡한 과정 없이 보다 간단히 EPUB을 합칠 수 있습니다.

캘리버 EpubMerge라는 플러그인이 있어요.

이 플러그인을 설치하고

 

합칠 파일을 선택한 후

플러그인을 실행합니다.

책의 순서를 정하고

기본 메타 정보를 입력한 후 실행하면 끝.

작업이 끝날 때 까지 잠깐 기다리세요.

책에 따라 2분~3분, 길면 10분 정도 걸릴 수 있어요.

 

유통사에 등록하려면 몇가지 보정이 필요합니다. Sigil에서 병합한 파일을 불러온 후 수정을 하면 유통사에 등록이 가능해요.

반응형
posted by 내.맘.대.로 2023. 8. 25. 15:14

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

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

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

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

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

selfCSSforSigil_v0.2.1.zip
15.40MB
selfCSSforSigilen_v0.2.1.zip
15.40MB

 

Sigil 2.0 버전을 위한 selfCSS for Sigil 플러그인입니다.

 

- 0.2.1 변경 사항

-- plugin_utils.py 최신 버전으로 업데이트

-- Dark mode 코드 추가

     * DiapDealer의 도움을 받아 수정하였습니다.

-- 영문 버전(selfCSSforSigilen) 추가

 

 

selfCSS(www.selfcss.org)는 WYSIWYG 기반 CSS 편집기입니다.

이를 Sigil 플러그인으로 만들었고,

전자책 편집에 맞게 편집 항목, 메뉴 등을 수정하였습니다.

 

플러그인 추가 후 실행시키면 간단한 사용법이 표시됩니다.

[편집 항목]에서 원하는 항목을 선택한 후 CSS 속성을 편집할 수 있습니다.

 

편집 항목을 선택하면 항목 별로 예제가 표시됩니다.

 

왼쪽에 있는 CSS 속성을 선택해 스타일을 편집하면 예제 텍스트에 실시간으로 반영됩니다.

 

제목, 본문, 첨자, 글상자, 이미지 5개 항목을 편집할 수 있습니다. 

 

반응형
posted by 내.맘.대.로 2023. 8. 21. 14:00

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

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

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

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

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

selfCSSforSigil_v0.2.0.zip
15.66MB

Sigil 2.0 버전을 위한 selfCSS for Sigil 플러그인입니다.

 

selfCSS(www.selfcss.org)는 WYSIWYG 기반 CSS 편집기입니다.

이를 Sigil 플러그인으로 만들었고,

전자책 편집에 맞게 편집 항목, 메뉴 등을 수정하였습니다.

 

플러그인 추가 후 실행시키면 간단한 사용법이 표시됩니다.

[편집 항목]에서 원하는 항목을 선택한 후 CSS 속성을 편집할 수 있습니다.

 

편집 항목을 선택하면 항목 별로 예제가 표시됩니다.

 

왼쪽에 있는 CSS 속성을 선택해 스타일을 편집하면 예제 텍스트에 실시간으로 반영됩니다.

 

제목, 본문, 첨자, 글상자, 이미지 5개 항목을 편집할 수 있습니다. 

 

반응형
posted by 내.맘.대.로 2023. 8. 18. 10:17

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

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

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

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

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

리디북스 뷰어는 margin을 무시합니다.

정확히는 margin-top, margin-bottom을 무시합니다.

'문제'가 아니라 '이슈'라고 적은 것은, 리디북스의 정책일 수 있기 때문입니다.

리디북스 제작가이드를 보면 이런 문구가 있는데, 

하단에 뷰어로 보면 스타일이 적용된다고 되어 있지만,

일부 스타일은 뷰어에서도 무시를 합니다.

 

리디 뷰어에서 이렇게 보이더라도,

스트레스 받지 말고 뷰어 특성이구나 생각하시면 됩니다.

왼쪽이 리디뷰어, 오른쪽은 Readium 뷰어입니다.

Readium 뿐 아니고 교보문고, 알라딘 예스24 모두 오른쪽처럼 

제목과 본문 사이 여백이 표시됩니다.

리디 뷰어에서만 margin을 무시하고 있습니다.

제작을 의뢰한 쪽에서 리디 뷰어로 검수를 하면 margin이 보이지 않으니 수정해 달라고 합니다.

EPUB 문제가 아니고 리디 뷰어의 정책으로 보이기 때문에 이건 수정을 할 수 없습니다.

제작을 잘못한 게 아니기 때문에 스트레스 받지 마시고,

리디 뷰어에서는 리디 정책으로 인해 margin이 적용되지 않는다고 하세요.

 

제목만 그런 것이 아닙니다.

margin-top, margin-bottom 두 속성은 모든 곳에서 무시를 합니다.

왼쪽이 리디 뷰어(PC) 오른쪽은 Readium을 포함한 교보, 예스, 알라딘 뷰어의  margin이에요.

이렇게 제목, 이미지 등 margin-top, margin-bottom을 어디에 적용하든 무시합니다.

 

물론 해결은 할 수 있습니다.

첫번째 이미지의 책에 margin이 적용되도록 했습니다. 

리디 뷰어에서도 margin을 적용할 수 있긴 합니다.

이미지도 margin이 적용되도록 수정을 했지요.

출판사에서 요구를 했기 때문에 이렇게 스타일을 잡았습니다.

하지만 유통사의 정책을 무시하고 이렇게 스타일이 적용되도록 하는 건 그리 좋은 방법이 아닙니다.

유통사도 스타일을 무시하는 이유가 있을거예요.

그러니 리디 뷰어에서 margin이 적용되지 않는다고 스트레스 받지 마시고

타 유통사 뷰어와 Readium, Calibre, iBooks 같은 뷰어에서 제대로 적용되면 

리디 뷰어 특성이구나 생각하고 넘어가세요.

반응형