Time Line JS

TimeLineJS és una eina en línia que ens permet crear frisos cronològics amb facilitat. Es basa en una plantilla de full de càlcul de Google. Accediu a la web de Timeline JS i cliqueu a Make a Timeline o navegueu per la pàgina fins a trobar el primer pas.

time1

Timeline JS us ofereix 4 passos senzills per a realitzar el vostre fris cronològic. El primer d’ells és descarregar una plantilla de Full de Càlcul de Google.

time2

Un cop descarregada la plantilla podeu esborrar les dades de mostra conservant la capçalera. En aquest full de càlcul introduireu les vostres dades. No tots els camps són obligatoris. Heu d’introduir les dades, un títol, un text opcional, un contingut multimèdia opcional (utilitzareu simplement l’adreça de youtube, vimeo, soundcloud…) una miniatura o una imatge de fons.

time3

Un cop teniu ple el full de càlcul, anireu a Fitxer – Publica al web.

time4

Una vegada hagueu clicat al botó Publica heu de tancar la finestra de publicació i copiar la url de la barra de navegació i enganxar-la al pas 3 del web de TimelineJS.

publica

Aquesta adreça que heu copiat l’heu d’enganxar al pas 3 del web de TimelineJS.

time6

En aquest mateix apartat, disposeu també d’una sèrie d’opcions, com ara triar el tipus de lletra, dir des de quina diapositiva voleu iniciar la presentació o l’escala en que es mostrarà el fris cronològic.

time7

El pas 4 genera el codi d’inserció.

time8

Abans de publicar-lo disposem d’una previsualització en mode escriptori, tauleta i mòbil.

time9
Aquesta podria ser un exemple de plantilla modificada.

I aquest el resultat definitiu.

Altres exemples:

https://timeline.knightlab.com/examples/houston/index.html

https://timeline.knightlab.com/examples/user-interface/index.html

 

Aquí disposeu d’un petit vídeo-tutorial amb tot el procés.

 Pàgines web per cercar biografies:

Save

Save

Save

Save

Aquest article ha estat publicat en 16-17. Afegeix a les adreces d'interès l'enllaç permanent.

Deixa un comentari

L'adreça electrònica no es publicarà Els camps necessaris estan marcats amb *