Tip&Tech

Sigil로 EPUB 3 고정 레이아웃(Fixed-layout) 만드는 방법

내.맘.대.로 2016. 1. 29. 18:26

Sigil 최신버전(0.9.2 기준) 은 EPUB 3를 제한적으로 지원합니다. 하지만 EPUB 3 파일을 만들려면 수정해 줘야 하는 곳이 있습니다. 여러곳을 수정해야 하기 때문에 번거롭기는 하지만 Sigil의 강력한 편집기능을 이용할 수 있어 자주 사용하게 되네요. EPUB 3 편집기를 사용할 때보다 결과물이 깔끔하다는 장점도 있습니다.


여기서는 Sigil로 EPUB3 고정 레이아웃(Fixed-layout) 전자책을 만드는 방법을 설명하겠습니다.

여기에 설명한 부분만 고쳐준다면 EPUB 3 뷰어에서 문제 없이 열립니다 ^^




◆ Sigil로 EPUB 3고정 레이아웃(Fixed-layout) 을 만들 때 확인해야 하는 사항입니다.


* 이 내용 중 고정 레이아웃 항목을 제외하면 EPUB 3 파일 제작에 그대로 적용됩니다.


1. EPUB 3 파일로 만들어 줍니다.


<package version="3.0" unique-identifier="BookId" xmlns="http://www.idpf.org/2007/opf">



2. content.opf 파일에서 고정레이아웃을 선언해 줘야합니다. (고정 레이아웃)

   property="dcterms:modified", dc:title, dc:language 도 1개 이상 있어야 합니다. (EPUB 3)


  <metadata xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:opf="http://www.idpf.org/2007/opf">


    <dc:identifier id="BookId">urn:uuid:21d050a8-9c85-4d61-b84a-4161b721d5f6</dc:identifier>


    <meta content="0.9.2" name="Sigil version" />


    <meta property="rendition:layout">pre-paginated</meta>


    <meta property="rendition:spread">none</meta>


    <meta property="rendition:orientation">portrait</meta>


   <meta property="dcterms:modified">2016-01-29T12:00:00Z</meta>


    <dc:title>고정 레이아웃 샘플</dc:title>


    <dc:language>ko</dc:language>


  </metadata>



3. HTML 파일에서 고정 레이아웃 판형을 설정해 줍니다.(고정 레이아웃)


<head>


  <title></title>


  <link href="../Styles/style.css" rel="stylesheet" type="text/css"/>


  <meta name="viewport" content="width=720, height=1098"/>


</head>



4. CSS 혹은 인라인 스타일로 body 크기를 정해줍니다. (고정 레이아웃)

body{


position:absolute; /*옵션*/


margin:0;


padding:0;


width:720px;


height:1098px;


}



5. 메타데이터 입력할 때 content.opf 파일에서 opf:role 등 opf: 속성을 수정해야 합니다.(EPUB 3)


EPUB 2 : <dc:creator opf:role="aut">홍길동</dc:creator>


* opf: 속성을 id로 변경해 줍니다.


EPUB 3 : <dc:creator id="creator01">홍길동</dc:creator>


메타데이터 속성은 EPUB 3.0.1 EPUB Publication 문서 참조 http://www.idpf.org/epub/301/spec/epub-publications.html#sec-metadata-elem



6. opf 파일에 반드시 하나 이상의 nav 속성이 있어야 합니다. (EPUB 3)

<item href="Text/nav.xhtml" id="nav.xhtml" media-type="application/xhtml+xml" properties="nav"/>



7. HTML 파일에 반드시 하나 이상의 Navigation 파일이 있어야합니다.

  <nav epub:type="toc" id="toc">


<ol>

   <li><a href="Section0001.xhtml">설명1</a></li>




    <li><a href="Section0002.xhtml">설명2</a></li>


    <li><a href="Section0003.xhtml">설명3</a></li>


  </ol></nav>


네비게이션은 <nav>태그로 감싸여야 하고 <ol><li>태그로 목록을 만든 후 <a> 태그로 링크를 걸어야 합니다. http://www.idpf.org/epub/301/spec/epub-contentdocs.html#sec-xhtml-nav-content-conf


8. ncx 파일의 doctype을 삭제해 주세요. 

EPUB 3에서는 ncx 파일이 필요 없습니다. 하지만 Sigil에서는 NCX 파일이 필요하기 때문에 삭제할 수 없습니다. Sigil이 자동으로 선언한 doctype만 삭제하면 EPUB 2와 호환되는 파일을 만들 수 있습니다.(고정 레이아웃을 지원한다면요^^)


<!DOCTYPE ncx PUBLIC "-//NISO//DTD ncx 2005-1//EN"

 "http://www.daisy.org/z3986/2005/ncx-2005-1.dtd">


이 부분을 삭제해 주세요




9. 끝으로 &nbsp;&#160;로 바꿔줍니다. EPUB 3에서는 &nbsp;를 사용할 수 없습니다. 공백 문자는 &#160;으로 대체 가능합니다. 




반응형