교보문고가 제공하는 EPUB 제작가이드

교보문고 지음

교보문고 2015년 05월 12일 출간

작품소개

책소개

시대가 급변하면서 정보통신기술(ICT)과 다양한 스마트미디어(smart-media)의 변화들은 우리 문화속에 상당한 영향력을 행사하고 있으며 산업계 전반에도 변화를 부추기고 있다.
출판시장에 있어서도 이러한 현상들이 적용되기 시작하고 있다. 오프라인 중심에서 온라인 중심으로, 유형물의 종이책 중심에서 무형물의 전자책 중심으로 변화되는 흐름을 거스를 수 없게 되었다. 그러나, 아직까지도 국내 전체 출판시장에서 전자책이 차지하는 비중은 약 2.5%(2014년 기준) 정도에 불과하며, 성장속도도 매우 느린 편이다.

스마트폰의 대중화로 인해서 PC 보다는 모바일 기반의 서비스들이 활성화되기 시작하면서, 전자책(eBook) 서비스를 위한 파일 포멧도 이미지(image) 형태의 PDF 포멧 보다는 가독성이 높은 텍스트(text) 형태의 ePub 포멧을 많이 사용하고 있는 상황이다.

EPUB 파일 포멧은 IDPF(International Digital Publishing Forum)에서 전자출판물의 표준화된 규격을 공개하면서 전세계적으로 많이 사용되고 있는 상황이다. 그러나, 파일 제작시에 제작사나 솔루션사업자들의 이해(해석)에 따라서 표준의 형태는 충족시키지만 각기 다른 구조의 결과물들이 산출되고 있는 실정이다. 따라서, 서비스 사업자들은 제 각각으로 제작된 컨텐츠들을 모두 수용할 수 있도록 뷰어를 개발/운영/관리 하여야 되기 때문에 매우 힘든 구조를 가지고 있다. 즉, 뷰어에서 예외적인 ePub 파일구조를 수용하는 형태로 진행이 되다 보니 사용자들에게 만족스러운 서비스를 제공하지 못하고 있다.

본 EPUB 제작가이드는 전자출판 시장을 활성화 하는데 도움이 되기 위해 무료로 배포하는 문서이기 때문에 누구든지 이용이 가능하지만 상업적인 용도로 사용하는 것은 금지하고자 한다. 본 EPUB 제작가이드의 주요 목적은 다음과 같다.

○ 파일 제작시 유의해야 될 규격에 대한 설명
○ 컨텐츠의 표현성과 품질(quality)을 높이기 위함
○ 어떠한 뷰어에서도 동일한 모습으로 보여주기 위한 환경 마련
○ 파일 제작시 유용하게 활용할 수 있는 주요 예제와 TIP 제공 등

위와 같은 취지로 2014년 하반기부터 교보문고 주도하에 유관 업체들(출판사, 제작사, 솔루션사업자 등)과 함께 정기적인 협의(토론)을 거치며 [시즌1]을 마감하였으며, 그 결과물로 본 EPUB 제작가이드를 배포하게 되었다. 2015년 2분기부터는 Fixed Layout, 접근성(accessibility), EDUPUB 등의 요소들을 포함해서 [시즌2]를 준비하고 있으며, 향후 본 가이드에 지속적으로 업데이트를 해 나갈 예정이다.

목차

1. EPUB 소개
1.1. EPUB이란?
1.1.1 개방형 출판 형식(Open Publication Structure) 2.0
1.2. EPUB2의 차이점
1.3. EPUB 파일의 구조

