Línea de tiempo con Timeline JS – Tutorial en español

431

¿Qué es TimeLine JS?

TimeLine JS es una herramienta que te va a permitir desarrollar una línea tiempo muy atractiva en muy pocos pasos, sin necesidad de registrarte y totalmente gratis.

En la hoja de cálculo te encontrarás con una primera fila de encabezado en inglés. Esta fila tiene 18 columnas que corresponden a un tipo de información. Para facilitarte la vida, te lo he traducido y te indicaré qué puedes hacer en cada una de las casillas.

Primer bloque

  • Year/Año: esta casilla es requerida salvo para los “title” de la columna “type”. Aquí debes indicar el año del evento.
  • Month/Mes: esta casilla es opcional y debes indicar el mes en el que ocurre el evento.
  • Day/Día: esta casilla es opcional y debes indicar el día del evento.
  • Time/Hora: esta casilla es opcional y debes indicar la hora del evento.

Segundo bloque

  • End Year/Año de finalización: esta casilla es opcional y debes indicar el año en el que termina el evento.
  • End month/Mes de finalización: esta casilla es opcional y debes indicar el mes en el que termina el evento.
  • End Day/Día final: esta casilla es opcional y debes indicar el día en el que finaliza el evento.
  • End Time/Hora final: esta casilla es opcional y debes indicar la hora de finalización del evento.

Tercer bloque

  • Display Date/Fecha a mostrar: esta casilla es opcional y anula la fecha de los recuadros rojos y muestra la fecha de esta celda en su lugar

Cuarto bloque

  • Headline/Título: esta casilla es opcional y muestra el título del evento
  • Text/Texto: esta casilla es opcional y muestra el texto que acompaña al evento y lo describe.

Quinto bloque

  • Media/Multimedia: esta casilla es opcional y se puede introducir material multimedia. Puedes usar enlaces a:
    youtube, vimeo, soundcloud, dailymotion, instagram, twit pic, twitter status, google plus status, wikipedia, o a una imagen.
  • Media Credit/Créditos multimedia: esta casilla es opcional y se usa para referenciar al dueño del multimedia. Es decir, dar crédito al dueño o creador de ese objeto que has añadido a la línea de tiempo.
  • Media Caption/Código de los créditos: esta casilla es opcional y en ella puedes añadir el código html que referencia al multimedia en caso de ser necesario.
  • Media Thumbnail/Imagen en miniatura: esta casilla es opcional y puedes enlazar una imagen en miniatura que no supere los 32px por 32px (píxeles).

Sexto bloque

  • Type/Tipo: esta casilla es opcional y en ella puedes diferenciar entre title/tituloera/época. Esto indica qué diapositiva es la diapositiva de título . También puedes establecer las diapositivas mediante épocas, pero ten en cuenta que las diapositivas marcadas como era solo mostrarán los títulos y las fechas (sin los enlaces a los contenidos multimedia) y requerirán fecha de inicio y de fin.
  • Group/Grupo: esta casilla es opcionalLos grupos son una manera de mostrar eventos que están relacionados entre sí.
  • Background/Fondo: esta casilla es opcionalEn ella puedes cambiar el fondo de las diapositivas mediante la introducción de un color hexadecimal (#333333) o la URL de una imagen.

Como podrás ver en el vídeo que encabeza esta noticia, usarlo es muy sencillo. No obstante, si tienes alguna duda, siempre la puedes dejar en los comentarios.




Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies