1 00:00:05,429 --> 00:00:10,230 En este tutorial vamos a ver cómo insertar álbumes en nuestra página web. 2 00:00:10,949 --> 00:00:14,869 Para poder insertar álbumes Picasa o Flickr en nuestra página web, 3 00:00:15,230 --> 00:00:18,530 lo que tendremos que hacer será obtener el código HTML de los mismos. 4 00:00:19,129 --> 00:00:21,429 Vamos a empezar con el álbum Picasa. 5 00:00:22,109 --> 00:00:25,350 Yo lo tengo aquí abierto. Estoy en la página Picasa. 6 00:00:25,989 --> 00:00:28,410 Y estos son los álbumes que yo he subido. 7 00:00:29,469 --> 00:00:34,570 Vamos a coger este de paisajes, que es el que yo quiero incorporar en mi contenido. 8 00:00:34,850 --> 00:00:44,979 Pulso sobre él con el botón izquierdo y tenemos que dar aquí, enlazar a este álbum. 9 00:00:46,200 --> 00:00:51,460 Pulsamos y se nos abren las diferentes opciones para insertar el álbum. 10 00:00:52,740 --> 00:00:59,979 Vamos a empezar con esta de aquí, que es copiar el HTML para incrustarlo en el sitio web. 11 00:00:59,979 --> 00:01:04,980 Pulsamos con el botón izquierdo y se nos ha seleccionado. 12 00:01:04,980 --> 00:01:34,980 Presionamos CTRL-C y nos vamos ahora a nuestro contenido. Abrimos nuestro administrador, me voy a paisajes españoles, modo edición, me voy al cuerpo y aquí damos a este botón de aquí, insertar fragmento HTML. 13 00:01:34,980 --> 00:01:44,519 En esta ventana de aquí lo pegamos con control V y le damos a insertar. 14 00:01:45,060 --> 00:01:48,060 Ya se nos ha insertado el álbum paisajes. 15 00:01:49,079 --> 00:02:01,159 Vamos a irnos otra vez al álbum, a Picasa, y vamos a ver la otra forma de incrustar este álbum en mi contenido, que es esta de aquí. 16 00:02:01,719 --> 00:02:05,379 Como si fuera una proyección de diapositivas. 17 00:02:05,379 --> 00:02:10,800 Entonces pulsamos botón izquierdo y se nos abre esta ventana de aquí. 18 00:02:11,740 --> 00:02:17,479 Aquí podemos seleccionar la medida que queremos que tengan esas diapositivas. 19 00:02:17,979 --> 00:02:19,139 Yo lo voy a dejar en mediana. 20 00:02:20,060 --> 00:02:24,520 Y este es el código que pulsando con el botón izquierdo se nos selecciona. 21 00:02:25,699 --> 00:02:29,819 Aquí tenemos una vista previa de cómo va a quedar esa presentación de diapositivas. 22 00:02:29,819 --> 00:02:33,620 Con el código seleccionado, control-c. 23 00:02:33,620 --> 00:02:49,620 Nos vamos otra vez a nuestro contenido y aquí abajo vamos a darle otra vez a insertar fragmento HTML en la ventana control V y le damos a insertar. 24 00:02:49,620 --> 00:03:09,620 Se nos han insertado ya las diapositivas. Vamos a guardar y publicar los cambios en el contenido. Vamos a salir del administrador y vamos a publicar para ver cómo quedaría. 25 00:03:09,620 --> 00:03:27,620 Vamos a añadir recurso, contenidos, desplegamos agregador de contenidos, añadir, añadir contenidos y este es el contenido que quiero añadir, paisajes españoles. 26 00:03:27,840 --> 00:03:39,620 Seleccionamos, salir, ¿veis? Se nos ha insertado este contenido de las dos formas. 27 00:03:39,620 --> 00:03:49,259 De esta forma de aquí, si yo selecciono, o sea, me pongo encima de paisajes y con el botón izquierdo le doy 28 00:03:49,259 --> 00:03:56,500 Lo que me va a hacer es que me va a abrir en una pantalla nueva, Picasa 29 00:03:56,500 --> 00:04:08,110 ¿Veis? Si yo selecciono esta de aquí, pues lo que estamos viendo son las diapositivas 30 00:04:08,110 --> 00:04:12,830 Son las dos formas que tiene Picasa de incrustar ese álbum. 31 00:04:13,650 --> 00:04:21,589 Con esta de aquí vamos a la página al álbum de Picasa, con esta de aquí lo incrustamos en forma de diapositivas. 32 00:04:22,430 --> 00:04:29,670 Vamos a ver ahora cómo cogemos el código HTML de Flickr, que la tengo abierta aquí. 33 00:04:33,069 --> 00:04:39,129 Estos son los álbumes que yo tengo y tendremos que seleccionar el álbum que queremos. 34 00:04:39,129 --> 00:04:44,730 Yo solamente tengo este, pues me posiciono encima de él y con el botón izquierdo lo selecciono. 35 00:04:45,569 --> 00:04:50,629 Y tenemos que ir a presentación. 36 00:04:51,370 --> 00:05:05,329 Pulsamos sobre presentación y le damos a compartir. 37 00:05:07,230 --> 00:05:10,089 Y aquí está el código HTML que tenemos que coger. 38 00:05:11,110 --> 00:05:14,430 Es este de aquí, seleccionar el código HTML. 39 00:05:14,430 --> 00:05:50,899 Me posiciono aquí, botón izquierdo, está seleccionado, control C, me voy a mi administrador de contenidos, en este contenido de aquí quiero insertar este álbum, animales en extinción, le doy a editar el contenido, nos vamos al cuerpo y aquí, icono, insertar fragmento HTML. 40 00:05:50,899 --> 00:06:05,939 ¿Veis que es lo mismo siempre? Copiar el código HTML y traérnoslo a nuestro contenido en pegar texto HTML y aquí le damos control V, insertar, ya está insertado. 41 00:06:05,939 --> 00:06:25,839 Vamos a guardar y publicar los cambios, vamos a salir de aquí y vamos a ir a añadir el recurso para ver cómo se nos quedaría, cómo lo veríamos. 42 00:06:28,740 --> 00:06:39,019 Añadir contenidos, animales en extinción, este es el que quiero seleccionar, salir. 43 00:06:39,019 --> 00:06:52,529 ¿Veis? Ya se me ha creado aquí la otra forma en Flickr de insertar mis fotos 44 00:06:52,529 --> 00:07:01,980 Es que lo quiero poner aquí al lado 45 00:07:01,980 --> 00:07:10,120 ¿Veis? Esto es Picasa con las dos formas de incrustar el código HTML en forma de diapositivas 46 00:07:10,120 --> 00:07:15,459 Y el álbum que si me posiciono sobre él me abre la página Picasa 47 00:07:15,459 --> 00:07:21,079 y en Flickr la forma de coger el código HTML.