{"id":662,"date":"2018-01-30T08:04:55","date_gmt":"2018-01-30T08:04:55","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/?page_id=662"},"modified":"2018-01-30T18:02:29","modified_gmt":"2018-01-30T18:02:29","slug":"3-4-2-creacion-de-un-archivo-en-formato-epub","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/3-4-2-creacion-de-un-archivo-en-formato-epub\/","title":{"rendered":"3.4.2. Creaci\u00f3n de un archivo en formato EPUB"},"content":{"rendered":"
<\/p>\n

El proceso de creaci\u00f3n de un EPUB se puede llevar a cabo con la edici\u00f3n directa de los archivos que lo forman, con un editor de c\u00f3digo o de texto (Atom, Brackets, Notepad++, etc.).<\/p>\n

De hecho, podr\u00edamos crear un EPUB entero usando solo Notepad de Windows, por ejemplo, puesto que todos los lenguajes que usa se pueden editar con cualquier editor textual.<\/p>\n

\n<\/div>\n

Evidentemente, como en la mayor\u00eda de los formatos y lenguajes, tenemos algunas herramientas que nos ayudar\u00e1n a automatizar una parte de los procesos y asegurar una sintaxis correcta en los archivos que forman un EPUB. En la\u00a0secci\u00f3n 2.2.2<\/a> ya hemos visto la estructura de un EPUB y todos los archivos que lo forman, sobre todo los que son imprescindibles.<\/p>\n

De nuevo, de la herramienta que elegimos para trabajar depender\u00e1 el proceso que tendremos que seguir y los pasos necesarios para crear un EPUB, pero, en todos los casos, si queremos obtener un resultado \u00f3ptimo, deberemos trabajar con los lenguajes HTML<\/strong> y CSS<\/strong>. Si hemos creado alguna p\u00e1gina web anteriormente, o conocemos estos lenguajes, el proceso de creaci\u00f3n de un EPUB ser\u00e1 muy sencillo y solo tendremos que entender la estructura b\u00e1sica y gen\u00e9rica que han de tener los diferentes archivos del libro.<\/p>\n

En los enlaces EPUBZONE<\/a> e IDPF<\/a>, pod\u00e9is encontrar informaci\u00f3n detallada sobre los usos m\u00e1s habituales de EPUB y acceso a la especificaci\u00f3n del formato, donde est\u00e1 toda la informaci\u00f3n necesaria para entender c\u00f3mo funciona.<\/p>\n

En un primer momento, acceder al formato directamente por la v\u00eda de la especificaci\u00f3n del mismo puede resultar traum\u00e1tico para quien no est\u00e1 acostumbrado a este tipo de documentos t\u00e9cnicos, y es interesante consultar informaci\u00f3n m\u00e1s introductoria.<\/p>\n

Para ampliar informaci\u00f3n, pod\u00e9is consultar el libro Edici\u00f3n en EPUB<\/em>. Barcelona: Oberta Publishing.\" data-placement=\"top\" data-html=\"true\" >Edici\u00f3n en EPUB<\/a>, del autor que escribe, que explica el proceso de creaci\u00f3n de un EPUB paso a paso y con una introducci\u00f3n muy detallada de las implicaciones que tiene el formato y las decisiones que debemos tomar para editarlo correctamente. Este libro trata, principalmente, sobre la versi\u00f3n 2 del formato, aunque tambi\u00e9n hace una introducci\u00f3n a What is EPUB 3?<\/em> O'Reilly Media y Garrish, Matt. Accessible EPUB 3<\/em>. O'Reilly Media. El primero es m\u00e1s introductorio y el segundo, mucho m\u00e1s completo.\" data-placement=\"top\" data-html=\"true\" >EPUB3<\/a>.<\/p>\n

Pasos necesarios para crear un archivo EPUB<\/strong><\/h4>\n
\"\"
Figura 13.<\/strong> Pasos necesarios para crear un EPUB<\/figcaption><\/figure>\n

Podemos separar el proceso de creaci\u00f3n de un EPUB en cuatro pasos:<\/p>\n

1. Crear los archivos de contenido que forman la publicaci\u00f3n.<\/strong> Esto quiere decir, al margen de tener disponibles todos los archivos complementarios (im\u00e1genes, v\u00eddeos, audios, etc.), crear los archivos de contenido (content documents<\/em>) que se crean en XHTML, una versi\u00f3n m\u00e1s restrictiva pero muy similar a HTML 5, el est\u00e1ndar para la publicaci\u00f3n web. Una vez que tenemos el contenido editado en estos lenguajes, habremos definido el marcado sem\u00e1ntico que determina la estructura del documento y el valor sem\u00e1ntico de cada uno de los elementos que lo forman (t\u00edtulos, p\u00e1rrafos, secciones, art\u00edculos, enlaces, im\u00e1genes, etc.).<\/p>\n

En esta fase, y usando el lenguaje CSS, definiremos tambi\u00e9n la visualizaci\u00f3n del contenido: las fuentes, los m\u00e1rgenes, la posici\u00f3n de los elementos, los resaltados, etc. Pod\u00e9is encontrar toda la informaci\u00f3n necesaria, y un gran n\u00famero de tutoriales para aprender a usar estos lenguajes, en la web del W3C<\/a>.<\/p>\n

2. Creaci\u00f3n del package document<\/em> (package.opf).<\/strong> Es un documento que se usa para dar informaci\u00f3n a los lectores para que puedan mostrar el contenido en el orden que toca, y de acuerdo con el marcado sem\u00e1ntico y los estilos que hemos definido como archivos de contenido.<\/p>\n

\"\"
Figura 14.<\/strong> Ejemplo de package document<\/em><\/figcaption><\/figure>\n

Para crear este documento, en primer lugar listaremos todos los recursos que forman el libro: im\u00e1genes, archivos XHTML, hojas de estilo (CSS), fuentes, etc. Todos los contenidos que forman el EPUB tienen que ser listados en este archivo, en una secci\u00f3n que se denomina \u00abMANIFEST\u00bb. Si usamos contenido que est\u00e1 fuera de la publicaci\u00f3n, por ejemplo contenido en l\u00ednea, tambi\u00e9n lo indicaremos en esta secci\u00f3n del documento.<\/p>\n

Adem\u00e1s, este documento contendr\u00e1 los metadatos del libro: el t\u00edtulo, el autor, la fecha de publicaci\u00f3n y todo el conjunto de metadatos que podemos a\u00f1adir (localizaciones, tem\u00e1ticas, personajes, formatos, caracter\u00edsticas, participantes en la creaci\u00f3n del contenido, etc.). El hecho de que el contenido de los metadatos sea f\u00e1cilmente localizable favorece que otros sistemas inform\u00e1ticos puedan extraer esta informaci\u00f3n para identificar la publicaci\u00f3n y dar informaci\u00f3n sobre la misma al usuario.<\/p>\n

Finalmente, en una secci\u00f3n denominada \u00abSPINE\u00bb, determinaremos en qu\u00e9 orden se tienen que mostrar los diferentes archivos XHTML que forman la publicaci\u00f3n, para mantener el orden correcto de lectura.<\/p>\n

3. Crearemos la tabla de contenidos<\/strong> en el momento en que el libro ya est\u00e1 completo de contenidos y estructura, para proporcionar al lector un \u00edndice interactivo de la publicaci\u00f3n.<\/p>\n

4. Empaquetaremos todos los archivos necesarios en un contenedor ZIP con extensi\u00f3n .epub.<\/strong> Este empaquetado, aunque se puede hacer con software autom\u00e1tico, puede ser complejo en los primeros momentos de uso del formato, ya que debemos garantizar un cierto orden en los archivos:<\/p>\n

a) <\/strong>Tenemos que incluir el archivo mimetype, que identifica la carpeta ZIP como un archivo EPUB.<\/p>\n

