Presentación utilizada en el marco de la Jornada de Capacitación 'Los libros y lo digital' organizada por el Gobierno de la Ciudad de Buenos Aires (Opción Libros) en el Centro Metropolitano de Diseño.

1. Publicaciones
digitales
LOS LIBROS Y LO DIGITAL. 14 DE SEPTIEMBRE DE 2017.
Comprender, para ofrecer una calidad de producto
mejor y una experiencia de lectura satisfactoria.
Hernán Caratozzolo + Julián Calderazi

2. PUBLICACIONES DIGITALES
Introducción
1999 2007 2010 2011 2013 2014 2017 2018 2021
EPUB2
OEB EPUB
2.0.1 EDUPUB
EPUB3
EPUB
3.1
EPUB
3.0.1 a11y
EPUB
for
education
a11y
ISO
EPUB4

3. PUBLICACIONES DIGITALES
HTML
Semántica. Etiquetas. Estructura de contenido

4. PUBLICACIONES DIGITALES
Semántica
Distinguir,
en lugar de ver.

5. PUBLICACIONES DIGITALES
★ Títulos <h1> - <h6>
★ Párrafos <p>
★ Listas ordenadas <ol>
★ Listas no ordenadas <ul>
★ Items de una lista <li>
★ Imágenes <figure>
★ Epígrafes <figcaption>
★ Tablas
★ Índices
Proveer el significado de
los elementos le permite al
dispositivo (o App de
lectura) interpretar, valorar
y jerarquizar el contenido.
Semántica

6. PUBLICACIONES DIGITALES
Semántica

7. PUBLICACIONES DIGITALES
Propiedades relacionadas a la
descripción de la estructura de
contenido.
epub:type="dedication"
Vocabulario de
estructuración de
contenido.
epub:type
Estructura de
Documento:
cover, frontmatter,
bodymatter &
backmatter
Divisiones de
documento:
volume, part, chapter
& division.
Divisiones de
documento:
volume, part,
chapter & division.
Secciones y
componentes:
foreword, preface,
prologue, introduction,
conclusion, epilogue &
afterword.
Glosarios:
glossary, glossterm &
glossef.
Bibliografía:
bibliography &
biblioentry.

8. PUBLICACIONES DIGITALES
Propiedades relacionadas a la
descripción de la estructura de
contenido.
epub:type="dedication"
Vocabulario de
estructuración de
contenido.
epub:type
Títulos y encabezados:
halftitle, fulltitle, cover-
title, title & subtitile.
Notas y anotaciones:
footnotes, footnote,
endnotes & endnote.
Tablas:
table, table-row &
table-cell.
Paginación:
pagebreak & page-list.
Imágenes:
figure.
Bibliografía:
bibliography &
biblioentry.

9. PUBLICACIONES DIGITALES
Pie de página
iBooks - Kindle - Kobo Books

10. PUBLICACIONES DIGITALES
CSS
Diseño.
Flexibilidad. Control.

11. PUBLICACIONES DIGITALES
Viudas, huérfanas, agrupación de
contenido, saltos de pagina
forzados, control de separación en
sílabas (hyphens), posibilidad de
invertir colores (night-mode
control), tablas que se adaptan de
forma dinámica (responden),
embeber fuentes @media queries y
breakpoints.
"El contenido se
adapta pero hace
lo que quiere”
Diseño

12. PUBLICACIONES DIGITALES
Imágenes
Pensando en Digital+Papel.
Formatos, conveniencia y peso.

13. PUBLICACIONES DIGITALES
Formatos.
Modos.
Criterio.
Buenas prácticas.
Nitidez vs. peso.
Imágenes

14. PUBLICACIONES DIGITALES
Nitidez vs. Peso
JPG (RGB):
Dimensiones: 240x100px
Peso: 23kb
SVG:
Dimensiones: —
Peso: 9kb

15. PUBLICACIONES DIGITALES
a11y
(Inclusión + Discoverabilidad)=lector(es)

16. PUBLICACIONES DIGITALES
Categorías
1. Visual
2. Auditiva
3. Motriz
4. Cognitiva
Informar al consumidor las
características de nuestro
contenido y cómo debe ser
consumido (o no)…
a11y - Accesibilidad
La accesibilidad
no se reduce al
no vidente.

17. PUBLICACIONES DIGITALES
Metadata
Orden y progreso.

18. PUBLICACIONES DIGITALES
★ Identificador (ISBN, ASIN, ISSN
etc).
★ Nombre del autor (dc:creator)
★ Idioma (ISO Language code)
★ es-AR. Español-(Argentina)
★ pt-BR. Portugués (Brasil)
Pero…hay mas!
Hay 3 datos obligatorios:
Metadata

19. PUBLICACIONES DIGITALES
Metadata
¿Cuánto decimos
de nuestro contenido?
¿Y cuánto más
podríamos decir?

20. PUBLICACIONES DIGITALES
Metadata (EPUB2)
ISBN 9789500756891

21. PUBLICACIONES DIGITALES
Metadata (EPUB3)
–
ISBN 9789500756891

22. PUBLICACIONES DIGITALES
¡Gracias!Hernán Caratozzolo + Julián Calderazi
@jcalderazi
digitalbe.com