Inclusión de elementos multimedia en el blog

Enlazar un vínculo en ventana nueva posicionable y dimensionable

2009-03-12T02:06:00.000-07:00

Si habéis observado, en este blog se presentan determinados vínculos a documentos que se cargan en ventanas emergentes nuevas. Es decir, ventanas que no ocupan toda la pantalla y que se pueden configurar, tanto en tamaño como en posición.
¿Cómo se hace esto?
Lo primero que tenemos que tener es lo de siempre: un servidor que nos permita el almacenamiento sin ninguna restricción de nuestros archivos personales. Lo que ya hemos comentado en más de una ocasión para el tema de los archivos .mp3 y .swf.
En esta ocasión para los archivos .doc (entre otros posibles formatos como veremos).

Pasos a seguir:
1.- En la plantilla del blog. En Diseño > Edición de HTML pegamos este código justo debajo de la etiqueta <head>
<script language="'JavaScript'" type="'text/javascript'">

function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=yes,scrollbars=1,location=0,statusbar=1,status=1,menubar=0,resizable=1,width=500,height=700,left = 0,top = 0');");
}

</script>

Los parámetros width y height hacen referencia al ancho y al alto de la ventana emergente. En este caso están a 500 píxeles de ancho y 700 de alto. Lógicamente son modificables...
Los dos valores siguientes el left y el top están a 0, es decir, la ventana se cargará en el extremo izquierdo superior (coordenadas 0,0). Si quieres modificar la posición, cambia los ceros por otros valores...

2.- Una vez hecho esto, en la entrada correspondiente, al hacer un vínculo al documento tenemos que añadir un fragmento de código que "llame" a esa función javascript que hemos colocado en la plantilla.
El código quedaría así:
<a href="javascript:popUp('http://ladireccionquesea.doc')">el texto que corresponda</a>
He hecho pruebas con nuestro Wikispaces (el servidor que nos proporciona las URLs limpias después de los trucos explicados...) y no funciona del todo bien.
Al menos no con todos los navegadores.

Vamos a poner un ejemplo que sí funciona correctamente. Alojador: servidor educativo, EducaMadrid. El documento original en este caso es un .html pero funciona igual de bien con cualquier otro formato.
Ejemplo 1
Seguimos con Wikispaces. Documento .doc de Word. No funciona bien con todos los navegadores.
Ejemplo 2
Ahora con Wikispaces. Documento .txt. Problema con los caracteres especiales, eñes, tildes...
Ejemplo 3
Ahora con Wikispaces. Documento .odt de OpenOffice.
Ejemplo 4
Ahora con Wikispaces. Documento en .html (página web).
Ejemplo 5
Probando con un documento .pdf alojado en fileDen.
Ejemplo 6
Probando con un documento .odt alojado en fileDen.
Ejemplo 7
Probando con un documento .pdf alojado en Wikispaces.
Ejemplo 8

Y oímos este precioso texto en la voz de Amancio Prada
"Que no se despierte" de Agustín García Calvo por Amancio Prada

Inclusión de archivos de flash con pantalla inicial

2009-02-28T15:25:00.000-08:00

Es algo complejo...
Objetivo: Eliminar el molesto sonido con el que empieza la animación nada más cargarse dentro de la entrada.
1.- Hemos capturado una imagen del inicio de la animación. La animación se llama comen.swf y la imagen la hemos llamado comen.png.
2.- Hemos creado dos páginas web: index.html e index1.html.
3.- En index.html hemos metido la imagen comen.png.
4.- En index1.html hemos incrustado la animación comen.swf.
5.- Hemos creado un vínculo desde index.html a index1.html de tal forma que pulsando sobre la imagen se salta a la siguiente página.
6.- Hemos subido todo a un servidor. La imagen, la animación, y las dos páginas web.
7.- En la entrada del blog hemos puesto un iframe con la ruta del index.html.
Lamentablemente en Wikispaces no he conseguido hacerlo funcionar.

Slideshow desde Flickr

