�ݺ�ߣ

1. Elaboración de materiais multimedia para a docencia Parte II Xosé antón Vila Sobrino [email_address]

2. Materiais multimedia Texto Imaxe Audio Video Web

3. Introducción A World Wide Web Internet e as orixes da web

4. Como funciona a web Servidor web Cliente (www.uvigo.es) (Firefox) Cliente (Opera) Cliente (Explorer)

5. HTTP e HTML HTTP= Hiper Text Transfer Protocol

6. Hipertexto=texto con enlaces ( links ) a outros obxectos (hipertexto, imaxes, sons, ...)

7. HTML= Hiper Text Markup Language

8. Un arquivo HTML contén texto e ”marcas” ou etiquetas

9. Exemplo de páxina en HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252"> <TITLE></TITLE> <META NAME="GENERATOR" CONTENT="OpenOffice.org 2.0 (Win32)"> ... </HEAD> <BODY LANG="es-ES" DIR="LTR"> <P> Página web de prueba </P> </BODY> </HTML> Etiquetas fundamentais: <HTML>

10. <HEAD>

11. <BODY>

12. Creación dunha páxina en HTML Editor de texto plano (bloc de notas, ...) Hai que coñecer HTML Editor de texto que garde en formato HTML Exemplo: OpenOffice Writer

13. Suficiente para páxinas sinxelas Editor de páxinas HTML Gratuitos: NVU (Kompozer), Mozilla composer

14. Comerciais: Microsoft Frontpage, Macromedia Dreamweaver

15. Creación de páxinas web con OpenOffice Writer Trabállase prácticamente igual Diferencias Algunhas opcións non existen (referencias cruzadas, índices,...)

16. Empréganse bastante mais os hiperenlaces

17. Existen “vistas” novas, como o código fonte (pódese editar) Pódese convertir automáticamente un arquivo de texto en HTML (gardar como ... páxina HTML)

18. NVU/Kompozer: o entorno de traballo

19. Deseñar unha páxina web sinxela Deseñar antes de escribir Debuxar a estructura nun papel Cabeceira

20. �ѱ��ú

21. Autor, data de creación, ...

22. Corpo Abre o Kompozer

23. Propiedades da páxina Formato/Título y propiedades de la página Poñédelle título a vosa páxina

24. Propiedades da páxina Formato/Fondo y colores de la página Non convén abusar de imaxes de fondo e cores moi fortes

25. Poñédelle unha cor amarela de fondo e letra en verde oscuro

26. Enlaces

27. Enlaces Enlace=elemento que ó premer sobre el nos conduce a outra URL URL=Uniform Resource Locator

28. Exemplos http://www.uvigo.es

29. file:///home/anton/proba.html Código dun enlace en HTML: <a href="http://www.uvigo.es">Univ. Vigo</a>

30. Enlaces Insertar un enlace externo Insertar no final da páxina o seguinte texto: ” Páxina web do profesor” Seleccionar as verbas ”Páxina web”

31. Premer no botón ”Enlace” da barra de ferramentas Na ventana que se abre escribir: http://trevinca.ei.uvigo.es/~anton (ou outra) Aceptar

32. Enlaces Un enlace pode ser cara un arquivo ”local”

33. Exercicio Gravade a páxina actual e abride unha páxina nova (/Archivo/Nuevo)

34. Escribide nela ”proba de enlace a arquivo”

35. Seleccionade a verba ”enlace” e premede no botón ”Enlace”

36. Seleccionade ”Elegir archivo”, buscade a páxina anterior, seleccionádea e aceptade.

37. Previsualización Para ver o resultado actual dunha páxina web empregaremos o botón Eso abrirá un navegador ca páxina web cargada.

38. Abride nun navegador a páxina web que estades deseñando e probade o enlace.

39. Enlaces internos Os enlaces tamén nos poden levar a puntos internos do documento actual ou doutros documentos.

40. Para facer eses enlaces primeiro hai que crear os ”puntos de ancoraxe”

41. Farémolo situando o cursor no punto escollido ou seleccionando un fragmento de texto e premendo no botón ”Enlace interno”

42. Enlaces internos Exercicio Enchede unha páxina web nova con moito texto (podedes copiar e pegar de outro sitio)

43. Ide ó final da páxina, escribide ”Fin da paxina”, seleccionade ese texto e premede o botón ”Enlace interno” (quitádelle o acento).

44. Ahora ide ó principio e escribide ”Ir ó final”, seleccionade ese texto e premede no botón ”Enlace”

45. Enlaces internos Na ventana que aparece, premede no menú desplegable e veredes que aparece o texto ” #Fin da paxina” Seleccionádeo e aceptade.

46. Probade a páxina web nun navegador

47. Imaxes e Elementos multimedia

48. Imaxes Insertar/Imagen < img style ="width: 910px; height: 1087px;" alt ="texto alt" src ="file:///G:/nome_arquivo.jpg">

49. Imaxes Exercicio Engadide unha foto vosa á páxina web que estades facendo.

50. Poñédelle como texto alternativo ”foto de ...”

51. Facede que o texto flua pola dereita da imaxe cun marxe de 20 puntos.

52. Enlazade a imaxe ca vosa páxina web persoal.

53. Elementos multimedia Os enlaces poden apuntar a calquera tipo de arquivo Documentos pdf

54. Imaxes

55. Arquivos de son

56. Arquivos de video A maneira de abrilos dependerá da configuración de cada navegador.

57. Elementos multimedia Exercicios Imos insertar nunha das páxinas unha sección ”Clases grabadas” con arquivos de audio

58. Descargade o arquivo ”clase_grabada.wav” a vosa carpeta

59. Colocade un enlace á mesma co texto ”clase do martes 17 de febreiro”

60. Probade a abrir esa páxina e ese enlace no navegador.

61. Publicar na web Hai programas que fan a xestión automáticamente

62. Se non hai que empregar un programa de transferencia de arquivos, por exemplo Filezilla

63. En webs.uvigo.es podemos aloxar páxinas web. http://www.uvigo.es/uvigo_gl/administracion/atic/datos/web/index.html

64. Materiais multimedia Texto Imaxe Audio Video Web

65. Formatos de video dixital Formatos de arquivo e codecs O formato de arquivo define a maneira de colocar os datos no arquivo: cabeceira, datos, ...

66. O codec define a maneira na que están codificados os datos

67. Un formato pode soportar varios codecs

68. Formatos e codecs mais empregados AVI desenvolto por Microsoft Pode conter case calquera codec: DV, MPG, DivX MPEG libre Fundam. contén arquivos codificados en MPG

69. MPEG-1: calidade CD (352x240 a 1 Mbps => 10 Mb/ minuto de video) O formato VCD emprega este formato MPEG-2: 720x480. Emprégase en DVDs ainda que tamén se emprega o formato SVCD

70. Parámetros que definen a calidade do video Fotogramas por segundo: usualmente entre 15 y 30

71. Tamaño de pantalla: 1024x1024, 720x540, 640x480, 320x240, ...

72. Velocidade de bits: 13.5, 6.75, 1 Mbps, 512, 340, 48 kbps

73. Planificando un vídeo Deberíamos de crear un “índice” igual que para calquera outro tipo de documento. Agora falarase de escenas Para definir os detalles técnicos temos que pensar no medio de distribución do mesmo CD o DVD: alta calidade

74. Rede de banda ancha: calidade media

75. Rede de banda estreita: baixa calidade A veces gravase en varias calidades Gravase en calidade alta e logo redúcese

76. Capturas de pantalla con RecordMyDesktop

77. Configuración Instalación Paquetes recordmydesktop e gtp-recordmydesktop Execución Son e video /gtk-recordmydesktop Advanced Carpeta de destino, performance, sound, misc

78. Capturar Seleccionar fiestra Select windows+premer co rato na fiestra desexada

79. Marcar un rectángulo sobre a “miniatura de pantalla”. Gravar Premer no botón gravar. Exercicio: facer unha gravación para explicar como se ven as propiedades dun arquivo

80. Montaxe de video con Kino

81. Entorno de traballo Abrir o Kino

82. Montaxe de video Cargar os videos File/abrir

83. Insert before/after Recortar un fragmento de video: trim Diferencia entre overwrite e insert Crear escenas novas Color fixo, gradiente, a partires de arquivo (de imaxe por exemplo)

84. Montaxe de video Gardar proxecto

85. Exportar proxecto

86. Exercicio Facer un video divulgativo sobre un tema (por exemplo a táboa periódica dos elementos). Empregar imaxes estáticas e mesmo videos.

87. Grabar cortes axeitados para explicalas.

88. Ver a posibilidade de incorporar unha banda sonora

�ݺ�ߣ

Mutimedia opensource parte_ii

Recommended

More Related Content

Viewers also liked (20)

Similar to Mutimedia opensource parte_ii (20)

Mutimedia opensource parte_ii