Uno de los problemas que suele poner el profesorado cuando hablamos de utilizar ActivInspire en nuestras lecciones es que no presenta animaciones ya que tienden a compararlo con cierto programa de presentaciones. Comparación que espero tratar en profundidad en este blog algún día.

Casualmente encontré en Twitter un tuit en donde aparecía un enlace a un vídeo en donde explicaban cómo utilizar la herramienta Teletipo ya explicada en este blog en Teletipo y el cómo poder utilizar la herramienta HTML incrustado para realizar lo mismo. Lo que me dio la idea de ir un poco más allá y explicar cómo utilizarla no sólo para texto sino también para imágenes.

En HTML la etiqueta que se utiliza para desplazar textos o imágenes se llama <MARQUEE> </MARQUEE> crea una marquesina cuyo contenido se desplaza. Dispone de una serie de atributos que nos permite mostrar el contenido de la marquesina a nuestro gusto.

Este es el código base que utilizaré:

<MARQUEE style="border: 0px ; background-color: #FFA500; font-size: 80px; font-family: Arial; color: #000000;">T&uacute texto va aqu&iacute</MARQUEE>

En border indicaremos si la marquesina lleva un borde, cual es su ancho, a continuación el color de fondo de la marquesina, el tamaño de la fuente, el tipo de fuente, su color y finalmente nuestro texto.

Los colores están indicados en código hexadecimal y estos son los códigos para las vocales acentuadas y la ñ.

Acentos en el código HTML

á = &aacute
é = &eacute
í = &iacute
ó = &oacute
ú = &uacute
ñ = &ntilde

Podemos indicar la dirección en que se va a mostrar el contenido de la marquesina  hacia arriba direction="up", hacia abajo direction="down", hacia la izquierda direction="left" hacia la derecha direction="right". Si no ponemos dirección irá hacia la izquierda.

Podemos controlar la velocidad con el atributo scrolldelay y pondremos el valor en milisegundos.

Si queremos colocar una imagen es mucho más sencillo sólo debemos sustituir todo lo relacionado con el texto por la URL de la imagen o por la ruta donde se encuentra almacenada en nuestro equipo.


Por ejemplo si tengo en la unidad C: una carpeta llamada imagenes y quiero utilizar la imagen aguila.png que tengo en ella escribiría:

Descarga el rotafolio para ver los ejemplos de este post.