Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Editor online: Insertar fragmento HTML: Álbumes
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Editor online:Insertar fragmento HTML: Álbumes
En este tutorial vamos a ver cómo insertar álbumes en nuestra página web.
00:00:05
Para poder insertar álbumes Picasa o Flickr en nuestra página web,
00:00:10
lo que tendremos que hacer será obtener el código HTML de los mismos.
00:00:15
Vamos a empezar con el álbum Picasa.
00:00:19
Yo lo tengo aquí abierto. Estoy en la página Picasa.
00:00:22
Y estos son los álbumes que yo he subido.
00:00:25
Vamos a coger este de paisajes, que es el que yo quiero incorporar en mi contenido.
00:00:29
Pulso sobre él con el botón izquierdo y tenemos que dar aquí, enlazar a este álbum.
00:00:34
Pulsamos y se nos abren las diferentes opciones para insertar el álbum.
00:00:46
Vamos a empezar con esta de aquí, que es copiar el HTML para incrustarlo en el sitio web.
00:00:52
Pulsamos con el botón izquierdo y se nos ha seleccionado.
00:00:59
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.
00:01:04
En esta ventana de aquí lo pegamos con control V y le damos a insertar.
00:01:34
Ya se nos ha insertado el álbum paisajes.
00:01:45
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í.
00:01:49
Como si fuera una proyección de diapositivas.
00:02:01
Entonces pulsamos botón izquierdo y se nos abre esta ventana de aquí.
00:02:05
Aquí podemos seleccionar la medida que queremos que tengan esas diapositivas.
00:02:11
Yo lo voy a dejar en mediana.
00:02:17
Y este es el código que pulsando con el botón izquierdo se nos selecciona.
00:02:20
Aquí tenemos una vista previa de cómo va a quedar esa presentación de diapositivas.
00:02:25
Con el código seleccionado, control-c.
00:02:29
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.
00:02:33
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.
00:02:49
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.
00:03:09
Seleccionamos, salir, ¿veis? Se nos ha insertado este contenido de las dos formas.
00:03:27
De esta forma de aquí, si yo selecciono, o sea, me pongo encima de paisajes y con el botón izquierdo le doy
00:03:39
Lo que me va a hacer es que me va a abrir en una pantalla nueva, Picasa
00:03:49
¿Veis? Si yo selecciono esta de aquí, pues lo que estamos viendo son las diapositivas
00:03:56
Son las dos formas que tiene Picasa de incrustar ese álbum.
00:04:08
Con esta de aquí vamos a la página al álbum de Picasa, con esta de aquí lo incrustamos en forma de diapositivas.
00:04:13
Vamos a ver ahora cómo cogemos el código HTML de Flickr, que la tengo abierta aquí.
00:04:22
Estos son los álbumes que yo tengo y tendremos que seleccionar el álbum que queremos.
00:04:33
Yo solamente tengo este, pues me posiciono encima de él y con el botón izquierdo lo selecciono.
00:04:39
Y tenemos que ir a presentación.
00:04:45
Pulsamos sobre presentación y le damos a compartir.
00:04:51
Y aquí está el código HTML que tenemos que coger.
00:05:07
Es este de aquí, seleccionar el código HTML.
00:05:11
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.
00:05:14
¿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.
00:05:50
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.
00:06:05
Añadir contenidos, animales en extinción, este es el que quiero seleccionar, salir.
00:06:28
¿Veis? Ya se me ha creado aquí la otra forma en Flickr de insertar mis fotos
00:06:39
Es que lo quiero poner aquí al lado
00:06:52
¿Veis? Esto es Picasa con las dos formas de incrustar el código HTML en forma de diapositivas
00:07:01
Y el álbum que si me posiciono sobre él me abre la página Picasa
00:07:10
y en Flickr la forma de coger el código HTML.
00:07:15
- Valoración:
- Eres el primero. Inicia sesión para valorar el vídeo.
- 1
- 2
- 3
- 4
- 5
- Idioma/s:
- Etiquetas:
- Miscelánea
- Autor/es:
- EducaMadrid: Ángeles Ruiz Marcos
- Subido por:
- Angeles R.
- Licencia:
- Reconocimiento - No comercial - Sin obra derivada
- Visualizaciones:
- 1326
- Fecha:
- 30 de agosto de 2011 - 13:27
- Visibilidad:
- Público
- Duración:
- 07′ 22″
- Relación de aspecto:
- 4:3 Hasta 2009 fue el estándar utilizado en la televisión PAL; muchas pantallas de ordenador y televisores usan este estándar, erróneamente llamado cuadrado, cuando en la realidad es rectangular o wide.
- Resolución:
- 1024x768 píxeles
- Tamaño:
- 31.69 MBytes