Está en la página 1de 44

Crea una publicacin electrnica en formato EPUB 2.0.

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Qu es un EPUB

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Qu es un EPUB: estndares
EPUB es un formato abierto de libro digital desarrollado por el IDPF. Est basado en 3 estndares:

Open Publication Structure (OPS), o formato de publicacin abierto, describe el estandar para representar el contenido de la publicacin Open Packaging Format (OPF), o formato de empaquetado abierto, define el mecanismo de empaquetado de los componentes de una publicacin OPS, dotndola de estructura y semntica. Open eBook Publication Structure Container Format (OCF), define una estructura de continente abierta.

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Qu es un EPUB: tecnologa
EPUB es una especificacin abierta para libros digitales basada en tecnologas XML, CSS Y XHTML. Adicionalmente, reutiliza otros estndares, como DAISY (Digital Accesible Information System).

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Qu es un EPUB: ventajas
Est basado en estndares web (XHTML) Al ser un formato estndar garantiza que pueda ser ledo en mltiples plataformas Se adapta con facilidad al tamao de la pantalla de cada dispositivo Utiliza un estndar abierto y sus especificaciones son pblicas No necesitamos software propietario para crear un EPUB Est desarrollado colaborativamente por una comunidad (IDPF) que integra editores, libreros, expertos en accesibilidad, etc. Fue adoptado temprano por la industria (en el ao 2007)

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Qu es un EPUB: inconvenientes
Aunque el EPUB se puede leer en prcticamente todos los dispositivos, la calidad del libro depender de dnde se lea. La versin 2.0.1 no permite algunas caractersticas importantes como interactividad, vdeo, audio, anotaciones, etc.

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Anatoma de un EPUB

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Anatoma de un EPUB

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Anatoma de un EPUB: el archivo mimetype

El mimetype ha de tener este nombre obligatoriamente, y ha de estar guardado en la raz de la carpeta

Es un archivo de texto plano ASCII que contiene la lnea:


application/epub+zip

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Anatoma de un EPUB: la carpeta META-INF

La carpeta META-INF contiene obligatoriamente el archivo container.xml, el cual apunta a la ubicacin del archivo content.opf. Esta carpeta es la misma para todos los ebooks, por lo que podemos reciclarla sin hacer cambios:
<?xml version="1.0"?> <container version="1.0" xmlns="urn:oasis:names:tc:opendocument:xmlns:container"> <rootfiles> <rootfile full-path="OEBPS/content.opf" media-type="application/oebps-package+xml" /> </rootfiles> </container>
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Anatoma de un EPUB: la carpeta OEBPS


Es la carpeta donde se almacenan los archivos que contienen el contenido del libro.

Crea una publicacin electrnica en formato EPUB Contenidosenred mayo 2011 | www.contenidosenred.com

Cmo se crea un EPUB

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Cmo se crea un EPUB: herramientas necesarias


Editor de textos recomendado Gedit http://projects.gnome.org/gedit/ Epubpack http://epubpack.sourceforge.net Epubcheck http://code.google.com/p/epubcheck 7-zip http://www.7-zip.org/ Adicionalmente, para convertir formatos y editar se recomienda utilizar los siguientes programas: Calibre http://calibre-ebook.com/ Sigil http://code.google.com/p/sigil

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Cmo se crea un EPUB: pasos a seguir

1. Creacin de los archivos del EPUB 2. Conversin a .epub (empaquetado) 3. Validacin del cdigo

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

1. Creacin de archivos EPUB

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: archivos html

Cdigo portada.xhtml <?xml version='1.0' encoding='utf-8'?> <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Ttulo de la obra</title> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> </head>

Funcin

Encabezado

Ttulo de la obra Enlace a las hojas de estilo

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: archivos html

Cdigo portada.xhtml <body> <h1>Aqu introducimos el ttulo de la obra</h1> <p>Autor</p> <div><img src="images/cover.jpg" alt="Ttulo de la obra"/></div> </body> </html>

Funcin

Texto visible

Imagen de portada.

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: archivos html

Cdigo capitulo1.xhtml <?xml version='1.0' encoding='utf-8'?> <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> </head>

Funcin

Encabezado

Enlace a la hoja de estilos

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: archivos html

Cdigo capitulo1.xhtml <body> <h1 id="capitulo1">Captulo 1</h1> <p>Primer prrafo del captulo 1</p> <p>Segundo prrafo</p> <p>Tercer prrafo</p> </body> </html>

Funcin

Atencin a la organizacin del contenido con <h1> y<p>

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: archivos html

Cdigo indice.xhtml <?xml version='1.0' encoding='utf-8'?> <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> </head>

Funcin

Cabecera

Enlace a la hoja de estilos

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: archivos html

Cdigo indice.xhtml <body> <h1 id="indice">ndice</h1> <h2 id="capitulo1"><a href="capitulo1.xhtml">Captulo 1</a></h2> <h2 id="capitulo2"><a href="capitulo2.xhtml">Captulo 2</a></h2> </body> </html>

Funcin Atencin a la organizacin de los contenidos a travs de <h1>, <h2> Atencin a cmo se introduce el enlace a cada captulo. Es importante enrutar bien los enlaces.

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: la hoja de estilos

Cdigo stylesheet.css body { font-family: sans-serif; } h1,h2,h3,h4 { font-family: serif; color: black; }

Funcin Estilos que se aplican a los archivos html del EPUB

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: el content.opf

Este archivo contiene 4 partes:

Metadata (ttulo, identificador, autor, editor, idioma, descripcinetc.) Manifest (todos los archivos del documento) Spine (el orden de lectura) Guide (provee de informacin semntica al sistema de lectura)

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: el content.opf

Cdigo content.opf <?xml version='1.0' encoding='utf-8'?> <package xmlns="http://www.idpf.org/2007/opf" xmlns:dc="http://purl.org/dc/elements/1.1/" unique-identifier="bookid" version="2.0">

Funcin Este espacio es para las cabeceras xml y xmlns que definen la nomenclatura del documento. Unique-indentifier es el ID atribute del dc:indentifier.

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: el content.opf

Cdigo content.opf <metadata> <dc:title>Ttulo de la obra</dc:title> <dc:creator>Autor</dc:creator> <dc:rights>Informacin sobre la obra</dc:rights> <dc:identifier id="bookid">urn:uuid:2b7a8459-f2f5-41139174-ce00585d008d</dc:identifier> <dc:language>es-ES</dc:language> </metadata>

Funcin Cabecera de los los metadatos, que son establecidos por la Dublin Core. La Dublin Core establece una gran variedad de metadatos, de los cuales los nicos obligatorios en un ePUB son el 'title' y el 'identifier'. El dc:identifier suele ser el ISBN, una URI o un UUID (Universally Unic Identifier).

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: el content.opf

Cdigo content.opf <manifest> <item id="ncx" href="toc.ncx" media-type="application/xdtbncx+xml"/> <item id=portada" href=portada.xhtml" mediatype="application/xhtml+xml"/> <item id="indice" href="indice.xhtml" mediatype="application/xhtml+xml"/> <item id="capitulo_n" href="capitulo_n.xhtml" mediatype="application/xhtml+xml"/> <item id="cover.jpg" href="images/cover.jpg" mediatype="image/jpeg"/> <item id="css" href="stylesheet.css" media-type="text/css"/> </manifest>

Funcin El manifiesto es un listado de todos los archivos de contenido del ePUB: -Toc.ncx -Archivos html -Archivos de imagen -css NO SE REFERENCIAN NI EL MIMETYPE, NI EL CONTAINER.XML. Cada archivo del manifest tiene un valor (media-type).

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: el content.opf

Cdigo content.opf <spine toc="ncx"> <itemref idref="portada.xhtml"/> <itemref idref="capitulo1.xhtml"/> <itemref idref="capitulo2.xhtml"/> </spine>

Funcin Spine indica el orden de las pginas del libro. Cada elemento itemref tiene un atributo 'idref', que debe encajar con uno de los IDs en el manifiesto.

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: el content.opf

Cdigo content.opf <guide> <reference type="cover" title="Cover Page" href="portada.xhtml"/> </guide> </package>

Funcin Guide provee de informacin semntica al sistema de lectura del EPUB. Esta parte no es obligatoria.

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: toc.ncx

Este archivo basado en XML proporciona a los lectores del ebook informacin detallada de navegacin. No confundir con el elemento <spine> en el archivo OPF. Mientras que el elemento <spine> determina el orden de lectura del libro electrnico, el archivo NCX sirve como mapa de navegacin que generalmente aparece como un men en el lector de libros electrnicos, lo que le permite ir directamente a cualquiera de las secciones principales en el ebook.

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: toc.ncx

Cdigo toc.ncx <?xml version='1.0' encoding='utf-8'?> <!DOCTYPE ncx PUBLIC "-//NISO//DTD ncx 2005-1//EN" "http://www.daisy.org/z3986/2005/ncx-2005-1.dtd"> <ncx xmlns="http://www.daisy.org/z3986/2005/ncx/" version="2005-1>

Funcin Este espacio es para las cabeceras que definen la nomenclatura del documento. El toc.ncx sigue el estndar DAISY (consorcio que desarrolla formatos de mens de navegacin para ciertos lectores).

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: toc.ncx

Cdigo toc.ncx <head> <meta name="dtb:uid" content="urn:uuid:0cc33cbd-94e2-49c1-909a-72ae16bc2658"/> <meta name="dtb:depth" content="1"/> <meta name="dtb:totalPageCount" content="0"/> <meta name="dtb:maxPageNumber" content="0"/> </head>

Funcin El uid es el unique ID que tiene que coincidir con el dc:identifier del archivo OPF. Depth refleja el nivel de jerarqua en la tabla de contenidos. El totalPageCount y maxPageNumber se refieren a libros en papel y puede dejarse en valor 0

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: toc.ncx

Cdigo toc.ncx
<docTitle> <text>Ttulo del libro</text> </docTitle>

Funcin Aqu se especifica el ttulo del libro, que coincide con el valor dc:title del archivo opf

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: toc.ncx

Cdigo toc.ncx
<NavMap> <navPoint id="portada" playOrder="1"> <navLabel> <text>Portada</text> </navLabel> <content src="portada.xhtml"/> </navPoint> <navPoint id="indice" playOrder="2"> <navLabel> <text>ndice</text> </navLabel> <content src="indice.xhtml"/> </navPoint> </navMap> </ncx>

Funcin

<navmap> es la parte ms importante de este documento, define la tabla de contenidos del libro y puede contener 1 ms elementos <navpoint> que consta de las siguientes etiquetas: <playOrder>: orden de lectura del documento. Sigue el mismo orden que la lista <itemref> del <spine> del archivo OPF. <navLabel><text>: nombre del captulo al que nos referimos. Describe el ttulo de la seccin del libro, que puede ser el n mero del captulo o el nombre del captulo. <content src>: es el enlace al documento. Un navPoint puede tener otros navPoints anidados.

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Creacin de archivos EPUB: toc.ncx

Cada punto de navegacin <navPoint> es un captulo o subcaptulo, En el caso de querer referenciar a diferentes subcaptulos de un mismo captulo, se pondran navpoints seguidos con elemento # referenciando a la parte del contenido correspondiente. Ejemplo:
<navPoint id="capitulo1#subcapitulo1.1" playOrder="3"> <navLabel> <text>Captulo1.1</text> </navLabel> <content src="capitulo1#subcapitulo1.1xhtml"/> </navPoint>

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

2. Conversin a .epub (empaquetado)

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Conversin a EPUB (empaquetado)


Una vez creados todos los archivos del EPUB, se proceder a su empaquetado creando un archivo ZIP. Este archivo ZIP tiene que cumplir los siguientes requisitos: El primer archivo del zip tiene que ser el mimetype, y ste no puede estar comprimido El archivo zip no puede estar encriptado. El EPUB soporta encriptacin, pero no de archivos zip.

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Conversin a EPUB (empaquetado)


En Mac: Una vez abierta la terminal, nos situamos en el directorio donde hemos guardado nuestra carpeta EPUB, e introducimos las siguientes rdenes: zip -X my-ebook.epub mimetype zip -rg my-ebook.epub META-INF -x \*.DS_Store zip -rg my-ebook.epub OEBPS -x \*.DS_Store DS_Store es el archivo que se genera en Mac y con estas dos rdenes estamos diciendo que no se incluyan en el epub esos archivos.

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Conversin a EPUB (empaquetado)


En Linux: Una vez abierta la terminal, nos situamos en el directorio de nuestra carpeta EPUB e introducimos las siguientes rdenes: zip -X my-ebook.epub mimetype zip -rg my-ebook.epub META-INF -x zip -rg my-ebook.epub OEBPS -x

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Conversin a EPUB (empaquetado)


En Windows: Lo haremos a travs del ePubPack

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Conversin a EPUB (empaquetado)


O a travs de un programa de empaquetado como por ejemplo el 7-zip (http://www.7-zip.org/) Abrimos un archivo zip vaco Aadimos el archivo mimetype sin comprimir Aadimos el resto de carpetas Cambiamos la extensin de .zip a .epub

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

3. Validacin del cdigo

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Validacin del cdigo: herramientas


Herramientas de validacin: Epubcheck: http://code.google.com/p/epubcheck/ Flightcrew: http://code.google.com/p/flightcrew/ Threepress (online): http://www.threepress.org/document/epub-validate/

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Validacin del cdigo: el Epubcheck


El ms utilizado es Epubcheck. Una vez instalado el programa, hay que ejecutarlo a travs del terminal, insertando la siguiente lnea de comando: java -jar epubcheck-1.2/epubcheck-1.2.jar epub/nuestro_epub.epub Donde epubcheck-1.1/epubcheck-1.2.jar es la ruta del archivo que tenemos instalado en nuestro ordenador Y epub/nuestro_epub.epub es la ruta donde tenemos guardado nuestro EPUB
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

Web: http://www.contenidosenred.com Blog: http://www.contenidosenred.com/blog Facebook: http://www.facebook.com/contenidosenred Twitter: http://twitter.com/contenidosenred Esta presentacin es un extracto de la documentacin de apoyo al taller 'Crea una Publicacin electrnica en formato EPUB' que imparte contenidosenred. Puedes difundirla siempre y cuando la cites; y copiarla y remezclarla siempre que apliques al documento una licencia Creative Commons. Para ms informacin sobre este taller: contacto@contenidosenred.com

Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com

También podría gustarte