Código embed

Page 1

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

2013

Autor: Serge William Evangelista Ricci


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

2013

Autor: Serge William Evangelista Ricci


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. Escriba el tema a buscar

Luego presionamos en la lupa

En este ejemplo escribiremos Sistema Digestivo Humano

Muestra los resultados de búsqueda

PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE

2013

Autor: Serge William Evangelista Ricci


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

2013

Autor: Serge William Evangelista Ricci


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

2013

Autor: Serge William Evangelista Ricci


6 6. Al hacer clic en COMPARTIR aparecen las siguientes opciones:

Compartir este video Insertar

Enviar por correo

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

2013

Autor: Serge William Evangelista Ricci


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

2013

Autor: Serge William Evangelista Ricci


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

2013

Autor: Serge William Evangelista Ricci


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

2013

Autor: Serge William Evangelista Ricci


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

2013

Autor: Serge William Evangelista Ricci


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

2013

Autor: Serge William Evangelista Ricci


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

2013

Autor: Serge William Evangelista Ricci


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

2013

Autor: Serge William Evangelista Ricci


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

2013

Autor: Serge William Evangelista Ricci


15 20.

Luego hacer clic en Mi Blog para que se actualice la web, después

observe el video “embebido”.

Clic en Mi Blog

Video “embebido” en el Blog

PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE

2013

Clic para reproducir el video

Autor: Serge William Evangelista Ricci


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

2013

Autor: Serge William Evangelista Ricci


17

Finalmente cópialo en el blog de PERÚEDUCA

PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE

2013

Autor: Serge William Evangelista Ricci


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

2013

Autor: Serge William Evangelista Ricci


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

2013

Autor: Serge William Evangelista Ricci


20 En la parte inferior aparece el código EMBED

Clic en Embed

PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE

2013

Autor: Serge William Evangelista Ricci


21 Luego se copia el código EMBED

Copiar el código

PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE

2013

Autor: Serge William Evangelista Ricci


22

PERÚEDUCA - SISTEMA DIGITAL PARA EL APRENDIZAJE

2013

Autor: Serge William Evangelista Ricci


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.