Saltar navegación

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

AULA VIRTUAL - Insertar un elemento externo con código iframe - Contenido educativo

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 28 de febrero de 2022 por Tic cp marquesdeleganes leganes

1085 visualizaciones

Cómo insertar en un recurso un elemento externo con el código iframe

Más información Transcripción

Descargar la transcripción

En esta ocasión vamos a ver cómo podemos insertar un elemento externo del aula virtual de cualquier otra página, de una plataforma, pues una actividad, una presentación, lo que sea. 00:00:03
Cómo podemos insertarlo dentro de nuestro recurso en el aula virtual. 00:00:18
Bien, os voy a poner tres ejemplos. Vamos a empezar por el principio. 00:00:24
una vez en el aula nos dirigimos a nuestro curso en este caso he creado un par de cursos entramos 00:00:29
en el curso prueba pero lo primero como veis siempre recordar activar edición bien ya dentro 00:00:36
de este curso prueba me voy aquí a añadir una actividad un recurso en este caso voy a elegir 00:00:46
elegir el recurso página. Muy bien, lo primero que nos pide como siempre es el nombre, pongo 00:00:52
de ejemplo esto, la multiplicación de nombre, en descripción no hace falta, yo no se lo 00:01:06
voy a poner y aquí en contenido es donde tenemos que ir desarrollando, donde tenemos 00:01:12
que ir metiendo todo, textos, imágenes, vídeos, todo lo que queráis. Bien, ya sabéis en 00:01:17
esta flechita de aquí arriba si la pulsamos se nos abrirán todos todas las 00:01:23
herramientas en menú de herramientas que tenemos bien y empiezo pues poniendo 00:01:28
algo de texto vamos a trabajar 00:01:32
multiplicación 00:01:38
unas actividades por ejemplo muy bien y ahora aquí debajo es donde 00:01:46
empezaría a insertar todos estos elementos externos. 00:01:54
Os voy a poner tres ejemplos. 00:01:58
Por ejemplo, vamos a empezar con esta plataforma, WorldWall, 00:01:59
que es una plataforma para hacer actividades interactivas, 00:02:04
que está bastante bien, os la recomiendo. 00:02:07
Y, por ejemplo, voy a insertar esta actividad. 00:02:09
Le doy aquí al menú, compartir. 00:02:13
Todo esto va a venir en cualquier sitio donde entremos, en cualquier plataforma. 00:02:16
y este es el símbolo del recurso del iframe que se llama en lenguaje html que nos va a dar ese 00:02:19
código que tenemos que insertar en nuestros recursos del aula virtual pulso aquí muy bien 00:02:28
y me sale este código iframe entonces lo copio puedo seleccionar o directamente le doy aquí a 00:02:35
copiar me vuelvo a mi aula y aquí nos tenemos que ir dentro del menú al símbolo del código html este 00:02:44
como veis es siempre el mismo en todos los sitios pulso no os asustéis yo me voy aquí al final en 00:02:55
la segunda línea línea 2 me voy aquí al final y pego ya está vuelvo a pulsar en el código html 00:03:03
y ya veis que se me va a ver aquí la actividad como veis no está centrada hay un truquito creo 00:03:14
que ya lo comentamos en alguna ocasión otro año pero bueno lo comento vuelvo a dar aquí al código 00:03:23
html y aquí en el código iframe veis que siempre empieza con iframe y acaba con iframe bien pues 00:03:27
delante pongo center entre los símbolos de mayor menor y aquí al final igual pero perdón pero con 00:03:35
la barra inclinada y cierro vuelvo a dar aquí y ya como veis me aparece centrado de acuerdo bueno 00:03:51
pues comprobamos cómo ha salido como siempre guardar cambios y regresar al curso muy bien 00:04:01
ya tenemos aquí curso y el recurso la multiplicación al pulsar pues ya tenemos aquí esta actividad que 00:04:09
si pulsamos pues se pondría en funcionamiento de acuerdo muy bien bueno pues vamos a insertar 00:04:17
otro elemento volvemos a la multiplicación ya sabéis editar a ajustes para abajo 00:04:29
ya hemos insertado esta actividad voy a insertar ahora a insertar o incrustar una presentación de 00:04:38
la plataforma de la página genial y que está bastante bien también una aplicación pues que 00:04:47
sirve para hacer presentaciones infografías y muchos contenidos interactivos pues yo voy a 00:04:54
elegir esta por ejemplo esta le ha trabajado con mis chicos de tercero durante este curso 00:05:01
puso aquí en el menú de opciones y me voy a perdón perdón aquí en compartir me he equivocado en 00:05:06
compartir le doy a insertar que aparece aquí a coros del icono en este caso me aparecen en 00:05:18
general y dos códigos yo cojo el de arriba iframe 00:05:27
seleccionamos copiamos nos vamos a nuestro aula 00:05:32
virtual entramos en el recurso página que crea 00:05:36
en este caso me voy a editar editar ajustes 00:05:42
voy para abajo contenidos aquí hemos puesto ya esta actividad 00:05:46
cojo el cursor le doy para abajo bien abro todo el menú y le doy aquí al símbolo de html 00:05:53
y aquí al final del todo o en la siguiente línea es igual pues pego el código este 00:06:02
de acuerdo vuelvo a dar al html el icono y veis que ya aparecería esto de acuerdo la presentación 00:06:10
de Yandeli que he incluido, en este caso no tiene nada que ver con la multiplicación pero bueno 00:06:21
para que nos sirva de ejemplo, vamos a guardar cambios y regresar al curso 00:06:25
bien, abrimos para que 00:06:29
veáis como lo verían los chicos 00:06:33
y aquí lo tenemos, de acuerdo, bueno y como último 00:06:35
elemento insertar, vamos a insertar 00:06:43
un pdf, pero un pdf que por ejemplo tenga 00:06:47
en google drive por ejemplo imagino yo aquí tengo un pdf son unas actividades de división que quiero 00:06:50
poner a los chicos y que aparezca en el recurso pues me voy a mi drive abro el pdf y atención a 00:06:59
lo siguiente me voy al menú que tenemos aquí de tres puntos de más opciones y logro en otra 00:07:10
ventana. Abrir en una nueva ventana. Bien. Y una vez abierto en esta nueva ventana, 00:07:20
vamos a esperar que se abra, lo que hacemos es volver al menú de más opciones y aquí 00:07:28
en penúltimo lugar está insertar elemento. Pulso y como veis me aparece el código iFrame. 00:07:35
seleccionó copiar y ya me voy virtual me voy a mi recurso editar ajustes 00:07:44
para abajo el contenido ya me tiene una actividad una presentación de general y 00:07:59
bien me voy para abajo y tomás de acuerdo 00:08:07
no tanto, me pasa un poquito 00:08:15
bien 00:08:18
aquí abro todo el menú 00:08:21
como siempre me voy al código 00:08:23
HTML, lo abro 00:08:26
me voy al final 00:08:28
no os asustéis 00:08:29
y aquí al final, o si no en la siguiente 00:08:31
línea, pulso ENTER 00:08:34
y pego 00:08:36
el código 00:08:38
y ya lo tenemos 00:08:38
si doy aquí en el código HTML 00:08:40
pues aparecerá por aquí abajo veis en este caso como veis tampoco está centrado puede volver 00:08:44
a poner lo que hice primero con la actividad del principio este es el código y le pongo aquí 00:08:52
center y al final con la barrita le cierro. Y ahora al pulsar aquí, veis, ya aparece 00:09:00
centrado. Muy bien, pues guardar cambios y regresar al curso. Bueno, pulsamos a ver 00:09:17
con tal se ve y ya tenemos aquí hemos insertado una actividad interactiva una presentación 00:09:26
me ha salido un poquito más abajo de la cuenta pero bueno para que veáis y aquí estaría el pdf 00:09:43
que incluso como veis aquí puedo verlo en una pantalla en una ventana aparte más grande eso ya 00:09:48
como queráis de acuerdo bueno pues de esta manera podemos insertar diferentes elementos externos en 00:09:56
nuestro recurso de la página virtual espero que os haya servido gracias chicos hasta luego 00:10:07
Subido por:
Tic cp marquesdeleganes leganes
Licencia:
Dominio público
Visualizaciones:
1085
Fecha:
28 de febrero de 2022 - 18:16
Visibilidad:
Público
Centro:
CP INF-PRI MARQUES DE LEGANES
Duración:
10′ 17″
Relación de aspecto:
1.93:1
Resolución:
1884x976 píxeles
Tamaño:
31.75 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid