• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Cómo hacer un epub
 

Cómo hacer un epub

on

  • 10,193 views

Documentación de apoyo al taller 'Cómo hacer una publicación electrónica en formato epub', de www.contenidosenred.com/formacion

Documentación de apoyo al taller 'Cómo hacer una publicación electrónica en formato epub', de www.contenidosenred.com/formacion

Statistics

Views

Total Views
10,193
Views on SlideShare
10,179
Embed Views
14

Actions

Likes
4
Downloads
202
Comments
0

3 Embeds 14

http://iframehost.com 9
https://twitter.com 3
http://www.contenidosenred.com 2

Accessibility

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Cómo hacer un epub Cómo hacer un epub Presentation Transcript

      • Crea una publicación electrónica en formato EPUB 2.0.1
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Qué es un EPUB
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Qué es un EPUB: estándares
      • EPUB es un formato abierto de libro digital desarrollado por el IDPF. Está basado en 3 estándares:
        • Open Publication Structure (OPS), o formato de publicación abierto, describe el estandar para representar el contenido de la publicación
        • Open Packaging Format (OPF), o formato de empaquetado abierto, define el mecanismo de empaquetado de los componentes de una publicación OPS, dotándola de estructura y semántica.
        • Open eBook Publication Structure Container Format (OCF), define una estructura de continente abierta.
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • EPUB es una especificación abierta para libros digitales basada en tecnologías XML, CSS Y XHTML.
      • Adicionalmente, reutiliza otros estándares, como DAISY (Digital Accesible Information System).
        Qué es un EPUB: tecnología
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Está basado en estándares web (XHTML)
      • Al ser un formato estándar garantiza que pueda ser leído en múltiples plataformas
      • Se adapta con facilidad al tamaño de la pantalla de cada dispositivo
      • Utiliza un estándar abierto y sus especificaciones son públicas
      • 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 año 2007)
        Qué es un EPUB: ventajas
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Aunque el EPUB se puede leer en prácticamente todos los dispositivos, la calidad del libro dependerá de dónde se lea.
      • La versión 2.0.1 no permite algunas características importantes como interactividad, vídeo, audio, anotaciones, etc.
        Qué es un EPUB: inconvenientes
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Anatomía de un EPUB
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
    • Anatomía de un EPUB
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
    • Anatomía de un EPUB: el archivo mimetype
      • El mimetype ha de tener este nombre obligatoriamente, y ha de estar guardado en la raíz de la carpeta
      • Es un archivo de texto plano ASCII que contiene la línea: application/epub+zip
        ‘ Crea una publicación electrónica 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 ubicación del archivo content.opf. Esta carpeta es la misma para todos los ebooks, por lo que podemos reciclarla sin hacer cambios:
          • <?xml version=&quot;1.0&quot;?>
          • <container version=&quot;1.0&quot; xmlns=&quot;urn:oasis:names:tc:opendocument:xmlns:container&quot;>
          • <rootfiles>
          • <rootfile full-path=&quot; OEBPS/content.opf &quot;
          • media-type=&quot;application/oebps-package+xml&quot; />
          • </rootfiles>
          • </container>
      Anatomía de un EPUB: la carpeta META-INF
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
    • Anatomía de un EPUB: la carpeta OEBPS
        Es la carpeta donde se almacenan los archivos que contienen el contenido del libro. 
        ‘ Crea una publicación electrónica en formato EPUB ‘ Contenidosenred mayo 2011 | www.contenidosenred.com
      • Cómo se crea un EPUB
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • 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
      Cómo se crea un EPUB: herramientas necesarias
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • 1. Cr eación de los archivos del EPUB
      • 2. Conversión a .epub (empaquetado)
      • 3. Validación del código
      Cómo se crea un EPUB: pasos a seguir
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • 1. Creación de archivos EPUB
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código portada.xhtml
        Función
        <?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=&quot;http://www.w3.org/1999/xhtml&quot;> <head> <title>Título de la obra</title> <link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;stylesheet.css&quot; /> </head>
        Encabezado Título de la obra Enlace a las hojas de estilo
      Creación de archivos EPUB: archivos html
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código portada.xhtml
        Función
        <body> <h1>Aquí introducimos el título de la obra</h1> <p>Autor</p> <div><img src=&quot;images/cover.jpg&quot; alt=&quot;Título de la obra&quot;/></div> </body> </html>
        Texto visible Imagen de portada.
      Creación de archivos EPUB: archivos html
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código capitulo1.xhtml
        Función
        <?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=&quot;http://www.w3.org/1999/xhtml&quot;> <head> <title></title> <link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;stylesheet.css&quot; /> </head>
        Encabezado Enlace a la hoja de estilos
      Creación de archivos EPUB: archivos html
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código capitulo1.xhtml
        Función
        <body> <h1 id=&quot;capitulo1&quot;>Capítulo 1</h1> <p>Primer párrafo del capítulo 1</p> <p>Segundo párrafo</p> <p>Tercer párrafo</p> </body> </html>
        Atención a la organización del contenido con <h1> y<p>
      Creación de archivos EPUB: archivos html
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código indice.xhtml
        Función
        <?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=&quot;http://www.w3.org/1999/xhtml&quot;> <head> <title></title> <link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;stylesheet.css&quot; /> </head>
        Cabecera Enlace a la hoja de estilos
      Creación de archivos EPUB: archivos html
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código indice.xhtml
        Función
        <body> <h1 id=&quot;indice&quot;>Índice</h1> <h2 id=&quot;capitulo1&quot;><a href=&quot;capitulo1.xhtml&quot;>Capítulo 1</a></h2> <h2 id=&quot;capitulo2&quot;><a href=&quot;capitulo2.xhtml&quot;>Capítulo 2</a></h2> </body> </html>
        Atención a la organización de los contenidos a través de <h1>, <h2> Atención a cómo se introduce el enlace a cada capítulo. Es importante enrutar bien los enlaces.
      Creación de archivos EPUB: archivos html
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código stylesheet.css
        Función
        body { font-family: sans-serif; } h1,h2,h3,h4 { font-family: serif; color: black; }
        Estilos que se aplican a los archivos html del EPUB
      Creación de archivos EPUB: la hoja de estilos
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Este archivo contiene 4 partes:
      • Metadata (título, identificador, autor, editor, idioma, descripción…etc.)
      • Manifest (todos los archivos del documento)
      • Spine (el orden de lectura)
      • Guide (provee de información semántica al sistema de lectura)
      Creación de archivos EPUB: el content.opf
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código content.opf
        Función
        <?xml version='1.0' encoding='utf-8'?> <package xmlns=&quot;http://www.idpf.org/2007/opf&quot; xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot; unique-identifier=&quot;bookid&quot; version=&quot;2.0&quot;>
        Este espacio es para las cabeceras xml y xmlns que definen la nomenclatura del documento. Unique-indentifier es el ID atribute del dc:indentifier .
      Creación de archivos EPUB: el content.opf
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código content.opf
        Función
        <metadata> <dc:title>Título de la obra</dc:title> <dc:creator>Autor</dc:creator> <dc:rights>Información sobre la obra</dc:rights> <dc:identifier id=&quot;bookid&quot;>urn:uuid:2b7a8459-f2f5-4113-9174-ce00585d008d</dc:identifier> <dc:language>es-ES</dc:language> </metadata>
        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).
      Creación de archivos EPUB: el content.opf
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código content.opf
        Función
        <manifest> <item id=&quot;ncx&quot; href=&quot;toc.ncx&quot; media-type=&quot;application/x-dtbncx+xml&quot;/> <item id=“portada&quot; href=“portada.xhtml&quot; media-type=&quot;application/xhtml+xml&quot;/> <item id=&quot;indice&quot; href=&quot;indice.xhtml&quot; media-type=&quot;application/xhtml+xml&quot;/> <item id=&quot;capitulo_n&quot; href=&quot;capitulo_n.xhtml&quot; media-type=&quot;application/xhtml+xml&quot;/> <item id=&quot;cover.jpg&quot; href=&quot;images/cover.jpg&quot; media-type=&quot;image/jpe g&quot;/> <item id=&quot;css&quot; href=&quot;stylesheet.css&quot; media-type=&quot;text/css&quot;/> </manifest>
        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).
      Creación de archivos EPUB: el content.opf
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código content.opf
        Función
        <spine toc=&quot;ncx&quot;> <itemref idref=&quot;portada.xhtml&quot;/> <itemref idref=&quot;capitulo1.xhtml&quot;/> <itemref idref=&quot;capitulo2.xhtml&quot;/> </spine>
        Spine indica el orden de las páginas del libro. Cada elemento itemref tiene un atributo 'idref', que debe encajar con uno de los IDs en el manifiesto. 
      Creación de archivos EPUB: el content.opf
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código content.opf
        Función
        <guide> <reference type=&quot;cover&quot; title=&quot;Cover Page&quot; href=&quot;portada.xhtml&quot;/> </guide> </package>
        Guide provee de información semántica al sistema de lectura del EPUB. Esta parte no es obligatoria.
      Creación de archivos EPUB: el content.opf
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Este archivo basado en XML proporciona a los lectores del ebook información detallada de navegación.  No confundir con el elemento <spine> en el archivo OPF. Mientras que el elemento <spine> determina el orden de lectura del libro electrónico , el archivo NCX sirve como mapa de navegación que generalmente aparece como un menú en el lector de libros electrónicos , lo que le permite ir directamente a cualquiera de las secciones principales en el ebook.
      Creación de archivos EPUB: toc.ncx
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código toc.ncx
        Función
        <?xml version='1.0' encoding='utf-8'?> <!DOCTYPE ncx PUBLIC &quot;-//NISO//DTD ncx 2005-1//EN&quot; &quot;http://www.daisy.org/z3986/2005/ncx-2005-1.dtd&quot;> <ncx xmlns=&quot;http://www.daisy.org/z3986/2005/ncx/&quot; version=&quot;2005-1“>
        Este espacio es para las cabeceras que definen la nomenclatura del documento. El toc.ncx sigue el estándar DAISY (consorcio que desarrolla formatos de menús de navegación para ciertos lectores).
      Creación de archivos EPUB: toc.ncx
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código toc.ncx
        Función
        <head> <meta name=&quot;dtb:uid&quot; content=&quot;urn:uuid:0cc33cbd-94e2-49c1-909a-72ae16bc2658&quot;/> <meta name=&quot;dtb:depth&quot; content=&quot;1&quot;/> <meta name=&quot;dtb:totalPageCount&quot; content=&quot;0&quot;/> <meta name=&quot;dtb:maxPageNumber&quot; content=&quot;0&quot;/> </head>
        El uid es el unique ID que tiene que coincidir con el dc:identifier del archivo OPF. Depth refleja el nivel de jerarquía en la tabla de contenidos. El totalPageCount y maxPageNumber se refieren a libros en papel y puede dejarse en valor 0
      Creación de archivos EPUB: toc.ncx
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código toc.ncx
        Función
        <docTitle> <text>Título del libro</text> </docTitle>
        Aquí se especifica el título del libro, que coincide con el valor dc:title del archivo opf
      Creación de archivos EPUB: toc.ncx
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Código toc.ncx
        Función
        <NavMap> <navPoint id=&quot;portada&quot; playOrder=&quot;1&quot;> <navLabel> <text>Portada</text> </navLabel> <content src=&quot;portada.xhtml&quot;/> </navPoint> <navPoint id=&quot;indice&quot; playOrder=&quot;2&quot;> <navLabel> <text>Índice</text> </navLabel> <content src=&quot;indice.xhtml&quot;/> </navPoint> </navMap> </ncx>
        <navmap> es la parte más importante de este documento, define la tabla de contenidos del libro y puede contener 1 ó más 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 capítulo al que nos referimos. Describe el título de la sección del libro, que puede ser el n˙mero del capítulo o el nombre del capítulo. <content src>: es el enlace al documento. Un navPoint puede tener otros navPoints anidados.
      Creación de archivos EPUB: toc.ncx
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
    • Creación de archivos EPUB: toc.ncx
        Cada punto de navegación <navPoint> es un capítulo o subcapítulo, En el caso de querer referenciar a diferentes subcapítulos de un mismo capítulo, se pondrían navpoints seguidos con elemento # referenciando a la parte del contenido correspondiente. Ejemplo:
      • <navPoint id=&quot;capitulo1#subcapitulo1.1&quot; playOrder=&quot;3&quot;>
      • <navLabel>
      • <text>Capítulo1.1</text>
      • </navLabel>
      • <content src=&quot;capitulo1#subcapitulo1.1xhtml&quot;/>
      • </navPoint>
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • 2. Conversión a .epub (empaquetado)
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • 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 encriptación, pero no de archivos zip.
      Conversión a EPUB (empaquetado)
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
    • 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.
      Conversión a EPUB (empaquetado)
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
    • 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  
      Conversión a EPUB (empaquetado)
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • En Windows:
        • Lo haremos a través del ePubPack
      Conversión a EPUB (empaquetado)
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • O a través de un programa de empaquetado como por ejemplo el 7-zip ( http://www.7-zip.org/ )
          • Abrimos un archivo zip vacío
          • Añadimos el archivo mimetype sin comprimir
          • Añadimos el resto de carpetas
          • Cambiamos la extensión de .zip a .epub
      Conversión a EPUB (empaquetado)
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • 3. Validación del código
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • Herramientas de validación:
      • Epubcheck: http://code.google.com/p/epubcheck/
      • Flightcrew: http://code.google.com/p/flightcrew/
      • Threepress (online): http://www.threepress.org/document/epub-validate/
      Validación del código: herramientas
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com
      • El más utilizado es Epubcheck. Una vez instalado el programa, hay que ejecutarlo a través del terminal, insertando la siguiente línea 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
      Validación del código: el Epubcheck
        ‘ Crea una publicación electrónica 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 presentación es un extracto de la documentación de apoyo al taller 'Crea una
      • Publicación electrónica en formato EPUB' que imparte contenidos enred . Puedes
      • difundirla siempre y cuando la cites; y copiarla y remezclarla siempre que
      • apliques al documento una licencia Creative Commons.
      • Para más información sobre este taller: [email_address]
        ‘ Crea una publicación electrónica en formato EPUB (2.0.1)‘ Contenidosenred mayo 2011 www.contenidosenred.com