Documentos de Académico
Documentos de Profesional
Documentos de Cultura
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
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
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
Crea una publicacin electrnica en formato EPUB Contenidosenred mayo 2011 | www.contenidosenred.com
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
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
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
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
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
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
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
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
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
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
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
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
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
Cdigo stylesheet.css body { font-family: sans-serif; } h1,h2,h3,h4 { font-family: serif; color: black; }
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
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
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
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
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
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
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
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
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
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
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
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
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
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
Crea una publicacin electrnica en formato EPUB (2.0.1) Contenidosenred mayo 2011 www.contenidosenred.com
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