Manual para incrustar galerías Públicas Picasa en Guadalinfo.es

Guía para incrustar galerías de picasa públicas en Guadalinfo.es

Francisco Javier Gallego Orellana

Ed.1 V.1.1 Año 2009

Manual para incrustar galerías Públicas Picasa en Guadalinfo.es

A tener en cuenta::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

A quien va dirigido: Dinamizadoras/es Locales Centros Guadalinfo.

Ámbito de uso: Personal y profesional.

Qué se explica: Como insertar galerías Picasa no propias en cualquier web.

Curva de aprendizaje nivel: Medio.

Nivel de conocimientos previos del software: No necesarios.

En este manual se asume que:- Quien lee, dispone de cuenta de usuario en google (http://gmail.com)- Quien lee, dispone de acceso de usuario en picasa (http://picasa.google.com)

Aunque ambas opciones no son necesarias. :)

Quien debería leerlo: Cualquier persona interesada

Tiempo de aprendizaje: aproximadamente 15 minutos.

Medios necesarios: Conexión a internet, editor de texto plano (gedit)

Tipo de Licencia: Creative Commons 3.0

Manual para incrustar galerías Públicas Picasa en Guadalinfo.es

3, 2, 1, Comenzamos!::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Este manual asume, que el usuario sabe dónde, cómo y qué pasos hay que seguir para dar de alta una galería de imágenes picasa en Guadalinfo.es, en el caso de que no se tenga un conocimiento previo se recomienda ver con anterioridad el manual de usuario disponible aquí.

Esta guía muestra de forma gráfica y paso a paso cómo se puede insertar cualquier galería, que esté en modo público, de Picasa Web, en Guadalinfo.es.

Los medios que emplearemos serán:

- Navegador- Editor de texto plano (aunque cualquier procesador de textos sirve)

1. Accediendo a guadalinfo.es::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Accedemos con nuestro nombre de usuario y clave (es obvio :) )

Manual para incrustar galerías Públicas Picasa en Guadalinfo.es

2. Accediendo a Picasa::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Una vez abierta la web, en una nueva pestaña, abriremos picasa web (http://picasaweb.google.com/lh/featured?feat=featured_all#).

Pantalla de búsqueda de galerías

Manual para incrustar galerías Públicas Picasa en Guadalinfo.es

Buscaremos la galería que más nos interese, y que esté para vista pública, una vez realizada la selección, obtendremos la siguiente pantalla.

En el lateral derecho veremos el usuario autor, pincharemos sobre su nombre (Marcado en rojo).

Manual para incrustar galerías Públicas Picasa en Guadalinfo.es

Cuando pinchamos sobre el nombre de usuario, nos mostrará una pantalla con todas las galerías públicas expuestas por el autor, elegiremos la que más nos guste.

Accederemos a la galería

3. Comienza lo bueno::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Como todos sabemos, debemos de copiar un código para que este incruste la galería en Guadalinfo.es, lo mejor es que, el código que demos de incrustar y que proporciona picasa cuando somos los dueños de la galería, es que es "STANDARD", por lo que haciendo una serie de modificaciones, incrustaremos dicha galería en la web.

El código en cuestión es el siguiente:

<table style="width:194px;"><tr><td align="center" style="height:194px;background:url(http://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="Referencia de la galería?feat=embedwebsite"><img src="Imagen de portada del album" width="160" height="160" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:11px"><a href="Referencia de la galería?feat=embedwebsite" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">Título de la ventana</a></td></tr></table>

Explicamos los nombres marcados en rojo de la ventana superior:● Referencia de la galería: Es la dirección web en la cual está la galería, por ejemplo:

http://picasaweb.google.com/usuario/Nombre de la Galería● Imagen de portada del album: Es la imagen que aparece como portada del album

Manual para incrustar galerías Públicas Picasa en Guadalinfo.es

en guadalinfo.es● Título de la ventana ó galería: Es el nombre con el que queramos llamar a la

galería enlazada en guadalinfo.es

UNA VEZ REALIZADOS LOS CAMBIOS QUE CONSIDEREMOS EN EL CÓDIGO, INCRUSTAREMOS CUALQUIER GALERÍA, PÚBLICA DE PICASA EN GUADALINFO.ES.

EJEMPLO PRÁCTICO VISUAL:

Antes de comenzar deberemos tener el código anterior ya creado en un archivo en blanco en el escritorio, o el cualquier lugar del sistema que esté a buen recaudo.

Como se entiende que no todos los usuarios trabajan con texto plano, en este paquete se adjunta el fichero "Código Picasa para Guadalinfo.txt", en el cual tan solo habrá que cambiar lo que está en mayúscula.

Una vez echo los pasos anteriores para encontrar la galería, copiamos la url que nos muestra en el navegador (recordad que la url se obtiene cuando accedemos a la galería, para verla on-line).

Cuando copiemos la dirección, no incluiremos la almoadilla ("#")

Con la dirección copiada, abrimos un editor de texto plano (gedit), o writer, aunque recomiendo trabajar mejor con gedit.

Abrimos el fichero "Código picasa para guadalinfo.txt" y lo editamos, como se ha explicado anteriormente, cambiando lo que está en mayúscula.Es decir:Código por editar, cambiamos lo que está en rojo

<table style="width:194px;"><tr><td align="center" style="height:194px;background:url(http://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="Referencia de la galería?feat=embedwebsite"><img src="Imagen de portada del album" width="160" height="160" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:11px"><a href="Referencia de la galería?feat=embedwebsite" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">Título de la ventana</a></td></tr></table>

Código editado

<table style="width:194px;"><tr><td align="center" style="height:194px;background:url(http://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="http://picasaweb.google.com/miroshnichenko.dmitriy/AutumnTintsCaveSettlementBakla?feat=embedwebsite"><img src="http://lh3.ggpht.com/_PQS54xW5ZZ8/StjVkap5xUI/AAAAAAAAA7I/RVs9PwSs-BA/s512/Velho%20moinho1.JPG" width="160" height="160" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:11px"><a href="http://picasaweb.google.com/miroshnichenko.dmitriy/AutumnTintsCaveSettlementBakla?feat=embedwebsite" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">Galería de prueba</a></td></tr></table>

Manual para incrustar galerías Públicas Picasa en Guadalinfo.es

Obsérvese las diferencias

Una vez realizados los cambios vamos a dar de alta la galería:

Pantalla para alta de galerías Picasa

Rellenamos los datos, y en código Picasa, pegamos el código que hemos editado con gedit.

Mensaje de alta correcta de galería, pulsamos sobre Gestión de galerías picasa (a la derecha)

Accederemos a todas las galerías dadas de alta en nuestra sección. Como se puede observar, vemos que tenemos la nueva galería.

Manual para incrustar galerías Públicas Picasa en Guadalinfo.es

Comprobamos de que funciona, haciendo click sobre la imágen de la galería.

Si todo sale bien, ACCEDERÁ A LA GALERÍA QUE HEMOS BUSCADO ANTERIORMENTE.

Manual para incrustar galerías Públicas Picasa en Guadalinfo.es

4. Portada del álbum::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Para poder poner una imágen en la portada del álbum, habrá que realizar estos sencillos pasos:

1. Buscámos la imagen que queremos poner como portada.2. Pinchamos sobre la misma con el botón derecho del ráton y elegimos "Ver Imagen"3. Copiamos la URL de la imágen4. En el fichero de texto "Código picasa para guadalinfo", buscamos la siguiente línea

<img src="ESCRIBE LA URL DE LA IMÁGEN" width="160" height="160" style="margin:1px 0 0 4px;"></a>

5. Sustituimos "ESCRIBE LA URL DE LA IMÁGEN", por la url que hemos copiado en el paso 3. Ej:

<img src="http://lh3.ggpht.com/_PQS54xW5ZZ8/StjVkap5xUI/AAAAAAAAA7I/RVs9PwSs-BA/s512/Velho%20moinho1.JPG" width="160" height="160" style="margin:1px 0 0 4px;"></a>

Una vez realizados estos cambios procedemos al alta del álbum.

FIN ;)

Manual para incrustar galerías Públicas Picasa en Guadalinfo.es

Feedbacks, dudas, sugerencias, fé de erratas:::::::::::::::::::::::::::::::::::::::::::::::::::::::

Gracias por leer este tutorial, espero que la comprensión del mismo haya sido de tu agrado y gusto, y que te sea útil para ponerlo en marcha :).

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Feedbacks, dudas, sugerencias

Si te ha gustado este tutorial, o tienes alguna duda, o caso de éxito o no, o si detectas quealgo está mal, si quieres, puedes enviarme un feedback (mensaje de respuesta), en lossiguientes medios:AMSN: frangallego82@msn.comCORREO JUNTA: guadalinfo.montejaque@andaluciajunta.esFacebook: http://es-es.facebook.com/people/Javier-Gallego/1163888414Twitter: http://twitter.com/javiergallegoGuadaltwitter: guadalinfo.montejaqueSkype: frangallego82Gmail: jvigallego@gmail.com / guadalinfomontejaque.centro@gmail.com

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Fe de erratas

SI ALGO ESTUVIERE MAL, POR FAVOR CONTACTA CON MIGO, PARA CORREGIRLO.