내맘대로의 EPUB 제작 가이드

박스글은 내용에 따라 이미지로 넣기도 하고, 박스 스타일을 만들어 텍스트로 넣기도 합니다.

가변 화면에서 어떻게 보일 것인지가 이미지와 텍스트의 선택 기준이 됩니다.

아래 같은 내용이면 이미지로 넣을 때가 많습니다.

이런 편집을 이미지로 넣는 이유가 있습니다.

종이책은 판형이 고정되어 있기 때문에 페이지 크기에 맞춰 선 길이를 잡으면 끝이에요.

그런데 전자책은 폭이 일정하지 않습니다.

종이책 길이에 딱 맞게 밑줄을 그어 놓으면 화면이 작을 때 행갈이가 되거나 화면을 벗어나게 되고

화면이 크면 오른쪽 여백이 생깁니다.

하지만 이미지로 넣어도 문제는 있습니다.

화면이 작으면 글자 크기도 함께 작아진다는 것이지요.

이 책을 만들면서 편집자(종이책)가 요청을 햇습니다.

다음 페이지에 나오는 박스 글과 글자 크기가 다르게 보이는데 맞출 수 없냐고요.

다음 페이지에는 이런 내용이 나옵니다.

이 내용은 텍스트가 들어가 있기 때문에 밑줄이 있는 곳도 행갈이를 할 수 있습니다.

줄글이기 때문에 오른쪽이 비어도 어색하지 않지요.

내용도 캡처한 다음 페이지까지 계속 이어집니다.

그래서 이 부분은 이미지가 아닌 텍스트로 넣었습니다.

종이책 편집을 하면 별 것 아닌듯 보이지만, 화면 폭이 가변이라는 점 때문에 밑줄 하나를 긋더라도 전자책에서는 여러 가지를 생각해야 합니다.

줄만 그리는 거면 쉽습니다.

그런데 화면 폭이 클 때 이렇게 보입니다.

더 쉽게 그리는 방법도 있어요. 그낭 _______ 이렇게 특수문자를 사용할 수 있습니다.

하지만 이렇게 특수문자를 사용하면 화면 폭이 좁을 때 행갈이가 됩니다.

이런 문제를 해결하는 간단한 방법이 있습니다.

박스의 크기를 제한하는 것이지요.

이렇게 일정 크기를 넘어서면 박스 크기를 고정시킵니다.

화면이 작을 때는 행갈이가 되지 않도록 화면 크기에 100%를 맞워 주고요.

전자책 독자들의 불만 중 하나가

종이책에 비해 편집이 엉망이라는 내용이 있습니다.

전자책은 종이책 보다 더욱 다양한 편집을 할 수 있는데도 종이책 처럼 예쁘게 만들지 못한다는 오해를 받고 있어요.

이런 사소한 디테일만 잘 챙겨도 전자책에 대한 인식이 바뀔 거예요.

이런 분들은 전자책 제작 강의 듣기 전에 컴퓨터 기초부터 배우세요.

컴퓨터 기초도 모르면 전자책 제작 할 수 없습니다.

최소한, 저는 전자책 제작 방법을 가르칠 수 없습니다.

컴퓨터 기초도 모르면서 전자책 제작을 배우려는 분들은

전자책 제작이 쉽다고 가르치는 분들께 배우세요. 저는 그정도 실력이 안되거든요.

어려운 것을 요구하지 않아요. 진짜 이정도도 못하는 사람이 있어 싶은 수준이지요.

그런데 수업을 하면 3명 중 한 명은 이런 사람들이지요.

1. 인터넷 사용법을 알아야 한다.

1.1. 인터넷에서 파일 다운 받는 법을 알아야 한다.

1.2. '브라우저'가 뭔지, '주소창'이 뭔지 알아야 한다.

1.3. 인터넷에서 다운 받은 파일이 어디 저장되는지 알아야 한다.

       - 조금 더 고급 기술 : 다운로드 받는 파일의 경로를 지정할 수 있어야 한다.

2. 파일 압축/해제

