19

Cómo crear un ePub a mano

¿Necesitas crear un EPUB?
Pásame el encargo y te ayudaré ajustado a tu presupuesto.

Kier­mel nos dice: «Ya hay un soft­ware con el que pue­des crear un EPUB de forma visual WYSIWYG. Se llama Sigil y tiene licen­cia de Fuente Abierta GPLv3: http://code.google.com/p/sigil/». Podéis leer un mini­tu­to­rial ilus­trado sobre cómo usar Sigil aquí.

Lo que sigue son ins­truc­cio­nes téc­ni­cas sobre el for­mato EPUB. La mayor parte de la infor­ma­ción pro­cede de aquí y de aquí.

Los docu­men­tos EPUB no son más que HTML, CSS, meta­da­tos e imá­ge­nes empa­que­ta­dos en un zip. Si uno abre el archivo con un ges­tor de archi­va­do­res puede extraer los con­te­ni­dos sin más (si no lle­van DRM). Sin embargo, los docu­men­tos que gene­ran algu­nos con­ver­so­res auto­má­ti­cos no vali­dan con epub­check y están lle­nos de mar­cas de estilo inú­ti­les. En oca­sio­nes nos puede intere­sar saber cómo mani­pu­lar direc­ta­mente un archivo EPUB sin uti­li­zar asistentes.

1. Requi­si­tos

  • Cono­cer HTML.
  • Cono­cer CSS.

2. Herra­mien­tas

  • Un edi­tor de tex­tos sen­ci­llo, mejor si resalta las pala­bras clave de CSSHTML.
  • Usua­rios de Win­dows: un com­pre­sor avan­zado de archi­vos zip.
  • Una plan­ti­lla. Cual­quier EPUB sin DRM que sepa­mos que fun­ciona puede servir.
  • Opcio­nal: GIMP, Pho­tos­hop, etc. para edi­tar imágenes.
  • Opcio­nal: epub­check (requiere Java). Tam­bién se pue­den vali­dar los EPUBs en línea aquí.
  • Un libro elec­tró­nico o soft­ware para com­pro­bar el resultado.

3. Pre­pa­ra­ción

Para acce­der a los con­te­ni­dos de un docu­mento en for­mato EPUB que vaya­mos a edi­tar o a usar como plan­ti­lla para crear uno nuevo sólo tene­mos que descomprimirlo.

La car­peta de tra­bajo debe­ría contener:

  • mimetype: es un archivo de texto sin exten­sión que debe con­te­ner «application/epub+zip», sin comillas.
  • META-INF: car­peta.
  • OEBPS: car­peta.

 

Den­tro de META-INF:

  • container.xml: es el archivo que indica dónde está el con­te­nido en sí. Es la línea en la que pone «full-path=“OEBPS/content.opf”». Nor­mal­mente no nece­si­ta­re­mos cambiarlo.

 

Den­tro de OEBPS:

  • content.opf: con­tiene los meta­da­tos, el mani­fiesto (la decla­ra­ción de lo que con­tiene) de nues­tro docu­mento y el orden de pre­sen­ta­ción. Si no vamos a cam­biar nada en la plan­ti­lla no ten­dre­mos que hacer mucho aparte de edi­tar los datos y el número de capítulos.

    La línea «dc:identifier» es el iden­ti­fi­ca­dor único. Detrás de “urn:uuid:” pode­mos poner el ISBN o cual­quier otro número que nos convenga.

    En «dc:language» figura el indi­ca­dor de idioma. Para el espa­ñol es «es». Para el espa­ñol de España es «es-es», para el de Argen­tina «es-ar», etc.

    En la sec­ción «mani­fest» se lis­tan los archi­vos que for­man parte del libro en sí:
    <item id="imgl" href="images/cover.jpg" media-type="image/jpeg"/>
    <item id="chapter01" href="Section0001.xhtml" media-type="application/xhtml+xml">
    ...

    El orden no importa. Cada capí­tulo debe­ría ir en un archivo sepa­rado, por ejem­plo “Section0001.xhtml” “Section0002.xhtml”, etc., y los tene­mos que lis­tar aquí, junto con cual­quier otra sec­ción que que­ra­mos añadir.

    El atri­buto «id» que de cada archivo se usa para orde­nar los con­te­ni­dos en la sec­ción «spine»:
    <spine toc="ncx">
      <itemref idref="cover"/>
      <itemref idref="titlepage"/>
    ...

    En el tag que abre la sec­ción se indica el id de la tabla de con­te­ni­dos (TOC).

  • toc.ncx: este es el índice. El enco­ding debe­ría ser «utf-8». En el meta­dato «dtb:uid» se indica la id que había­mos ele­gido. «dtb:depth» indica el número de nive­les del índice. En teo­ría «dtb:totalPageCount» y «dtb:maxPageNumber» son reque­ri­dos pero no hace falta poner­les un valor para que valide el EPUB.

    A con­ti­nua­ción viene la estruc­tura del índice. En los tags «nav­point» se indi­can los mis­mos id que apa­re­cen en content.opf para cada archivo. Los valo­res para «pla­yor­der» tie­nen que estar en orden y sin sal­tos de numeración.

  • stylesheet.css: La hoja de esti­los. En un libro ordi­na­rio no serán nece­sa­rio ser muy espe­cí­fi­cos con los for­ma­tos. Es mejor que los con­trole la apli­ca­ción del usuario.
  • cover.xhtml, titlepage.xhtml, copyright.xhtml, Section0001.xhtml, legal.xhtml…: Esto son las sec­cio­nes del libro en for­mato XHTML. Se pue­den crear tan­tas como se desee para poder acce­der a cada sec­ción desde el índice.
  • ima­ges: car­peta. Con­tiene las imá­ge­nes que acom­pa­ñan al texto, incluida la cubierta. Pro­ba­ble­mente los lec­to­res de ebooks espe­ren que el archivo se llame “cover.jpg” o “cover.png”. No hay nor­mas sobre el tamaño ade­cuado. Cuanto mayor sea la ima­gen mejor cali­dad ten­drá en lec­to­res de cierto tamaño, pero tam­bién aumen­tará de forma des­pro­por­cio­nada el tamaño del archivo.

4. Empa­que­tado

Para empa­que­tar de nuevo el libro, el archivo «mimetype» tiene que ir pri­mero y sin com­pre­sión. En Linux o en Mac sólo tene­mos que ir a la car­peta de tra­bajo en una ter­mi­nal y escribir:

zip -v0X miebook mimetype
zip -vr miebook * -x miebook.zip mimetype
mv miebook.zip miebook.epub

Por último, debe­ría­mos vali­dar el archivo. Si hemos bajado epub­check, vamos a la ter­mi­nal y escribimos:

java -jar epubcheck.jar "miebook.epub"

El pro­grama nos indi­cará si ha encon­trado algún error y qué tipo de error es.




Carlos dice:

Muchas gra­cias, ahora lo estoy probando

Uf, lo veo com­pli­ca­dí­simo. ¿Crees que en poco tiempo habrá apli­ca­cio­nes para los dise­ña­do­res o escri­to­res, más fáciles?O siem­pre depen­de­re­mos de un pro­gra­ma­dor.… En ese caso, ¿cómo me inicio en html?

Fran Ontanaya dice:

Ya hay apli­ca­cio­nes en línea que con­vier­ten cual­quier docu­mento en ePub. El motivo de crearlo a mano es para tener más con­trol sobre el resul­tado. Pero no te preo­cu­pes que pronto cual­quier pro­ce­sa­dor de tex­tos podrá guar­dar y car­gar docu­men­tos direc­ta­mente en este formato.

Kiermel dice:

Ya hay un soft­ware con el que pue­des crear un ePub de forma visual WYSIWYG. Se llama Sigil y licen­cia de Fuente Abierta GPLv3:
http://code.google.com/p/sigil/

Seht dice:

Hola! El link que nos pro­por­cio­na­bas para la plan­ti­lla de un ePub esta roto. ¿Podrías revisarlo?

!Muchas Gra­cias!

alberony dice:

Una pre­gunta. acabo de adqui­rir un Ipad. Cuando hago una des­car­gar de un libro gra­tis, ya sea en epud o Pdf, lo paso al Ipad bien, pero estos libros des­car­gado me sale el con­te­nido, todo bien hasta aqui, ahora yo estoy bus­cando una forma de hacer mas atra­tivo la biblio­teca, pues estos libros des­car­gado solo me sale como por­tada el nom­bre del libro y del autor, yo quiero poner como por­tada de ese libro la por­tada ori­gina o cual­quier otra ima­gen de por­tada. ¿ hay una forma de cam­biar esa por­tada ama­ri­lla de los libros descargado?

si saben algo al res­pecto. escri­birme al correo alberonymartinez@yahoo.com

se lo agradecere.

Adri dice:

Para poner la ima­gen ori­gi­nal de la por­tada del libro, es muy sen­ci­llo (puede que ya lo sepas, por­que ha pasado un poco de tiempo), pero para ello solo tie­nes que des­car­gar­tela, y en el libro que la quie­ras colo­car pues le das a botón dere­cho, y obte­ner infor­ma­ción, una vez en el cua­dro que te salga, te vas a la ultima pes­taña, que la de ilus­tra­ción, y solo agre­gas la ima­gen del libro correspondiente.

espero que te sirva o que le sirva a alguien.

1 saludo

p.d.: lo comento ya que dices qeu es un ipad (que fun­ciona igual que iphone o ipod touch)

JADE dice:

Cómo se con­si­gue jerar­qui­zar el índice de toc.ncx para que salga, por ejem­plo, sec­cion 3 con un “+” a izqd. que puede des­ple­garse y ense­ñar­nos los 22 capí­tu­los que con­tiene (hablo desde la vista del epub en Digi­tal Editions).

