Presentaciones en HTML5

Que el HTML5 ha llegado para quedarse es un hecho. Cada vez son más las páginas de internet que lo utilizan. También son cada día más numerosas las aplicaciones en dispositivos móviles como smartphones y tablets basadas en este estándard.

Hace poco vi en una charla una presentación con un estilo simple pero elegante. Además para verla solo se necesitaba un navegador (chrome en mi caso). El profesional que impartía el taller me remitió a unas plantillas hechas en HTML5 que usaba google para sus presentaciones.

Si vemos el código vemos que la separación entre contenido y formato que tanto facilita HTML5 nos permite modificar los contenidos de la presentación de una forma muy sencilla.

Veamos como es cada una de las diapositivas de la presentación:

<article class="">
 <h3>ÍNDICE</h3>
  <ol>
    <li>Introducción</li>
    <li>Contenido 1</li>
    <li>Contenido 2</li>
    <li>Bibliografia</li>
  </ol>
 </article>
 <article class="fill">
 <h3>1. Introducción</h3>
  <p>
     <img src="./Introduccion.png">
  </p>
 </article>

Con esta estructura ganamos por todas partes:

  • No necesitamos ningún programa especial ni para editar la presentación ni para mostrarla
  • Cuando la compartimos cualquiera puede visualizarla con un navegador que cualquier ordenador incluye.
  • En cualquier momento podemos modificar la presentación sólo con un editor de texto.

Una edición más avanzada nos obliga a usar un editor HTML5, tema que trataremos más adelante.

Leave a Reply