2.1. 압축 파일의 압축을 해제할 수 있어야 한다.

3. 파일 관리

3.1. 탐색기에서 원하는 폴더로 이동할 수 있어야 한다.

3.2. 탐색기에서 자신이 만든 폴더/파일이 어디에 있는지 알아야 한다.

3.3. 파일을 복사/이동 할 수 있어야 한다.

3.4. 실행 파일과 실행되지 않는 파일을 구분해야 한다.

3.5. CTRL+C/CTRL+V가 뭔지 알아야 한다.

4. 키보드 타이핑을 칠 수 있어야 한다.

4.1. 브라우저 주소 창에 '제대로' 주소를 입력할 수 있어야 한다.

4.2. 대소문자 구분이 뭔지 알아야 한다.

4.3. HTML코드, CSS 코드를 편집기에 입력할 수 있어야 한다.

4.4. 입력 중 생길 수 있는 오탈자는 스스로 찾을 수 있어야 한다.

============

아래는 수업 시간에 정말 흔하게,

수업을 할 때 마다 한번 이상은 꼭 나오는 실제 상황을 대화 형태로 정리해 본 것입니다.

============

강사. 주소는 교재에 있어요. 그대로 주소창에 입력하면 됩니다.

수강생. 어디에 입력해요?

강사. 브라우저 주소창이요.

수강생. 주소창이 어디있는데요?

강사. 주소는 대소문자를 구분해서 넣으세요.

수강생. 안들어가져요.

강사. 주소 제대로 쳤나요?

수강생. 네. 제대로 쳤어요.

강사. 대소문자 구분 했어요? 빨간 글자는 대문자예요.

수강생. 제대로 쳤는데 안돼요.

강사. 그럼 지우고 다시 쳐보세요.

수강생. 지우고 다시 쳐도 안돼요.

강사. (자리에가서 URL 입력) 잘 되네요.

(주소 길이 : bit.ly/12345)

강사. 파일 다운로드 하세요. 다운로드 한 파일을 Sigil에 추가하세요.

수강생. 다운받은 파일이 어디있나요?

​

강사. 이 파일을 ...에 있는 폴더에 복사하세요.

수가생. 파일 어떻게 복사해요?

​

강사. 파일 저장하세요.

강사. Sigil 종료하고, 다시 실행시킨 다음 저장한 파일 불러오세요.

수강생. 저장한 파일 어디 있어요?

​

강사. 편집 메뉴에서 설정 누르세요.

수강생. 설정이 어디있어요?

강사. 편집 메뉴에 있어요.

수강생. 편집이 뭐예요?

​

강사. 압축파일에 있는 *** 파일을 여세요.

수강생. 파일이 안열려요.

강사. 압축울 푸세요.

수강생. 압축 풀었는데요.

강사. 탐색기에서 압축 파일 목록 보여주는거 말고, 압축 파일을 푸세요.

수강생. ...

​

수강생. 시키는 대로 똑같이 했는데 스타일 적용이 안돼요.

강사. 똑같이 안해서 그래요.

수강생. 정말 똑같이 했어요.

강사. 오타 있나 보세요.

수강생. 오타 없어요.

강사. 정말 시키는 대로 했는데 안되면 오타가 있을거예요.

수강생. 오타 없다니까요.

강사. 시키는 대로 했고, 오타가 없으면 적용 될거예요.

수강생. 진짜 안돼요.

강사. (수강생 화면 보고) 여기 오타 있네요.

​

강사. A 하고, B 한 다음, C를 하세요.

강사. 다시 한번 설명합니다. A 하고, B 한 다음, C를 하세요.

강사. 천천히 다시 한번. A 하고, B 한 다음, C를 하세요.

강사. A 하고, B 한 다음, C 하셨어요?

수강생. 뭐 하라고요?

 

<h4 class="title_section"><span class="title_L">❍</span> <span class="title_sBody">부딪쳐보지 않으면 결코 알 수 없다</span> <span class="title_R">❍</span></h4>

 

 

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

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

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

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

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

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

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

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

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

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

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

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