Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Editor online: Insertar fragmento HTML: Álbumes

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 30 de agosto de 2011 por Angeles R.

1326 visualizaciones

Editor online:Insertar fragmento HTML: Álbumes

Descargar la transcripción

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:
  • 1
  • 2
  • 3
  • 4
  • 5
Eres el primero. Inicia sesión para valorar el vídeo.
Idioma/s:
es
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

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid