Mostrando entradas con la etiqueta objeto. Mostrar todas las entradas
Mostrando entradas con la etiqueta objeto. Mostrar todas las entradas

lunes, 5 de octubre de 2009

Un video de You Tube. Insertando más objetos

La mayor dificultad que encuentro para generar esta entrada es encontrar algo en You Tube que me motive un poco. Elegiré algo sosillo y corto para no sobrecargar las redes con estupideces.


Cada vídeo de YouTube tiene a su lado un par de cuadros, uno con un enlace a la página y otro con el código necesario para incluir el vídeo en nuestra página:





El primero de los dos sería este:


http://www.youtube.com/watch?v=JgpXuvLbOeM



Que nos manda a YouTube. (No se te olvide volver por aquí)



El segundo se utiliza de una forma un poco más sutil.


En la ventana de edición del Blog pasamos a "edición HTML" y en el sitio donde queremos tener el vídeo pegamos el código, así de feo es:


<embed src="http://www.youtube-nocookie.com/v/JgpXuvLbOeM&hl=" width="445" height="364" type="application/x-shockwave-flash" fs="1&rel=" color1="0x402061&color2=" border="1" allowfullscreen="true" allowscriptaccess="always"></embed>


Y asín de majo queda:




Esto es todo, dos formas de relacionarnos con YouTube, poniendo un enlace e insertando el vídeo en nuestro Blog.

Segunda inserción, ahora un vídeo

La manera más simple es utilizar el icono de inserción de vídeos que tenemos en la barra de herramientas (en una entrada anterior ya la habíamos visto):




En este caso el icono que hace la "magia" es el segundo de la derecha.

Como que hay que hacer una demostración efectiva os pongo una película que cariñosamente he titulado

Calar el motor puede ser una afición


Tranquilos que no es un largometraje. Para este ejemplo elegí un trocito muy corto.

El proceso es simple, incluso más simple que el de la imagen porque ahora la ventana de selección no nos da opciones.

No quiere decir que no las haya, cuando comencemos a sumergirnos en el HTML veremos como cambiar algunas cosillas.

Insertar una imagen en una entrada del Blog

Cuando utilizamos el editor de entradas una de las primeras cosas que saltan a la vista es la barra de menús:


Barra de Herramientas



El tercer icono empezando por la derecha activa la inserción de una imagen.
Se abrirá un cuadro de diálogo en una ventana emergente y tendremos la opción de agregar una imagen desde el equipo o desde algún lugar de internet.

Cuadro emergente de inserción Además hay algunas opciones para alinear la imagen con las que podemos ir experimentando.

Nos permiten dejar la imagen centrada en el post, alinearla a la derecha o a la izquierda del texto o simplemente no hacer nada (dejar que el navegador la ponga donde tenga a bien)

En un momento posterior vamos a utilizar la capacidad de edición directa del HTML para controlar de manera más fina la posición de la imagen y algunas cosas relacionadas con ella.

Probablemente las primeras veces hay que ensayar un poco y tener la prudencia de usar la Vista previa de la entrada antes de publicarla. Pero tarde o temprano todo el mundo puede aprender.






Nota para curiosos
Insertar una imagen es el caso particular de insertar cualquier objeto.
Un objeto puede ser efectivamente una fotografía o un gráfico pero también puede ser un clip de video o de sonido o cualquier otra cosa que sea capaz de mostrar un navegador.