2. EPUB 제작시 유의사항
2.1. EPUB 및 첨부(Embedded) 파일 사양 기준
2.1.1. 최소 사양 기준
2.1.2. EPUB 파일의 크기
2.1.3. HTML 파일 크기
2.1.4. HTML 개수
2.1.5. 파일명
2.1.6. 인코딩, 언어설정 및 네임스페이스
2.1.7. 표지 이미지 품질과 파일 크기
2.1.8. 본문 이미지 품질과 파일 용량
2.1.9. 폰트 파일의 종류와 파일 용량
2.1.10. 오디오 파일 종류, 품질과 파일 용량
2.1.11. 비디오 파일 종류, 품질과 파일 용량
2.2. HTML과 CSS 사용시 유의사항
2.2.1. 간결한 코드 사용
2.2.2. 기본 태그 활용
2.2.3. 용도에 맞는 태그 사용
2.2.4. 스타일 적용의 기본
2.2.5. 권장 표지 스타일
2.2.6. 제목
2.2.7. 본문
2.2.8. 이미지

3. EPUB 편집을 위한 HTML 기초
3.1. <h1> ~ <H6> 제목(heading) 태그
3.2. <p>...</p> 본문(paragraph)용 태그
3.3. <span> 기능이 없는 태그
3.4. <img src="url" alt="설명" /> 이미지 삽입 태그
3.5. <div> 그룹, 글상자, 레이어 태그
3.6. <br /> 줄바꿈, <hr /> 주제 전환 태그
3.7. <ul> <ol> <li> 목록 태그
3.8. <table> <tr> <td> 테이블(표) 태그
3.9. <ruby> <rt>주석 태그
3.10. <aside> 주석 태그
3.11. <a> 링크 태그
3.12. 꾸밈, 혹은 강조를 위한 태그들

4. EPUB 편집을 위한 CSS의 기초
4.1. 스타일을 적용하는 세가지 방법
4.1.1. 인라인 스타일
4.1.2. 내부 스타일
4.1.3. 외부 스타일
4.2. 전자책 편집에 많이 사용되는 CSS 속성
4.2.1. 글자 모양과 관련된 속성
4.2.1.1. @font-family
4.2.1.2. font-family
4.2.1.3. font-size
4.2.1.4. text-align
4.2.1.5. color
4.2.1.6. text-indent
4.2.1.7. text-decoration
4.2.2. 이미지와 관련된 스타일
4.2.2.1. float
4.2.2.2. vertical-align
4.2.2.3. width 가로 길이 / height 세로 길이
4.2.3. 글상자, 테두리와 관련된 스타일
4.2.3.1. border
4.2.3.2. border-radius
4.2.3.3. box-shadow
4.2.4. 여백을 설정하는 스타일
4.2.4.1. margin
4.2.4.2. padding
4.2.5. 백그라운드 스타일
4.2.6 속성의 상속
4.2.6.1 CSS의 상속이란?
4.2.6.2 공통 스타일 적용
4.2.6.3 부모, 자손, 자녀, 형제 관계
4.2.6.4 자손 상속(Descendant Selector)
4.2.6.5 자녀 상속(Child Selector)
4.2.6.6 형제 상속

5. EPUB3 콘텐츠 제작
5.1 OPF : EPUB3에서 변경된 사항
5.1.1 package
5.1.2 metadata
5.1.3 manifest
5.2 Navigation(목차)
5.3 오디오 태그
5.3.1 <audio></audio> 태그 설명
5.3.2 오디오 태그 속성
5.3.3 스크립트를 이용한 오디오 컨트롤
5.4 비디오 태그
5.4.1 비디오 태그 설명
5.4.2 비디오 태그 속성
5.5 <aside> 태그
5.5.1 <aside> 태그 설명
5.6 Script
5.6.1 script 설명
5.7 ruby 태그
5.7.1 ruby 태그 설명
5.8 페이지 넘김 방향
5.9 SVG 지원
5.10 Fixed Layout 지원

6. 바로 쓸 수 있는 EPUB 편집 TIP
6.1 표지 스타일
6.2 제목 스타일
6.2.1 장번호 강조, 밑줄
6.2.2 소제목 밑줄, 글자색
6.2.3 장번호 강조, 오른쪽 정렬
6.2.5 제목 줄바꿈, 다른 스타일 적용

작가정보

저자(글) 교보문고