Clase 04.
- 1. CLASE 04. AÑADIENDO VIDEOS Y PRESENTACIONES “ Creando un Blog en Lliurex”. Por Mario Quiles
- 2. GUIÓN CLASE 04. INTRODUCCIÓN AL “EMBEBIDO” DE OBJETOS WEB AÑADIENDO UN VÍDEO DESDE GOOGLE VIDEOS DESDE YOUTUBE AÑADIENDO UNA PRESENTACIÓN DESDE SLIDESHARE
- 3. INTRODUCCIÓN AL “EMBEBIDO” DE APLICACIONES WEB CÓMO VAMOS A AÑADIR OBJETOS WEB A NUESTRO BLOG
- 4. DEFINICIÓN DE “EMBEBER”: 3. tr. Dicho de una cosa: Contener, encerrar dentro de sí a otra. 4. tr. Dicho de una cosa inmaterial: Incorporar, incluir dentro de sí a otra. 5. tr. Encajar, embutir, meter algo dentro de otra cosa. (Extraído del Diccionario de la RAE) LA WEB 2.0. NOS PERMITE INCORPORAR ESTA HERRAMIENTA, “EMBEBER OBJETOS”, EN NUESTRO BLOG.
- 5. EMBEBIENDO OBJETOS VAMOS A CONSEGUIR AÑADIR APLICACIONES (VÍDEO, POWERPOINTS, ENCUESTAS...) SIN QUE “PESEN” EN NUESTRO BLOG: CARGARÁN DESDE LAS PÁGINAS DONDE SE ENCUENTREN ORIGINALMENTE. MUCHAS PÁGINAS YA INCORPORAN EL CÓDIGO NECESARIO PARA REALIZAR ESTE TIPO DE ENLACE CON LO CUAL VAMOS A PODER AÑADIR DE FORMA SENCILLA MULTITUD DE MATERIAL MULTIMEDIA YA EXISTENTE EN INTERNET.
- 6. COMO MÉTODO GENERAL, EN LA PÁGINA TENDREMOS QUE BUSCAR UN TEXTO PARECIDO AL SIGUIENTE: “ OBJETO PARA EMBEBER”, “EMBED”, “INTEGRAR HTML”... Y COPIAR EL CÓDIGO QUE LE SIGUE EJEMPLO DE CÓDIGO: <embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=2295360340367941531&hl=es" flashvars=""> </embed> NO NOS SERVIRÁN CÓDIGOS CREADOS ESPECIALMENTE PARA AUMENTAR LA COMPATIBILIDAD CON OTROS BLOGS COMO WORDPRESS O BLOGGER.
- 7. A CONTINUACIÓN, CUANDO ESTEMOS ESCRIBIENDO UN NUEVO POST PARA NUESTRO BLOG: CLICKAREMOS EL BOTÓN “HTML” Y EN LA VENTANA QUE SALGA INSERTAREMOS EL CÓDIGO. ESTO ES SÓLO UNA APROXIMACIÓN, MÁS ADELANTE LO VEREMOS PASO A PASO.
- 8. LOS BLOGS VAN EVOLUCIONANDO PARA PODER SER COMPATIBLES CON LA MAYORÍA DE SITIOS QUE PERMITEN EMBEBER SU CONTENIDO, SIN EMBARGO, USANDO BLOGIA, HEMOS OBSERVADO QUE HAY BASTANTES INCOMPATIBILIDADES, SOBRETODO EN CUANTO A PRESENTACIONES SE REFIERE (COMO BUBBLESHARE.COM O SLIDE.COM), QUE DARÁN PROBLEMAS. EN ESTA CLASE APRENDEREMOS A AÑADIR VÍDEOS Y PRESENTACIONES, COMPATIBLES CON BLOGIA.
- 9. AÑADIENDO UN VÍDEO DESDE YOUTUBE Y GOOGLE VIDEO
- 10. ABRIMOS FIREFOX VAMOS A EMPEZAR CON YOUTUBE ASÍ QUE NAVEGUEMOS HASTA ELLA: ( WWW.YOUTUBE.COM )
- 11. LO SIGUIENTE SERÁ SELECCIONAR UN VÍDEO, COMO ÉSTE: ( http :// www.youtube.com / watch?v = nSl0KKvv8rs ) ENCONTRAMOS EL CÓDIGO A EMBEBER AQUÍ LO SELECCIONAMOS Y LO COPIAMOS (BOTÓN DERECHO>COPIAR O CONTROL+C EN EL TECLADO)
- 12. NAVEGAMOS HASTA NUESTRO BLOG (XXX.BLOGIA.COM) Y VAMOS A ADMINISTRAR NOS VA A PEDIR LA CONTRASEÑA O NAVEGAMOS DIRECTAMENTE A: XXX.BLOGIA.COM/ADMIN.PHP
- 13. VAMOS A “ESCRIBIR NUEVO” (PARA PUBLICAR UN NUEVO POST) Y AHORA CLICKEMOS EN EL BOTÓN “HTML”
- 14. SE ABRIRÁ LA VENTANA DE “EDITOR CÓDIGO HTML”, COMO LA SIGUIENTE EL EDITOR DE CÓDIGO HTML ESTARÁ VACÍO, DEBEREMOS PEGAR EL CÓDIGO A EMBEBER (BOTÓN DERECHO>PEGAR O CONTROL+V EN EL TECLADO). PARA ACEPTAR LOS CAMBIOS CLICKAREMOS EN “ACTUALIZAR”
- 15. NUESTRO VÍDEO QUEDARÁ ASÍ REPRESENTADO EN LA VENTANA DEL POST PODEMOS PUBLICAR SIN MÁS CAMBIOS NUESTRO ARTÍCULO Y VER, “SALIENDO AL BLOG”, COMO HA QUEDADO
- 16. HEMOS INSERTADO NUESTRO VÍDEO DE YOUTUBE ^_^
- 17. AHORA SELECCIONAREMOS UN VÍDEO DE GOOGLE VIDEO, NAVEGAMOS HASTA EL RANKING: http :// video.google.es / videoranking HEMOS SELECCIONADO ÉSTE: http :// video.google.es / videoplay?docid =2295360340367941531 ESTA VEZ, ENCONTRAR EL CÓDIGO A EMBEBER VA A SER ALGO MÁS DIFÍCIL: EMPEZAREMOS POR CLICKAR “CORREO ELECTRÓNICO-BLOG”
- 18. SE DESPLEGARÁN LAS SIGUIENTES OPCIONES. CLICKAREMOS ENTONCES SOBRE “INTEGRAR HTML” PARA DESCUBRIR EL CÓDIGO
- 19. ENCONTRAMOS EL CÓDIGO A EMBEBER AQUÍ LO SELECCIONAMOS Y LO COPIAMOS (BOTÓN DERECHO>COPIAR O CONTROL+C EN EL TECLADO)
- 20. NAVEGAMOS HASTA NUESTRO BLOG (XXX.BLOGIA.COM) Y VAMOS A ADMINISTRAR NOS VA A PEDIR LA CONTRASEÑA O NAVEGAMOS DIRECTAMENTE A: XXX.BLOGIA.COM/ADMIN.PHP PUBLICAR EL VÍDEO EN NUESTRO BLOG, UNA VEZ OBTENIDO EL CÓDIGO, SE HARÁ DE LA MISMA MANERA QUE ANTES, LA RECORDAMOS:
- 21. VAMOS A “ESCRIBIR NUEVO” (PARA PUBLICAR UN NUEVO POST) Y AHORA CLICKEMOS EN EL BOTÓN “HTML”
- 22. SE ABRIRÁ LA VENTANA DE “EDITOR CÓDIGO HTML”, COMO LA SIGUIENTE EL EDITOR DE CÓDIGO HTML ESTARÁ VACÍO, DEBEREMOS PEGAR EL CÓDIGO A EMBEBER (BOTÓN DERECHO>PEGAR O CONTROL+V EN EL TECLADO). PARA ACEPTAR LOS CAMBIOS CLICKAREMOS EN “ACTUALIZAR”
- 23. EL “RECUADRO” DEL VÍDEO PUEDE A VECES MOSTRARSE EN BLANCO PODEMOS PUBLICAR SIN MÁS CAMBIOS NUESTRO ARTÍCULO Y VER, “SALIENDO AL BLOG”, COMO HA QUEDADO
- 24. HEMOS INSERTADO NUESTRO VÍDEO DE GOOGLE VIDEO ^_^
- 25. AÑADIENDO UNA PRESENTACIÓN DESDE SLIDESHARE
- 26. ABRIMOS FIREFOX NAVEGUEMOS HASTA SLIDESHARE: ( WWW.SLIDESHARE.NET ) SI NO LO HEMOS HECHO YA
- 27. EN SLIDESHARE VAMOS A PODER ENCONTRAR PRESENTACIONES ONLINE DE DIFERENTES TEMÁTICAS
- 28. VAMOS A SELECCIONAR UNA PRESENTACIÓN, COMO ÉSTA: ( http :// www.slideshare.net / bprofesor /clase-03/ ) ENCONTRAMOS EL CÓDIGO A EMBEBER AQUÍ LO SELECCIONAMOS Y LO COPIAMOS (BOTÓN DERECHO>COPIAR O CONTROL+C EN EL TECLADO)
- 29. NAVEGAMOS HASTA NUESTRO BLOG (XXX.BLOGIA.COM) Y VAMOS A ADMINISTRAR NOS VA A PEDIR LA CONTRASEÑA O NAVEGAMOS DIRECTAMENTE A: XXX.BLOGIA.COM/ADMIN.PHP PUBLICAR LA PRESENTACIÓN EN NUESTRO BLOG, UNA VEZ OBTENIDO EL CÓDIGO, SE HARÁ DE LA MISMA MANERA QUE VIMOS CON LOS VÍDEOS, LA RECORDAMOS:
- 30. VAMOS A “ESCRIBIR NUEVO” (PARA PUBLICAR UN NUEVO POST) Y AHORA CLICKEMOS EN EL BOTÓN “HTML”
- 31. SE ABRIRÁ LA VENTANA DE “EDITOR CÓDIGO HTML”, COMO LA SIGUIENTE EL EDITOR DE CÓDIGO HTML ESTARÁ VACÍO, DEBEREMOS PEGAR EL CÓDIGO A EMBEBER (BOTÓN DERECHO>PEGAR O CONTROL+V EN EL TECLADO). PARA ACEPTAR LOS CAMBIOS CLICKAREMOS EN “ACTUALIZAR”
- 32. EL “RECUADRO” DE LA PRESENTACIÓN PUEDE A VECES MOSTRARSE EN BLANCO PODEMOS PUBLICAR SIN MÁS CAMBIOS NUESTRO ARTÍCULO Y VER, “SALIENDO AL BLOG”, COMO HA QUEDADO
- 33. HEMOS INSERTADO NUESTRA PRESENTACIÓN DE SLIDESHARE ^_^
- 34. FIN DE LA CLASE 04. AÑADIENDO VIDEOS Y PRESENTACIONES “ Creando un Blog en Lliurex”. Por Mario Quiles