Uso de diferentes opciones para los tamaños de imágenes.

Ejemplificación de inclusión en Blogger de una foto alojada en Flickr. 

Uso de diferentes opciones para los tamaños de imágenes.

Se trata de una foto alojada en Flickr con un tamaño de 1024x768 px y con un de archivo de 696 KB.

Original de Jose Ángel Laredo

Para añadir la fotografía a esta entrada utilizamos la opción de Flickr: compartir > html, que nos proporciona su código para copiar y pegar en la pestaña HTML:

<a href="http://www.flickr.com/photos/luanco/6889944264/" title="Nacimiento Marinero Luanco 2011 (24) por joselaredogarcia2, en Flickr"><img src="http://farm7.staticflickr.com/6098/6889944264_286dfbfc80_z.jpg" width="640" height="480" alt="Nacimiento Marinero Luanco 2011 (24)"></a>

Observe que las medidas elegidas en el código son width="640" height="480"  [ 640x480 píxeles ]. Podríamos haber elegido otros tamaños.

Pero a su vez hemos usado la opción "imagen grande" cuando subimos el archivo a esta entrada.

El resultado es una imagen de 640px × 480px (escalado a 400px × 300px).

¿Qué hubiese sucedido si usamos la opción "Tamaño original" en lugar de "Grande"

 

En este caso la imagen tendría su propio tamaño, es decir el proporcionado por el código:  640 x 480 píxeles.

Este sería el resultado:

Original de Jose Ángel Laredo en Flickr

Jose Ángel Laredo

Crear un artículo con un documento de Google Docs e Integración de GDocs en Blogger.

Es posible incorporar a las entradas de un blog los documentos que hayamos creado en nuestra cuenta de Google Docs. Para ello basta configurar estos archivos con un acceso público y disponer del código embed correspondiente para insertarlo en el artículo del blog.

 

Básicamente existen dos formas de acceder a un documento GDocs desde el artículo de un blog:

 

• Marco interno a su URL. El documento de Google Docs se muestra dentro de un marco interno situado en el interior de un artículo del blog. Esto se consigue copiando y pegando un código HTML especial con la etiqueta iframe.

• Enlace a su URL. Se escribe un texto en el artículo del blog y en él se define un enlace de tal forma que cuando el usuario hace clic sobre este fragmento de texto, se abre una nueva página o pestaña mostrando el documento en Google Docs.

PASOS:

1. En el gestor de archivos de GDocs se ha hecho clic sobre el título del documento de texto.
2. En la barra de menús del editor de textos se elige Archivo > Publicar en la Web.
3. Clic en el botón Iniciar la publicación que se ofrece en el panel Publicar en la Web.

  

 

Para aumentar la anchura y altura del marco interno (iframe) se puede añadir al código HTML los parámetros width y height. Se transforma el código original proporcionado por GDocs:

 

<iframe src=<"url_documento"></iframe>

   

En este otro código iframe con alto y ancho determinado:

 

<iframe src=<"url_documento" width="100%" height="400px"></iframe>

 

Al publicar el artículo se muestra en su interior un marco interno dentro del cual se leerá el documento de Google Docs con alto y ancho especificados.

  

Enlace directo al documento alojado en Gdocs

He utilizado este enlace obtenido de
https://docs.google.com/document/pub?id=1SY00Z5A8wFef4Bcr4uXHPVvsUc8BdKj8aFue2ZCp6wg

  

Información extraída del curso Multimedia y Web 2.0 del INTEF.