Tutorial sobre Publicación Digital en HTML5

post date

Digital-Publishing-with-HTML5En este blog vamos a hablar de las principales características del formato HTML5, sus diferencias con HTML4 y el por qué es importante hoy en día para la industria de la publicación.

Vamos a empezar con una pregunta para la que muchos no conoceréis la respuesta.

¿Qué es HTML5 y por qué es importante?

HTML5 es un lenguaje para presentar el contenido en la web. HTML4 vió la luz en 1997, HTML5 lo hizo en el 2008. Más de 10 años de contínuos cambios y mejoras que permitieron la modificación de la red.

El formato HTML4 no permite la integración de contenido multimedia como videos, lo que obligaba al usuario a descargarse plugins como Adobe Flash, RealPlayer y Windows Media Player por nombrar algunos, para poder ver el contenido en forma de video. Todo esto pasó a la historia con la llegada del formato HTML5.

Haz que tu flipbook sea recordado

La utilización de HTML5 en la publicación digital ha provocado un incremento en la utilización de interactividad en las publicaciones. Una característica que encanta a muchos profesionales del marketing y editores porque puede hacer que un flipbook destaque y cree una experiencia inolvidable para el lector. Los editores están utilizando videos, audio y galerías fotográficas utilizando videos, audio y galeráis de fotos para hacer que sus publicaciones destaquen. Si quieres ver cómo añadir estas características a tu publicación puedes ver estos video tutoriales.

digital-publishing

Algunas ventajas del formato HTML5

1.Un código único: HTML5 utiliza un código único en todas las plataformas que lo aceptan.

2.Mejoras semánticas: los elementos HTML5 incrementarán los valores semánticos de las páginas gracias a que los códigos están estandarizados.

3.Accesibilidad mejorada: diferentes tecnologías pueden dar lugar a una mejora de las características del HTML, al poder estas entender mejor la estructura de la página.

4.Caché sin conexión. La plataforma HTML5 permite el caché offilen. De esta forma si el lector se disconecta de la web y hacen clic en el botón de “atrás” para volver a la página anterior en el explorador, la página en lugar de mostrar un error aparecerá.

La tecnología móvil de apple no permite la utilización de plugins como Flash. HTML5 ofrece un código único y una operabilidad multiplataforma. Esto significa que puedes generar el mismo contenido que puedes ver en el explordor de tu PC o Mac para el móvil, y todos los dispositivos Apple (iPads, iPhnes) y Android, sean tabletas o smartphones.

El software de 3D Issue soporta Flash y HTML5. Cuando el usuario lea una revista creada con 3D Issue, podrá verla en un PC o Mac utilizando la versión Flash, o en los dispositivos móviles con el formato HTML5 a través de un mismo enlace. Básicamente el software de 3D Issue puede descrifrar qué dispositivos está utilizando tu cliente y ofrecerle la versión adecuada.

El proceso de crear una publicación en HTML5 con 3D Issue consiste en:

1.Importar los pDFs en el software.

2.Elegir la URL en la que las publicaciones aparecerán online.

3.Inspeccionar las diferentes características en la pestaña diseño. Seleccionar las opciones deseadas para añadir interactividad.

4.Previsualización de la publicación para estar seguro de que está lista para ser construida.

5.Haz click en “Construir” apra guardar la carpeta de forma local y para subir tu contenido a la red. Esto te permitirá crear la publicación tanto en formato Flash como HTML5.

6.Ojea la publicación en más de un tipo de dispositivo utilizando la misma URL:

A medida que el HTML5 está siendo desarrollado es cada vez más evidente que es el futuro de la publicación digital y la plataforma que se espera sea utilizada por los editores.

Puedes ver algunos ejemplos creados con 3D Issue para ver el efecto de la tecnología HTML5.

Para más información puedes ponerte en contacto con nosotros info@3dissue.com.

Por Audrey Henry
Adaptado por Carla Rucián Iraola

 

Copyright © 3D Issue Ltd 2016. All rights reserved.