2009-02-17T15:25:00.001-08:00

Para hacerlo:
1.- Nos situamos en los álbumes que tengamos dentro de nuestro espacio.
2.- Abrimos el álbum que vayamos a mostrar en el slideshow.
3.- Arriba a la derecha veremos la opción Presentación. Pulsamos en ella.

4.- Una vez abierta la animación, pulsamos en Compartir y enseguida veremos el código para copiar.

Jukebox de Dailymotion

2008-07-24T14:42:00.000-07:00

Lista de reproducción de vídeos de YouTube

2008-07-23T14:35:00.000-07:00

Cargar un vídeo desde la propia entrada del blog

2008-07-22T14:30:00.000-07:00

Desconozco el autor concreto de este vídeo obtenido de una CD ROM con acticidades de JClic

Incrustar un vídeo desde la Mediateca de EducaMadrid

2008-07-21T14:25:00.000-07:00

Ver una explotación didáctica de esta actividad en el blog de aula El Tinglado.

Incrustar un vídeo desde YouTube

2008-07-20T14:23:00.000-07:00

Vídeo de javivicente obtenido desde esta página.

Elementos de Flash (.swf)

2008-07-19T14:20:00.000-07:00

Cuadrado mágico de 3 x 3 con números enteros
La actividad consiste en colocar los nueve números enteros (uno en cada celda sin repetir ninguno), de tal forma que sumen lo mismo en horizontal, que en vertical, que en diagonal. Cuando creas que lo tienes, pulsa el botón Comprobar. Si lo has hecho bien, saldrá un mensaje de éxito.
Como hay ocho soluciones diferentes, a cada una, se le ha asignado un número. Traslada tu solución al cuadro inferior que se te indique.
Las otras soluciones se obtienen por giros y simetrías.
Las cuatro de la primera fila son producto de giros de 90º en el sentido de las agujas del reloj.
Las cuatro de la segunda fila son las simétricas respecto de un eje horizontal de cada una de las de arriba.
Ver la actividad en el blog de aula El Tinglado.

Reproductor múltiple de Komcitiz

2008-07-18T14:16:00.000-07:00

Tres sonetos:
Ausencia. Lope de Vega
Soneto XLIV. Pablo Neruda
Me he quedado sin pulso y sin aliento. Ángel González
Sitio web del autor del reproductor: komcitiz.

Reproductor múltiple de Jeroen Wijering

2008-07-17T14:12:00.000-07:00

Romance del prisionero
Romance del conde Niño
Romance del conde Arnaldos
Romance del enamorado y la muerte
Romance de la luna, luna
Romance sonámbulo
Sitio web del autor del reproductor: Jeroen Wijering.

Reproductor de audio Komcitiz

2008-07-16T14:03:00.000-07:00

"Take this waltz" de Leonard Cohen a partir de "Pequeño vals vienés" de F. García Lorca.
Ver el texto en inglés
Pequeño vals vienés
Sitio web del autor del reproductor: komcitiz.

Alojador y reproductor de audio divShare

2008-07-15T14:07:00.000-07:00

"Viento de amor" de Juan Ramón Jiménez, musicado e interpretado por Paco Damas con la colaboración de Amancio Prada.
Ver el texto del poema
Sitio web del autor del reproductor: divShare.

Play tagger de del.icio.us

2008-07-14T10:53:00.000-07:00

"Que no se despierte" de Agustín García Calvo por Amancio Prada
Ver el texto del poema

Slideshow desde Picasa

2008-07-13T14:33:00.000-07:00

Slideshow de flickrSLiDR

2008-07-12T14:52:00.000-07:00

Created with Admarket's flickrSLiDR.

PictoBrowser

2008-07-11T10:48:00.000-07:00

Bienvenid@

2008-07-10T10:40:00.000-07:00

Bienvenido/a al Taller "Inclusión de elementos multimedia en el blog" organizado por AulaBlog para sus asociados/as.

Este blog va a estar a disposición del taller como un recurso anexo.