b) <\/strong>Nos tenemos que asegurar de que en el \u00e1rbol de archivos del libro est\u00e1 el container.xml (en la carpeta META-INF), que indica al sistema lector d\u00f3nde se encuentra, en el \u00e1rbol de archivos del EPUB, el archivo package.opf.<\/p>\n

La parte positiva de este proceso es que siempre es igual y que, si seguimos la estructura est\u00e1ndar de un EPUB, podremos usar siempre los mismos, como una plantilla, puesto que no var\u00edan, as\u00ed como tampoco la estructura y el proceso de creaci\u00f3n del empaquetado final.<\/p>\n

Se trata de un proceso m\u00e1s t\u00e9cnico que el que requiere crear un libro en formato KF8, como veremos a continuaci\u00f3n, o que usar software de maquetaci\u00f3n como InDesign, pero nos da un control total sobre los resultados a la vez que cumplimos los est\u00e1ndares y aseguramos que siempre controlaremos el contenido y su formato.<\/p>\n

Editores de EPUB<\/strong><\/h4>\n

Pese a que es interesante, si uno pretende dedicarse profesionalmente a crear EPUB, trabajar directamente con los lenguajes inform\u00e1ticos en los que se basa el formato, tenemos a nuestra disposici\u00f3n algunas herramientas interesantes para crear documentos en formato EPUB con la ayuda de un software editor.<\/p>\n\n\n\n\n\n
Adobe InDesign<\/th>\nInDesign<\/a> es el software l\u00edder para maquetar publicaciones y crear page layouts<\/em>. Por lo tanto, no es un software pensado, originalmente, para trabajar con el formato EPUB. En todo caso, en las \u00faltimas versiones se ha mejorado mucho el complemento de exportaci\u00f3n de InDesign a EPUB, y esto lo est\u00e1 convirtiendo en una opci\u00f3n viable; eso s\u00ed, en este caso tendremos que someter el libro a un proceso intenso de posproducci\u00f3n, con la revisi\u00f3n y modificaci\u00f3n del c\u00f3digo, para adaptarlo a los est\u00e1ndares del formato.<\/p>\n