Gra­cias.

Fran Ontanaya dice:

No he uti­li­zado nunca Digi­tal Edi­tions. Quizá alguno de los visi­tan­tes te pueda responder.

nelson dice:

Uti­licé el Digi­tal edi­tion y la ver­dad se con­firma que lo mejor es poder com­pro­bar todo en un dis­po­si­tivo final…
En mi caso para corro­bo­rar uti­lizo el CALIBRE y el DE de adobe y veo resul­ta­dos dis­tin­tos… ya sea enla­ces que no fun­cio­nan en DE y si en Cali­bre hasta cam­bios tipográficos.

No por eso DE es un mal lec­tor… me parece copado poder ver varias “ver­da­des” acerca de un mismo producto…

Ernesto dice:

Para jerar­qui­zar el índice pue­des hacer una anida­ción de los nav­Point, trans­cribo una mues­tra de una hipo­té­tica sec­ción uno con tres capí­tu­los, espero te sirva.

<img src=“http://www.franontanaya.com/wp-content/uploads/2010/05/jerarquizar.jpg”&gt;

Miguel Rivera dice:

Bue­nas tardes:

Con un apoyo, me podrias decir si existe la manera de entre­la­zar dos archi­vos ebook, por ejemplo:

Estoy leyendo un ebook y requiero hacer un link a otro ebook que se encuen­tra en la misma IPAD, y al ter­mi­nar de rea­li­zarse el link regrese al ebook de donde fue lla­mado el segundo.

Cual seria la sin­ta­xis para hacer este enlace.

De ante­mano mil gra­cias por tu apoyo.

Fran Ontanaya dice:

Es una cues­tión deli­cada, por­que cada erea­der puede alma­ce­nar los libros en rutas dife­ren­tes. Podrías edi­tar ambos archi­vos y usar “file://” seguido de la ruta a donde se encuen­tra cada uno para enla­zar­los de forma recíproca.

Una solu­ción más en plan hacker, si no se tie­nen los dere­chos del otro libro y no lleva DRM, sería darle al usua­rio un script que agre­gue ambos archi­vos en un solo EPUB. De ese modo se podrían usar enla­ces internos.

Fran Ontanaya dice:

Otra opción es hacer una refe­ren­cia en la cabe­cera del EPUB:
http://idpf.org/epub/30/spec/epub30-publications.html#sec-link-elem

Sin embargo, el erea­der tiene que sopor­tar un método para nave­gar esas refe­ren­cias e iden­ti­fi­car el ebook al que apuntan.

Fran
No encon­tre refe­ren­cias del pro­grama Qua­lit­yE­pub en tu blog pero lo encon­tré en otro lugar y me resultó optimo en cuanto a la expor­ta­ción al for­mato epub y mobi.
Ya hice un par y salie­ron bien. Inclu­sive en NCX del Kindle quedó bien armado.. pero no hay que tocar codigo. Se pre­para bien el word .doc y luego se exporta a html fil­trado y luego en la apli­ca­cion se trans­forma con un botón y listo :)
Tie­nes algun comen­ta­rio al res­pecto de esta apli­ca­ción? O alguien ya lo probó… No quiero encon­trarme con pro­ble­mas o bugs futuros…

GRACIAS

Hola Soy Andrea y estuve pro­bando el Qua­lit­yE­Pub y es fácil ya que no hay que tocar código pero el sis­tema no crea el TOC o table o con­tents. Es para hacer un epub de mi empresa, la his­to­ria y evo­lu­ción. Saben como hago para crear eso sin saber de código? Hay algun pro­grama que no nece­site de edi­tar código ya que tengo idea de esto… Me nom­bra­ron el Cali­bre pero no lo probé. Y obvia­mente el Sigil no puedo por­que se nece­sita tocar un poco de código..
GRACIAS igual.


[…] hoy en día, y tam­bién existe soft­ware, como Stanza, que per­mite leerlo en Iphone. Siguiendo el tuto­rial de Fran Onta­naya he con­se­guido crear sen­dos epubs de la serie. Antes los tenía pre­pa­ra­dos en PDF de pequeño […]

[…] en día, y tam­bién existe soft­ware, como Stanza, que per­mite leerlo en Iphone. Siguiendo el tuto­rial de Fran Onta­naya he con­se­guido crear sen­dos epubs de la serie. Antes los tenía pre­pa­ra­dos en PDF de […]

[…] a mano si uno tiene unos míni­mos cono­ci­miento de HTML. De hecho, Fran Onta­naya explica en su blog (http://www.franontanaya.com/2009/07/09/como-crear-un-epub-a-mano/) como crear un ePub a mano par­tiendo desde cero, desde un fichero de texto donde tene­mos nuestro […]

Deja un comentario

Tu dirección de correo electrónico no será publicada.


*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Notificarme los nuevos comentarios por correo electrónico. También puedes suscribirte sin comentar.