본문 바로가기
따라해보는 중(작성중)

eBook/전자책(.epub)을 만들 수가 있다고..?

by 소서77 2023. 1. 26.

전자잉크 기기가 있는데, 전용기라 활용이 한계가 있다. 그런데 나만 쓸 ebook을 만들어서 넣고 보면 유용할 거 같다는 생각이 들었다. 다른 블로그나, 유튜브 보면서 따라 해볼까 한다..

 

어디까지나 요령 없는, 개인 소장용의 투박하고 단순한 ".epub" 파일을 만드는 게 목표다.

 

0. 프로그램 다운 및 설치

1. 표지 넣는 법

2. 텍스트, 그림 넣기

3. 책정보 입력하기.(중요. 안 하면 전자책의 제목이 없다.)

4. 차례/목차 설정.

-끝-


0. 필요한 프로그램 다운 및 설치

 

무료 제작 프로그램 sigil을 다운로드한다. 버전을 확인하고, PageEdit 도 같은 버전으로 다운 받는다.

둘 다 최신 버전 받았으면.. 같을 거야. 그럼 된 거지. 뭐. ㅡ,ㅡ; 

https://sigil-ebook.com/sigil/

 

What is Sigil?

Sigil was designed to make it easy to create great ebooks using the EPUB format. If you are formatting books for your own use, or you are a professional editor publishing books on multiple platforms, then Sigil is for you. You can use Sigil to format and p

sigil-ebook.com

https://sigil-ebook.com/pageedit/download/

 

Download PageEdit

Latest Windows x64 downloadLatest MacOS downloadLatest CHECKSUMS file

sigil-ebook.com

sigil을 설치하고, PageEdit도 설치한다. (2023-01-26)

 

 페이지에디트는 시길전용으로, 쉽게 내용 편집하라고 있는 프로그램이라고 한다. 

sigil을 켜고, f5를 눌러 "기본 설정" 창을 띄운다. 아래 그림을 보고 따라 설정하자.

좌측에 "일반 설정"에서 "선호하는 외부 XHTML 편집기 설정"을 PageEdit로.

 

- 0. 프로그램 다운 및 설치 끝 -


1. 표지부터 넣을 거다.

 

미리 표지로 쓸 이미지를 준비해 둬야겠지.

창 왼쪽. "이미지들" 폴더에 마우스 우클릭을 하여 "기존 파일 추가"를 누르고, 이미지 파일을 선택, 추가 하자.

 

"도구 - 표지 추가" 조금 전에 올려두었던 이미지 파일들 중 표지를 선택한다.

 

왼쪽 창에 text 폴더에 "cover" 페이지가 생겼다. 표지 완성된거다.

주의! > "이미지들" 폴더 내에 올려둔 이미지 이름은 영문을 써야 기기에서 구동될 때 오류가 덜 나나 보더라.

파일명이 한글 이름이면 영어로 변경하자.

 

표지는 완성 됐으니, 목차와 내용을 추가해 보기로 하자.

 

- 1. 표지 넣기 완료 -


2. 표지 다음 페이지에 본문 작성을 시작.

붙여 넣을 내용들.. 그림이나 텍스트들을 미리 준비하자. 

cover.xhtml 페이지 아래 있는 빈 페이지를 두 번 클릭한다.


2-1. 먼저, 텍스트 붙여 넣기.

외부 HTML 편집기 아이콘을 눌러 PageEdit를 실행.

미리 준비한 '책으로 만들 내용'을 복사해서 붙여 넣자.

 

서식이 없어야 편집도 편한 것 같네? 한글에서 해봐야 붙여 넣으면 원하는 대로 안 되고 간격도 다르고..; 이건 어떻게 해야 편하려나. 몇 번 해보고 이것저것 바꿔서 해봐야겠다. 뭐.. 직접 해봐야 이해가 빠르지.

들어간 거, 확인.. 스샷은 이번만. 작업 후엔 꼭 저장을 누르자.

페이지 에디트에서 붙여 넣었던 글이.. 확인된다. 이런 식으로 다른 내용들도 진득하게 반복하면 될 것 같다. 쌩초짜라 아는 것도, 요령도 없다.

- 2-1. 텍스트 넣기 반복 작업 귀찮아도 완료 가능/ 복붙할 때 서식 안따라 붙게 조심하자. 서식끼어 오면 손이 많이 간다. - 