Sin embargo, si tenemos que trabajar con InDesign, porque mantenemos una publicaci\u00f3n que todav\u00eda se imprime en papel o que produciremos tambi\u00e9n en PDF, podemos exportar el contenido directamente de InDesign a EPUB y verificar a posteriori<\/em> el c\u00f3digo. El acceso a este software, no obstante, tiene un coste bastante elevado y de pago por suscripci\u00f3n.<\/td>\n<\/tr>\n

\u00a0Sigil<\/th>\nSigil<\/a> es un editor de EPUB open source<\/em> que, pese a que est\u00e1 pensado para trabajar con lenguajes HTML y CSS, nos permite editar un EPUB con herramientas visuales muy similares a las que se usan en un procesador de textos como Word. Este programa es ideal para acceder al formato y entender c\u00f3mo funciona, a la vez que creamos un EPUB, mientras vamos adquiriendo experiencia en el uso de los lenguajes web.<\/p>\n

Sigil generar\u00e1 un EPUB perfecto si seguimos las indicaciones del formato y revisamos el c\u00f3digo para asegurarnos de que ninguna de las funcionalidades del programa afecta a su integridad. Sigil es un gran puerto de salida para aprender a editar un libro en formato EPUB.<\/p>\n

Manual: http:\/\/sigil-ebook.com\/documentation<\/a><\/td>\n<\/tr>\n

\u00a0Oxygen<\/th>\nOxygen<\/a> es software de pago que tiene un coste bastante significativo para un usuario est\u00e1ndar. Es un editor de XML, uno de los m\u00e1s potentes, y soporta la edici\u00f3n de EPUB. Si bien se trata de una opci\u00f3n de nivel profesional avanzado, es un entorno poco amigable para empezar a trabajar en este formato.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

Evidentemente, como en la mayor\u00eda de los formatos y lenguajes, tenemos algunas herramientas que nos ayudar\u00e1n a automatizar una parte de los procesos y asegurar una sintaxis correcta en los archivos que forman un EPUB. En la\u00a0secci\u00f3n 2.2.2 ya hemos visto la estructura de un EPUB y todos los archivos que lo forman, sobre todo […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages\/662"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/comments?post=662"}],"version-history":[{"count":2,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages\/662\/revisions"}],"predecessor-version":[{"id":1102,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/pages\/662\/revisions\/1102"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/es\/wp-json\/wp\/v2\/media?parent=662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}