posted by 내.맘.대.로 2013. 10. 18. 16:44

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

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

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

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

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

1.1.1 HTML 문서의 기본 구조


ePUB의 본문은 XHTML로 이루어져 있다. HTML이란 HyperText Markup Language의 약자로 주로 웹 문서를 만들때 사용되었다. 초기의 웹에서는 이미자와 텍스트로 이루어진 간단한 문서가 대부분이어서 HTML로도 충분했지만, 웹이 발전하면서 이미지와 텍스트 뿐 아니라 동영상, 소리, 다양한 프로그래밍까지 처리가 가능해 지면서 HTML로는 편집자가 원하는 것을 모두 표현하기 어렵게 됐다. 그래서  XHTML이라는 형태로 발전하게 됐다. 하지만 EPUB을 제작하는데 HTML의 역사나 XHTML과의 차이는 중요하지 않다. 이런 내용에 관심을 갖고 공부를 하면 더 좋긴 하겠지만 HTML과 XHTML을 구분하지 못한다고 EPUB을 제작하는데 아무런 문제가 되지 않는다.

EPUB 파일을 편집기로 열면 최소한 한개 이상의 XHTML파일을 볼 수 있다. XHTML과 HTML에는 약간의 차이가 있으나 EPUB 문서를 만드는 수준에서는 XHTML과 HTML을 구분할 필요가 없기 때문에 이 책에서는 XHTML과 HTML을 구분하지 않고 많은 사람들에게 익숙한 HTML로 통일해서 사용하려고 한다.(단, XHTML과 구분이 필요한 경우에는 XHTML로 표현할 것이다.)


<ePUB을 위한 HTML의 기본 구조>


그림1. HTML의 기본 구조


EPUB은 HTML의 기본 구조를 그대로 따르고 있다. IDPF의 EPUB 표준 문서(OPS 2.0.1 참조)에서는 ①처럼 EPUB 문서가 XHTML을 따르고 있음을 반드시 표시하도록 하고 있다. 이 부분에 대한 설명은 전문적인 내용을 포함하고 있고, 내용을 모르더라도 ①을 그대로 넣으면 되기 때문에 자세한 설명은 생략하도록 하겠다. 


을 넣지 않더라도 대부분의 EPUB뷰어에서는 아무 문제가 없지만 반드시 넣기를 권장한다. 자세한 내용을 알고 싶다면 IDPF의 OPS 문서 Section1.4.1을 참고하기 바란다.


로 묶여있는 <html>...</html>은 문서의 시작과 끝을 나타낸다. 이 부분에 책과 관련된 내용이 모두 들어가게 된다. 


은 책을 보는 사용자에게는 보이지 않지만, 뷰어와 문서 본문에 필요한 내용이 담기는 부분이다. 책 제목, 메타데이터, 스타일시트 같은 내용이 여기에 들어간다.


에서 <title>...</title>은 이 문서의 제목이 들어간다. 뷰어에서 챕터의 제목이 표시되는 영역이 있다면 주로 이 부분에 있는 정보를 가져오게 된다. <link... / >로 묶인 부분은 이 책의 편집 스타일을 모아놓은 외부 스타일을 불러오는 부분이다. <title>...</title>과 <link ... / >는 EPUB의 HTML에서 기본적으로 들어간다. 그 외에도 메타데이터, 내부 스타일, 스크립트 등이 <head>...</head>에 들어간다.


에서 비로소 독자가 볼 수 있는 책의 본문이 들어가게 된다. 그리고 앞으로 정리하게 될 HTML의 기본 문법도 이 영역에 들어가는 태그를 주로 설명할 것이다.  <body>...</body>에는 텍스트를 그대로 입력해도 뷰어에 표시되지만 <p>...</p>나 <div>...</div>같은 태그로 텍스트를 묶고, 태그 단위로 편집을 적용하게 된다. 글자 모양, 크기 색을 변경하고, 이미지를 넣는 등 '전자책 편집'은 모두 이 영역에서 이루어진다.


은 본문의 각 문단이나 구성요소를 표현하는 단위이다. <p>...</p>는 단락을, <h1>...</h1>은 제목을, <img...>는 이미지를 표현하기 위한 태그이며 이런 태그들이 모여 하나의 장이 이루어진다. 


다음 장에서는 EPUB을 편집하기 위해 주로 사용되는 태그를 소개하고 태그의 기본적인 사용법을 설명하겠다.

반응형