2-2. 자, 이번엔 그림 넣기 해보자.

페이지 에디트를 여는 과정 설명이다.
페이지 에디트에서 그림파일 이모콘을 누른다.
올릴 이미지 선택. 나는 여기서.. 이미지 3개를 넣고자 했다. 당연히 저장은 필수.

이미지를 넣었지만, xhtml 창에서 수정해야 할 내용이 있다.

'<p>와 </p> '를 '<div>와 </div> '로 바꾼다. 아래 수식(?) 같은 글을 복사해서 활용하자. 색깔 들어간 부분만 잘 붙여 넣으면 된다. (글이든, 그림이든.. 양이 많은 경우는... 익숙해지면 요령껏(!)  ㅋ)

 

<div style="text-align:center">
<img alt="이미지명" src="이미지루트" style="width:98%"/>

</div>

 

<div>와 </div> 사이에 들어가는 이미지들(내용)은 한 몸처럼 움직인다. 여기서 나는 올린 이미지 3개를 각각 따로 놀게 설정했다.

기기의 중앙에 오도록 그림들을 센터로 지정했고, 이미지가 기기 안에 잘 들어가게 설정되도록 폭을 98%로 설정했다.

그림들마다 원하는 위치(좌,센터,우), 크기(폭의 %), 덧붙임 글들(PageEdie에서 사진의 전/후/좌/우 원하는 위치에 글을 쓰면 된다.)을 넣고 배치를 해볼 수도 있을 것이다.

 

- 2-2. 그림 넣을 수 있다. -


2-3.  페이지 나누기 

기기에서 볼 때 장이 나뉘는 거. 미리 보기에서도 확인이 가능하다.

개인 소장용이라도, 챕터가 끝나면 장을 나눠야 할 필요도 있을 터이니.. 쓸 일이 있을 수도 있겠다.

sigil 에서 누르는 거.


3. 책 정보, 책 제목 입력

책 정보를 입력하지 않으면, 기기에서 ebup 파일을 불러왔을 때 책 이름이 보이지 않는다.

Sigil에서 메타데이터 입력기 아이콘을 누른다.

1번에서 제목만 입력해도 되고, 1번의 메타데이터 추가 버튼을 눌러 속성을 추가해서 상세히 정보를 적어도 된다.

- 3. 메타데이터 입력을 제일 먼저 해도 된다. -


4. 목차 만들기

 

따로 목차를 작성하기보다는 본문 내용 입력할 때, 같이 설정할 수 있다.

내용 편집할 때 여는 페이지 에디트를 열고, h* 아이콘을 눌러보면, 텍스트 제목 수준을 설정할 수 있다. 

H1~H6 까지는 목차에 넣을 수 있다. 

페이지 에디트에서 제목 줄에, 커서를 제일 앞(왼쪽)에 가져다 놓고, h* 아이콘을 누르면 된다.

제목과 소제목의 크기를 , 아래 그림에서 어느 정도인지 보고.. 결정해 보자. 스타일을 설정한다고 하면, 글자크기도 조절이 가능하다. 그런데 나는 여기에 시간을 많이 쓸 생각이 없다.  H1~H3 정도까지만 사용할까 한다.

글자 크기 비교용 스샷
차례 만드는 아이콘을 눌러서 창을 띄운다. 목차용 제목에 v 체크를 하고 확인을 누르고 저장하자.

- 4. 책이 완성되면 "차례/목차"는 저절로. -

<끝>


이 정도만 알면, 노가다로 기기에 넣고 볼 개인 소장용 전자책이 만들어질 것 같다. 필사보다는 덜 피곤할 것 같은데.. 그래도 공들이면서 책을 보게 되진 않을까..?

Sigil 좌측 창에 이미지 말고도, 폰트/스타일/오디오/비디오/?  폴더가 따로 있는 걸 보니.. 다양하게 넣고 쓸 수 있겠다.

단어장을 만들어도 쓸만할 것 같기도 하다. 만드는 중간에 회의가 들겠지.. ㅋㅋ

우선 한 번 해보고.. 추가할 게 있는지 보자. ㅋㅋ 나 보려고 만든 내용인데, 조악해서 나중에 또 헤매는 거 아닌가.. 은근 걱정스럽네. 

 

** 추가로, 참고할 링크: 표 및 관련코드

https://blog.naver.com/neodig/222930958374