Este documento explica cómo insertar códigos prediseñados en páginas web para agregar elementos multimedia como fotos, videos y diapresentaciones. Describe los pasos para encontrar los códigos de inserción en páginas web, copiarlos y pegarlos en la vista HTML de un sitio como Blogger.com. También incluye dos ejemplos de cómo insertar una diapositiva y un video utilizando estos códigos prediseñados.

1. .:tutorial:.
.:cómo insertar
códigos prediseñados:.
juan antonio ruFFino

2. • Hoy día, gran parte de las páginas interactivas en
la Web 2.0 ofrecen la posibilidad de insertar
en nuestras propias producciones digitales,
aquellos elementos o recursos audiovisuales
que van a enriquecer la razón de ser
en un determinado proyecto
que estemos desarrollando…

3. • Los códigos son programaciones que hoy día
permiten la interactividad del usuario, y que
se expresan mediante scripts, o “fórmulas escritas”,
que traducidas, reflejan la ventana o software
de la información que desea transmitirse.

4. • En este sentido, los códigos prediseñados son
“scripts” que permiten insertar, fotos, videos,
música y diapositivas (entre otros),
en nuestras propias
producciones
multimedios..!

5. • Para poder ubicar estos códigos prediseñados,
tenemos que identificar en las diferentes
páginas web términos como:
• EMBED
• HTML CODE
• HTML

6. • He aquí algunos ejemplos:

9. • Luego que hemos copiado el código (portapapeles),
tenemos que ingresar a aquella solución web
que estamos desarrollando.
• Tomemos como ejemplo la interfaz de:
• www.blogger.com

10. • Hay 2 modos de poder visualizar la edición de
publicación de entradas en blogger.com…
• Una de ellas es la vista clásica (anterior)…

11. .:nueva interfaz de edición:.
Haciendo “clic” en la pestaña de HTML,
se habilita la caja de texto en donde vamos a
pegar el código, procediendo luego a definir
el título de la entrada, y seguidamente pulsar
el botón de “publicar”

12. .:inserción de códigos:.
• Veamos 2 ejemplos:

13. 1

14. Buscamos un tema…

15. Y escogemos (revisamos)
el contenido (diapositiva)
que nos parece más
representativo, que en este
caso se trata
del “periodismo digital”

16. Luego que hemos pulsado “clic”,
se despliega la diapositiva, tal cual
como se ve aquí:

17. Seguidamente en la parte superior
de esta diapositiva vamos a
conseguir un botón llamado
“embed”

18. Al hacer “clic” aparecerá el botón
de copiar que nos permitirá
traernos el código

19. .:regresamos a la ventana de blogger:.
• Verificamos que la pestaña que
esté activa sea la de HTML

20. • Y se ejecuta el comando de
“pegar”, desplegándose el código
en dicha ventana…

21. • Escribimos el título de
la publicación y luego pulsamos
el botón de publicar

22. Y he aquí el resultado de la publicación

23. 2

24. En el motor de búsqueda escribimos el término
a conseguir…

25. Luego de una revisión, seleccionamos el video
deseado…

26. Se despliega el video en curso…

27. Y se procede a pulsar el botón “compartir”

28. Luego se despliega el botón “insertar”, y
hacemos “clic”

29. …apareciendo el código que vamos a incrustar

30. .:regresamos a la ventana de blogger:.
• Verificamos que la pestaña que
esté activa sea la de HTML y
pegamos el código correspondiente

31. .:IMPORTANTE:.
• Queda en manos del usuario final la ubicación
del código a embeber dentro de la página web
al que está afiliad@ (afiliación).
• Igualmente queda de parte del usuario hurgar
dónde va a pegar el código que ha colocado
en el portapapeles…

32. www.embedit.in
FINALMENTE, UN DATO ADICIONAL…
Esta página web ofrece la oportunidad de generar tus propios códigos,
es cuestión que te registres a ver cómo funciona..!!!