# 8 Timeline (línea del tiempo)

Este contenido te permite crear una línea de tiempo a la que puedes añadir texto, imágenes, enlaces y/o vídeos.

Para crear una línea del tiempo, iremos a nuestro curso de Aeducar y, en el menú superior, haremos clic en *Más* y seleccionaremos "*Banco de contenido*" del desplegable.

[![banco contenido.png](https://libros.catedu.es/uploads/images/gallery/2024-03/scaled-1680-/banco-contenido.png)](https://libros.catedu.es/uploads/images/gallery/2024-03/banco-contenido.png)

Una vez en el Banco de contenido, haremos clic en *Añadir* y seleccionaremos "*Timeline*" del desplegable.

[![timeline.png](https://libros.catedu.es/uploads/images/gallery/2024-03/scaled-1680-/timeline.png)](https://libros.catedu.es/uploads/images/gallery/2024-03/timeline.png)

Ahora te aparecerá el editor de h5p para esta actividad:

[![timeline1.png](https://libros.catedu.es/uploads/images/gallery/2024-03/scaled-1680-/timeline1.png)](https://libros.catedu.es/uploads/images/gallery/2024-03/timeline1.png)

1. **Título**: el título principal de nuestra línea del tiempo.
2. **Texto del cuerpo**: texto que queremos que aparezca debajo del título de nuestra línea del tiempo (por ejemplo, una introducción). Es opcional.
3. **Nivel de zoom predeterminado**: por defecto es 0. Los números positivos aumentan el nivel de zoom predeterminado y los negativos lo alejan.
4. **Imagen de fondo**: si, de forma opcional, queremos que nuestra línea del tiempo tenga una imagen de fondo.
5. **Altura**: la altura en píxeles de nuestra línea del tiempo (por defecto, 600px).

Si desplegamos el menú *Recurso* encontraremos estas opciones, para añadir de forma opcional:

[![recursotimeline.png](https://libros.catedu.es/uploads/images/gallery/2024-03/scaled-1680-/recursotimeline.png)](https://libros.catedu.es/uploads/images/gallery/2024-03/recursotimeline.png)

1. **Medios**: si queremos añadir a la introducción de nuestra línea del tiempo un vídeo, enlace a google maps...)
2. **Créditos**: créditos de los medios que añadamos.
3. **Leyenda**: texto explicativo de los medios que añadamos.

Ahora toca añadir el contenido a nuestra línea del tiempo. Para ello podremos establecer "*Fechas*" (lo tienes justo debajo de lo que acabamos de ver) y/o "*Épocas*" (un poco más abajo). Comenzamos con las fechas:

Para cada fecha encontraremos los siguientes campos para rellenar. Recuerda que solamente son obligatorios aquellos que tienen un asterisco.

[![fecha.png](https://libros.catedu.es/uploads/images/gallery/2024-03/scaled-1680-/fecha.png)](https://libros.catedu.es/uploads/images/gallery/2024-03/fecha.png)

1. Fecha de inicio: en formato AAAA,MM,DD (año, mes y día, aunque solo es obligatorio el año). *Ejemplo: 1666,09,02 sería el 2 de septiembre de 1666.* Si queremos usar fechas a.C las pondremos en negativo.
2. Fecha final: no es necesario establecerla, pero si lo hacemos es con el mismo formato que la de inicio.
3. Título: título para esta fecha de nuestra línea del tiempo.
4. Texto del cuerpo: texto que queremos que aparezca en esta fecha. Podremos darle formato, añadir enlaces...
5. Etiquetas: podemos añadir etiquetas sobre el contenido de la fecha, que se mostrarán junto al título.
6. Recurso: igual que hemos visto en la primera página de nuestra línea del tiempo, podremos añadir algún recurso a cada fecha (por ejemplo, un vídeo), escribiendo en "*Medios*" la URL (1). Opcionalmente podremos poner una imagen en miniatura de 32x32 (2), acreditar los medios (3) y añadir un texto (4). [![recurso2.png](https://libros.catedu.es/uploads/images/gallery/2024-03/scaled-1680-/recurso2.png)](https://libros.catedu.es/uploads/images/gallery/2024-03/recurso2.png)
7. Agregar item: haremos clic en "Agregar item" cada vez que queramos añadir una nueva fecha.

Si queremos configurar nuestra línea del tiempo por "*Época*" (o añadir época a las fechas que ya hayamos configurado anteriormente), aquí tenemos la posibilidad de hacerlo:

[![timeline2.png](https://libros.catedu.es/uploads/images/gallery/2024-03/scaled-1680-/timeline2.png)](https://libros.catedu.es/uploads/images/gallery/2024-03/timeline2.png)

Si en "*Épocas*" hacemos clic en "*Agregar item*", nos aparecerá lo siguiente:

[![epoca2.png](https://libros.catedu.es/uploads/images/gallery/2024-03/scaled-1680-/epoca2.png)](https://libros.catedu.es/uploads/images/gallery/2024-03/epoca2.png)

1. **Fecha de inicio**: en formato AAAA,MM,DD (año, mes y día, aunque solo es obligatorio el año). Si queremos usar fechas a.C las pondremos en negativo.
2. **Fecha final**: no es necesario establecerla, pero si lo hacemos es con el mismo formato que la de inicio.
3. **Cabecera**: el título de la época (obligatorio)
4. **Texto**: si queremos añadir algo de texto.
5. **Etiqueta**: si queremos añadir etiquetas (aparecerán junto a la cabecera).
6. **Agregar item**: cada vez que queramos añadir una nueva época, haremos clic en este botón.

No hace falta que creemos las fechas/épocas en orden cronológico: al crear la actividad se ordenarán automáticamente.

En "*Idioma*" configuraremos el idioma en el que queremos que aparezca la interfaz de usuario.

No te olvides de hacer clic en "Guardar" cuando termines.

Una vez creada la actividad, podremos previsualizarla y editarla desde "*Editar*" en el Banco de contenido.

Si hacemos clic en "Más" veremos las opciones, entre otras, de "*Renombrar*", "*Descargar*" o "*Borrar*".

[![más.png](https://libros.catedu.es/uploads/images/gallery/2024-03/scaled-1680-/mas.png)](https://libros.catedu.es/uploads/images/gallery/2024-03/mas.png)

Esta actividad sirve para presentar contenido. [Al final de este curso ](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/chapter/aspectos-generales-en-el-trabajo-con-h5p-desde-aeducar)aprenderemos a insertarla en nuestro curso de Aeducar.

Si deseas crear contenido h5p en Wordpress, puedes ver como se hace [en este capítulo.](https://libros.catedu.es/books/desata-tu-creatividad-digital-contenidos-interactivos-con-h5p/chapter/aspectos-generales-en-el-trabajo-con-h5p-en-wordpress)

[![image.png](https://libros.catedu.es/uploads/images/gallery/2024-06/scaled-1680-/43Fimage.png)](https://libros.catedu.es/uploads/images/gallery/2024-06/43Fimage.png)

Imagen ejemplo Timeline.