posted by 내.맘.대.로 2023. 3. 20. 11:02

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

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

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

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

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

'왕초보를 위한 클릭으로 EPUB 만들기'에서 설명한 이미지 넣기 영상입니다.

클릭 편집 탬플릿을 그대로 사용해, 마우스 클릭으로 왼쪽, 가운데, 오른쪽 정렬 이미지를 넣었습니다.

어때요. 이미지 넣기 참 쉽지요^^?

 

왕초보를 위한 클릭으로 EPUB 만들기 | 박웅영 | 내맘대로- 교보ebook

내맘대로의 EPUBGUIDE.NET인터넷에서 전자책(EPUB)을 검색하면 언제나 EPUBGUIDE.NET으로 연결된다. 초보자든 숙련자든 전자책 편집자라면 방문 할 수 밖에 없는 내맘대로의 EPUBGUIDE.NET EPUB 전문 편집자도

ebook-product.kyobobook.co.kr

 

반응형
posted by 내.맘.대.로 2023. 3. 17. 08:55

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

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

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

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

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

https://github.com/Sigil-Ebook/Sigil/releases

 

Releases · Sigil-Ebook/Sigil

Sigil is a multi-platform EPUB ebook editor. Contribute to Sigil-Ebook/Sigil development by creating an account on GitHub.

github.com

 

오랜만에 Sigil이 업데이트를 했습니다.

체크포인트 설명 기능이 추가되었고, 임시폴더 위치 변경. 이 두 가지가 편집에 도움이 될 만한 변화입니다.

변경된 내용은 다음과 같습니다.

 

1. 체크포인트 설명 편집 기능 / 로그 보기 기 추가

- 체크포인트에 설명을 추가할 수 있는 편집기능이 추가되었습니다.

- 이전 체크포인트와 현재 체크포인트의 변경 사항을 간략히 볼 수 있는 로그 보기 기능이 추가되었습니다.

 

2. 맞춤법 검사기가 1.7.2로, zlib를 1.2.13으로 업데이트 됐습니다.

- 전자책 편집에 직접적인 영향을 주는 기능이 아닙니다. 시스템 적으로 보안이 강화되고 몇몇 버그가 수정됐습니다.

 

3. 임시 작업 폴더(tmp) 위치가 Sigil 기본 설정 폴더로 바뀌었습니다.

- Sigil 강제 종료시 복구 할 때 편해졌습니다.

- Sigil 기본 설정 폴더에 [workspace]가 추가되고, 이 안에 현재 작업 중인 EPUB의 임시 폴더가 만들어집니다.

 

4. 미리보기 창 인쇄 기능 추가

- 미리보기 창 하단에 인쇄 버튼이 추가되었습니다.

- 인쇄 버튼을 이용해 미리보기 창을 인쇄할 수 있습니다.

 

반응형
posted by 내.맘.대.로 2023. 2. 14. 09:18

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

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

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

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

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

Sigil은 특별한 기능을 갖고 있는 클래스/태그/속성이 몇개 있습니다.

Sigil에서만 쓰는 이런 코드를 잘 활용하면 전자책을 편하게 만들 수 있습니다.

 

1.  표지 추가 기능에 사용하는 속성

표지는 이미지를 선택해 추가합니다.

이미지는 폭과 높이가 제각각이기 때문에 이미지의 폭과 높이를 지정하고 싶을 때 이 속성을 사용할 수 있습니다.

 

width="SGC_IMAGE_WIDTH"   - 이미지의 폭을 자동으로 계산하여 픽셀 값으로 추가합니다.
height="SGC_IMAGE_HEIGHT" - 이미지의 높이를 자동으로 계산하여 픽셀 값으로 추가합니다.
href="SGC_IMAGE_FILENAME" - 이미지의 파일 경로를 자동으로 추가합니다.

 

예를 들어, 표지 스타일을 자신만의 코드로 만들고 싶을 때

 

<div class="cover">

<img class="cover_img" src="SGC_IMAGE_FILENAME" alt="SGC_IMAGE_FILENAME"/>

</div>

 

<style>

.cover_img {

   width : SGC_IMAGE_WIDTHpx

   height : SGC_IMAGE_HEIGHTpx

}

</style>

 

이렇게 사용할 수 있지요.

 

2. class="sigil_not_in_toc"

