29 mayo 2009

Inserción de sonido y video en blog

Primero la música:
Lo acabo de escuchar y, aunque no es la versión clásica, a mi me ha encantado



Ahora el vídeo:



¿cómo insertar estos objetos en un blog?
En los sitios web donde se reproduce música y/o video suele existir una ventana con opciones para insertar un enlace (por ejemplo, si alguien quiere escuchar esto para darle un tono épico al video de antes, o imprimirle un aire de western , o si lo que se pretende es reproducir un video musical sólo se tiene que pinchar aquí) o para "insertar" o "incrustar" ("Embed", en inglish) el objeto en nuestra página Web (nuestro blog en este caso).
Lo único que hay que hacer:

Copiar (Control+C)

y

Pegar (Control+V).

Eso sí, ojo, a la hora de Pegar hay que hacerlo desde la Edición HTML del blog.


Por si no ha quedado claro, repetimos el proceso a continuación (recomiendo quitar el volumen al vídeo y sustituir por el tema musical de debajo)





El gran Freddy Mercury capitaneando los Queen...

11 mayo 2009

Flickr y Splash

Nuevo ejercicio para poner a prueba las herramientas que nos ofrece Internet.

PUNTO UNO, ONE: FLICKR

Primero, nos vamos a crear una cuenta en FLICKR, posiblemente el mejor lugar (o al menos el más concurrido) de almacenamiento de imágenes de toda la Interné. Para abrirse una cuenta en FLICKR primero hay que abrirsela en Yahoo!.
No problemo!
Una vez hecho las dos cosas, lo de siempre, autentificarse con un nombre de batalla (nick, nickname, user) y una contraseña (password) y entrar en el sitio. Buscar la opción de Subir fotos e imágenes y entonces empezaremos a subir las imágenes que habéis publicado cada uno de vosotros en este magnífico blog (pinchar en cada imagen, abrirla en otra pestaña, seleccionar y Guardar como... para bajarla al disco duro y luego lo contrario, Examinar y elegir la imagen para subirla a Flickr).
Al final de esta fase, tendréis una Galería personal (con vuestro nick) como ésta de aquí (pichad el enlace):
http://www.flickr.com/photos/36474446@N04/

Cuando hayais acabado, copiad la URL de la barra de direcciones del navegador y me la enviáis por correo electrónico.

PUNTO DOS,TWO: Splashr

Vamos a conseguir un efecto parecido a una Presentación típica pero con recursos de la RED. Y luego, la vamos a colgar en el BLOG.
Para ello, nos creamos una cuenta en este servicio, SPLASHR. Desde aquí elegimos un diseño prestablecido para una Presentación que se basará en las imágenes que tenemos alojadas en nuestra galería de FLICKR. Las imágenes deben haberse clasificado previamente mediante tags (etiquetas, palabras clave).
Mejor explicado está en este artículo:

Splashr: la imagen como recurso educativo


El efecto final puede quedar más o menos como sigue (pincha los enlaces):

1)cómo queda la presentación:
http://splashr.com/show/desktop/36474446@N04/efectos,Ronda/25/

2)cómo queda la presentación en un blog:
http://iniciandoweb20.blogspot.com/2009/03/presentaciones-en-splash.html


PUNTO TRES,THREE:Blogger.

Publicando en el blog.
Como siempre, abrid el blog (con la cuenta de usuario de Gmail/Google), y abrid Splashr. En blogger entrad en Nueva Entrada, y allí Copiar y Pegar código (en Edición de HTML) de esta opción de Splashr
Use this presentation on your own site.

Por último, en Blogger, poner algún texto y apretad el botón de PUBLICAR ENTRADA.

Las dudas las iremos solucionando sobre la marcha. Se admiten comentarios y sugerencias.

Un ejemplo:



Para ver sólo esta presentación pincha aquí.

De postre, unos minutos musicales. Tom Petty en el tema Saving Grace de su disco Highway Companion (2006).