USO DEL CÓDIGO EMBED
2013
DIRECCIÓN GENERAL
Sandro Luis Marcone Flores
DIRECCIÓN PEDAGÓGICA
Rocío Verónica Flores Garaycochea
COORDINACIÓN DE ÁREA
María Antonieta Mendoza Flores
AUTOR
Serge William Evangelista Ricci
1
CÓDIGO EMBED
¿ Qué es el código EMBED ?
La red de redes está plagada de términos en inglés, así como también
abreviaturas, acrónimos y siglas. Por lo que definiremos el término "embed"
una palabra que puedes encontrar en diversos recursos web y en el que te
mostrará un código HTML que puedes insertarlo en diversas páginas webs
para aprovechamiento pedagógico. "Embed" es una abreviación de la palabra
inglesa embedded, que significa que está incrustado, encajado, acoplado,
empotrado. Todos los códigos "embed" de diversos portales, los puedes usar
dentro del Sistema Digital para el Aprendizaje: PERÚEDUCA.
Existen numerosas herramientas y portales web que tienen la opción de
EMBED, por lo que podemos aprovechar pedagógicamente nuestro Blog, Wiki,
Foros y Grupos del Sistema Digital para el Aprendizaje: PERÚEDUCA.
Citaremos algunos ejemplos de recursos y portales con EMBED:
Youtube www.youtube.com
Dale al Play www.dalealplay.com
Dailymotion www.dailymotion.com
MetaCafe www.metacafe.com
Slideshare www.slideshare.com
Issuu www.issuu.com
Picasa www.picasaweb.com
Simbología del código EMBED en diversas webs
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
2
¿Cómo usamos el EMBED ?
En general el procedimiento para usar el código EMBED realizaremos el
siguiente procedimiento:
1. Ubicar el código EMBED.- Normalmente el código EMBED es mostrado
en la página de muchas maneras, por ejemplo tenemos:
Compartir, EMBED y <>
2. Copiar el código EMBED.- Copiar todo el código EMBED para que vaya al
portapapeles.
3. Pegar el código EMBED.- En el blog, foro o wiki del Sistema Digital para
el Aprendizaje PERÚEDUCA.
USANDO EL EMBED EN YOUTUBE
Realizaremos los siguientes pasos:
1. Ingresa a un navegador de internet y escribe en su barra de dirección
www.youtube.com
Escriba
www.youtube.com
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
3
2. Buscar un video referido al Sistema Digestivo Humano, por lo que en su
barra de búsqueda ingresamos la palabra: Sistema digestivo humano y
presionamos la lupa. Luego presionamos
en la lupa
Escriba el tema a
buscar
En este ejemplo escribiremos
Sistema Digestivo Humano
Muestra los
resultados de
búsqueda
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
4
3. Seleccionamos uno de los videos, haciendo clic en el mismo.
Hacer clic en el video
señalado
YouTube es uno de las
páginas más visitadas del
mundo
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
5
4. El video empieza a reproducirse, sobre el sistema digestivo humano.
Video reproduciéndose
5. Observe en la parte inferior del video, un enlace llamado COMPARTIR
Clic en COMPARTIR
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
6
6. Al hacer clic en COMPARTIR aparecen las siguientes opciones:
Compartir este video
Enviar por correo
Insertar
Compartir este video.- Muestra el enlace para compartir el video en diversas
redes sociales, blogs y webs.
Insertar.- Muestra el código EMBED requerido.
Enviar por correo.- Envía el enlace a una dirección de correo electrónico.
YouTube fue comprada por
Google el 2005
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
7
7. Hacer clic en INSERTAR y aparecerá el código EMBED.
Código Embed
Tamaño del video
El código EMBED enriquecerá
nuestro blog o Wiki.
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
8
8. Copiar el código EMBED, haciendo clic derecho y luego elije la opción
Copiar.
9. En otra pestaña ingresamos a www.perueduca.pe
Introducimos
www.perueduca.pe
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
9
10. Introduciremos el correo electrónico y su contraseña respectiva.
Y hacemos clic en ENTRAR.
Hacer clic en ENTRAR
11. Observa el entorno del Sistema Digital para el Aprendizaje.
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
10
12. Hacer clic en BLOG.
Hacer clic en MI BLOG
13. Hacer clic en Añadir entrada al blog.
Clic en Añadir entrada de
blog
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
11
15. Observa el entorno y escribe el titulo
Añada TITULO
Teclee el título del tema
16. Luego hacer clic en Fuente HTML
Hacer clic en
Fuente HTML
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
12
17. Observe como se activa la FUENTE HTML, donde aparecen códigos.
Código HTML del
Blog
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
13
18. Pegue el código EMBED copiado en punto 8.
Código EMBED
pegado en Fuente
HTML
HTML significa
lenguaje de marcas
de hipertexto
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
14
19. Después haga clic en Publicar, tal como se observa en la figura.
Clic en Publicar
HTML es un lenguaje
para elaboración de
páginas web.
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
15
20. Luego hacer clic en Mi Blog para que se actualice la web, después
observe el video “embebido”.
Clic en Mi Blog
Clic para
Video
reproducir el
“embebido” en el
video
Blog
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
16
CODIGO EMBED EN DIFERENTES WEBS
El procedimiento para insertar códigos EMBED de diversos portales de videos,
PDF, PPT y DOC es el mismo en todos casos y radica en ubicar el código
EMBED.
DAILYMOTION – VIDEOS
En la barra de direcciones del navegador escribe : www.dailymotion.com
Clic en
Exportar
Luego copia el
Código EMBED
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
17
Finalmente cópialo en
el blog de PERÚEDUCA
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
18
SLIDESHARE – PRESENTACIONES
En la barra de direcciones del navegador escribe: www.slideshare.com
(llamado el Youtube de las presentaciones), busca un tema determinado y
luego ubica <> Embed
Buscador de SlideShare
Clic en Embed
Clic en Copy
Código EMBED
Finalmente pegar el código en el Blog del Sistema Digital para el
Aprendizaje.
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
19
ISSUU - PUBLICACIONES
En la barra de direcciones del navegador escribe: www.issuu.com (llamado el
Youtube de las Publicaciones), busca un tema determinado y luego ubica <>
Embed
Buscador de Issuu
Clic en Share
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
20
En la parte inferior aparece el código EMBED
Clic en Embed
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
21
Luego se copia el código EMBED
Copiar el código
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
22
PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE Autor: Serge William Evangelista Ricci
2013