제목 태그를 사용하면 차례 만들기 기능으로 자동으로 TOC(Table of Contents)를 추가합니다.

그런데 제목 태그를 써도 제목에 넣고 싶지 않을 때가 있습니다.

예를 들어, 부(h1), 장(h2), 절(h3), 소단락(h4)으로 되어 있는 책에 절과 소단락을 TOC에서 빼고 싶다.

<h3 class="sigil_not_in_toc">

<h4 class="sigil_not_in_toc">

제목에 이렇게 클래스를 추가하면 h3, h4 태그가 차례 만들기에 포함되지 않습니다.

 

3. 장 나누기 표시 : <hr class="sigil_split_marker" />

부, 장, 절 등에서 새로 단락이 시작하는 책이 있습니다.

EPUB으로 책을 편집할 때 책의 구분에 따라 파일을 나누게 되는데

주석 같은 작업은 통으로 작업하고 마지막에 파일을 나누는게 편하지요.

이럴 때 파일을 나눠야 하는 위치에 장나누기 표시를 하면 

[장 나누기 표시 분할] 기능을 이용해 한번에 장을 나눌 수 있습니다.

 

4. title="..." 

이건 Sigil의 속성은 아니지만 Sigil에서는 특별한 방법으로 사용할 수 있습니다.

 

1장 좋은 질문을 던지지 못하는 이유 우리는 왜 뻔한 질문을 주고받을까?

 

장 제목이 이렇게 되어 있을 때 본문에서는

글자색, 글자 모양, 줄바꿈 등으로 제목을 편집할 수 있지만

TOC에서는 이대로 들어갑니다.

 

본문 제목은 그대로 두고 TOC에서만 제목을 이렇게 수정하고 싶다면?

 

1장 - 좋은 질문을 던지지 못하는 이유 | 우리는 왜 뻔한 질문을 주고받을까?

 

이럴 때 title을 사용합니다.

 

<h1 title="1장 - 좋은 질문을 던지지 못하는 이유 | 우리는 왜 뻔한 질문을 주고받을까?">

1장 좋은 질문을 던지지 못하는 이유 우리는 왜 뻔한 질문을 주고받을까?

</h1>

이렇게 하면 본문에서 제목이 어떤 구조로 되어 있든, 차례 편집기는 title의 정보를 가져옵니다.

 

5. 차례를 위한 ID : id="sigil_toc_id_*"

나는 추가한 적이 없는데 전자책 편집을 끝내면 이런 ID가 들어갈 때가 있습니다.

이 ID는 차례를 만들 때 자동으로 추가된 ID입니다.

같은 파일 안에서 같은 레벨의 제목이 여러개 있을 때,

<h4>소제목1</h4>

<h4>소제목2</h4>

<h4>소제목3</h4>

 

차례를 만들면

<h4 id="sigil_toc_id_1">소제목1</h4>

<h4 id="sigil_toc_id_2">소제목2</h4>

<h4 id="sigil_toc_id_3">소제목3</h4>

이렇게 ID가 추가됩니다.

반응형
posted by 내.맘.대.로 2022. 9. 7. 12:51

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

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

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

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

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

600쪽 넘는(글자크기 9pt ㅡ.ㅡ;) 책에서 이 부분 찾느라 한참 고생을 했어요.

쓰레기 코드 다 지우고, 장 나누고, 이것 저것 별짓을 다 해 봐도 Sigil이 강제종료가 돼서,

한문단씩(600쪽 짜리 책 ㅜ.ㅜ) 정리를 하다 보니, 이런 내용을 만나게 되었습니다.

 

<p>황청고봉용미등처군민선위사사선위표기장군좌도독정일품가삼급현고전공구봉부군지묘</p>

 

이유는 모르겠지만, 이 내용이 들어가면 무조건 강제종료가 됩니다.

평생 한번 만날까 싶은 오류여서 Sigil 포럼에 수정해 달라고 올리기도 뭣하네요.

혹시 Sigil이 무조건(편집 하다가도 아니고, 그냥 원고 넣는 즉시) 강제종료 된다면 

이런 내용이 있는지 찾아보세요.

저 한 단락만 넣어도 강제로 죽어요.

반응형
posted by 내.맘.대.로 2022. 9. 6. 11:00

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

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

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

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

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

Sigil 미리보기에 사용자 정의 CSS 보기 기능이 있습니다.(1.9.20)

이 기능을 이용하면 기본 스타일에 미리보기에서만 적용되는 스타일을 추가할 수 있습니다.

이런 기능이 왜 필요하냐고요?

당연히 다크모드 때문이지요.

다크모드가 왜 필요하냐... 하시는 분들은 그냥 패스.

많이 만들어 본 분들은 알거예요.

아주 드물긴 하지만,

독자들이 '글자가 안보여요' 라는 불만을 얘기하는거.

(요즘 들어 너무 '아는 사람만 보세요' 스타일로 가고 있는데,

뭐 어쩌겠어요. 모르면 공부하시면 됩니다 ^^)

Sigil의 새 기능. 미리보기 스타일에(custom_preview_style_alt.css을 권해드려요)

아래 코드만 추가하고

html, body {

background-color: #000000;

color: initial;

filter: invert(1);

}

미리보기를 해 보세요.

기본 스타일이 이렇게 보인다면

새로 추가한 다크모드 미리보기에서는 이렇게 보입니다.

물론, 유통사 뷰어 별로 다크모드(이름도 전부 다름) 설정 방식이 다르기 때문에

이렇게 똑같이 나오지는 않습니다.

그래도 최소한 검정 배경일 때 어떤 느낌인지 정도는 확인할 수 있어요.

이 기능이 있었다면 이런 문제는 미리 확인해 볼 수 있으니

이렇게 만들지는 않겠지요(제가 만들었지만 고쳐야겠네요 ㅜ.ㅜ)

반응형
posted by 내.맘.대.로 2022. 9. 6. 10:28

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

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

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

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

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

Sigil 1.9.20 버전에 탬플릿 기능이 추가되었습니다.

아주 매력적인 기능이에요.

물론 탬플릿 플러그인이 훨씬 강력합니다.

하지만 간단한 책은 이 탬플릿 만으로도 충분합니다.

 

이 글에서는 '클릭 EPUB'에 활용할 수 있는 탬플릿 사용법을 설명드리겠습니다.

 

1. 클릭 EPUB이란?

 

왕초보를 위한 클릭으로 EPUB 만들기

인터넷에서 전자책(EPUB)을 검색하면 언제나 EPUBGUIDE.NET으로 연결된다. 초보자든 숙련자든 전자책 편집자라면 방문 할 수 밖에 없는 내맘대로의 EPUBGUIDE.NET EPUB 전문 편집자도 궁금한 게 있으면 제

digital.kyobobook.co.kr

Sigil의 클립을 이용해 HTML과 CSS를 모르는 초보자라도 전자책을 쉽게 편집할 수 있게 도와주는

탬플릿 기반 전자책 편집 방법입니다.

아래는 간략한 설명이고, 스타일시트 추가, 스타일시트 연결 등의 자세한 내용은 책에 나와있어요^^

 

2. 클릭 EPUB을 위한 CSS 탬플릿 준비

-  클릭 EPUB의 CSS 파일을 준비하세요.

- 파일명 [Style.css]를 [user-template2.css]로 수정합니다.

- [user-template2.css] 파일을 Sigil 설정 폴더에 복사하세요.

 

3. 클릭 EPUB을 위한 XHTML 탬플릿 준비

- Sigil에서 빈 xhtml 파일을 하나 만들어요.

- Styles 폴더에서 빈 스타일을 하나 추가합니다.

   * 2번을 제대로 했다면 클릭 EPUB CSS 탬플릿이 추가될 거예요.

- xhtml 파일에 스타일시트를 연결합니다.

- 스타일시트가 연결되면 이런 코드가 추가됩니다.

- 이제 다른 이름으로 xhtml 파일을 저장하세요.

   파일명은 [user-template2.xhtml] 입니다.

- xhtml 파일을 Sigil 설정 폴더에 복사하세요.

 

* EPUB3 탬플릿이라면 user-template3.xhtml / user-template3.css 입니다.

 

4. Sigil을 실행/또는 [파일>새로>EPUB2]를 눌러 빈 EPUB을 만들어요.

5. 스타일시트에서 빈 스타일을 추가합니다.

 

이제 빈 스타일시트를 추가하면 클릭EPUB 스타일시트 탬플릿이 들어오고,

클릭 EPUB 클릭을 누르기만 하면 스타일이 편집됩니다.

참 쉽지요~

 

반응형