Este documento habla sobre la inserción de multimedia en webs, blogs y wikis. Explica los diferentes tipos de archivos multimedia como imágenes, audio y video, sus formatos, tamaños recomendados y programas de edición. También cubre cómo alojar estos archivos y cómo incrustar videos en blogs y wikis usando código HTML.

1. 0 INSERTAR MULTIMEDIA EN WEBS, BLOGS Y WIKIS CUI de la URJC 26 de mayo de 2011 Ángel R. Puente Pérez

2. 1 IMAGEN AUDIO VÍDEO Ángel R. Puente Pérez

3. 2 1.- IMAGEN Ángel R. Puente Pérez

4. 3 Es el elemento multimedia más sencillo de integrar Normalmente todos los servidores de blogs y wikis permiten la inclusión y el alojamiento de imágenes Ángel R. Puente Pérez

6. Gif (colores planos)

7. Png (colores planos software libre)Ángel R. Puente Pérez

10. PAINT (Microsoft)

11. PHOTOSHOP (software propietario)Ángel R. Puente Pérez

13. Picasa (asociado a GMAIL)Ángel R. Puente Pérez

15. CompfightÁngel R. Puente Pérez

17. CreativeCommonsÁngel R. Puente Pérez

18. 10 2.- AUDIO Ángel R. Puente Pérez

19. 11 Es el peor tratado de los tres elementos multimedia Ángel R. Puente Pérez

20. 12 Al menos, de momento… Ángel R. Puente Pérez

21. Dificultades de alojamiento. Los servidores de blogs no suelen proporcionar espacio para los archivos de audio 13 Ángel R. Puente Pérez

22. 14 Algunos servidores de wikis empiezan a permitir el alojamiento de archivos de audio Ángel R. Puente Pérez

24. Cda (compact disc audio: CD)

25. Mp3 (comprimido sin mucha pérdida)Ángel R. Puente Pérez

27. Importancia de los mp3Ángel R. Puente Pérez

28. 17 A TENER EN CUENTA III REPRODUCTORES De momento es necesario la inclusión de un reproductor que active el audio y nos lo haga sonar. Ver algunos reproductores en acción. Ángel R. Puente Pérez

29. 18 A TENER EN CUENTA IV EDICIÓN DE AUDIO AUDACITY Ángel R. Puente Pérez

30. 19 3.- VÍDEO Ángel R. Puente Pérez

32. wmv

33. avi

34. mp4

35. mov20 Ángel R. Puente Pérez

36. A TENER EN CUENTA II ALOJAMIENTO 21 Y otros… Ángel R. Puente Pérez

37. A TENER EN CUENTA III EDICIÓN, CREACIÓN 22 Ángel R. Puente Pérez

38. A TENER EN CUENTA IV INCRUSTAR UN VÍDEO 23 Técnica del embebido Ángel R. Puente Pérez

39. A TENER EN CUENTA IV INCRUSTAR UN VÍDEO 24 ¿En qué consiste? Ángel R. Puente Pérez

40. A TENER EN CUENTA IV INCRUSTAR UN VÍDEO 25 Fragmento de código HTML a colocar en la parte de código de la entrada del blog o wiki. Ángel R. Puente Pérez

41. A TENER EN CUENTA IV INCRUSTAR UN VÍDEO 26 El nombre viene de la etiqueta <embed> que suele formar parte de ese código a incrustar. Muchas veces el código comienza por <object> Ángel R. Puente Pérez

42. A TENER EN CUENTA IV INCRUSTAR UN VÍDEO 27 Código alternativo: <iframe> No admitido por algunos servidores de blogs o wikis. Ángel R. Puente Pérez

43. 28 Ángel R. Puente Pérez

44. + MULTIMEDIA 29 Ángel R. Puente Pérez

45. 30 1.- Archivos de FLASH . swf ANIMACIÓN INTERACTIVIDAD Ángel R. Puente Pérez

46. + MULTIMEDIA 31 Ángel R. Puente Pérez

47. 32 EXPLOSIÓN WEB 2.0 Los llamados GADGETS o WIDGETS para incluir en el blog, web o wiki Ángel R. Puente Pérez

48. EXPLOSIÓN WEB 2.0 33 INTERESANTE PARA LOS IDIOMAS Y LITERATURA 1.- Voki 2.- VoiceThread 3.- IVOOX (podcast) 4.- VOXOPOP Ángel R. Puente Pérez

50. Diapositiva 7: DarrenHester(by - nc)

51. Diapositiva 10: Seven Morris (by – nc - sa)

52. Diapositiva 12: Robert van der Steeg(by – nc - nd)

53. Diapositiva 16: jontunn(by - nd)

54. Diapositiva 32: markchadwickart(by – nc - nd)

55. El resto son logos de los respectivos programas citados, dueños de sus autores.Ángel R. Puente Pérez

56. Ángel Puente angelpuente@gmail.com el balcón abierto ) Diseño de presentaciones y su publicación en la Web Edición de audio digital y podcast Taller de audio y vídeo en el blog Trabajos en el blog colaborativo El Tinglado Antología Poética Multimedia Manual de lenguaje HTML 33 Ángel R. Puente Pérez