14
LABTEC Laboratorio de Tecnologías y Nuevos Medios

Curso taller-2011

Embed Size (px)

DESCRIPTION

Curso taller

Citation preview

Page 1: Curso taller-2011

LABTECLaboratorio de Tecnologías y Nuevos Medios

Page 2: Curso taller-2011

IMÁGENES

•Editar y gestionar imágenes con Pixlr, Flickr y Picasa.•Optimizar tipo de archivo (.jpg .png), tamaño (ancho y alto en pixeles) y resolución de la imagen (dpi)•Embeber Imagen desde PC, desde libreria en WP, desde URL externa (http://mifoto.com), desde repositorio de imágenes (Flickr).•Utilizar Imágenes de uso libre y gratuito (Licencia Creative Commons)•Citar fuente (URL de origen) y créditos de la imagen (Autor)•Producir tus propias imágenes y evitar abusar de imágenes de terceros

Page 3: Curso taller-2011

Elementos de la imagen

•HEADLINES Titulo o encabezado•CAPTIONS Epígrafe o pie de foto•CREDITOS Fuente y Autor•TAGS Etiquetas (metadato)

Page 4: Curso taller-2011

FOTOREPORTAJE CON SOUNDSLIDES

•Sincronizar audio e imágenes•Transiciones no efectistas•Placa de introducción y cierre con créditos (scrollmovie)•Inserción de Fotogramas con textos

Page 5: Curso taller-2011

AUDIO

•Captura de voz con micrófono corbatero, evitar uso de mic ambiente•Uso de extensión de archivos de audio .mp3•Convertir formatos de audio con Mobile media Converter•Edición de audio en microaudios de 1,5 a 3 minutos. •Organizar un playlist de audios a modo de capítulos identificados con un Titular•Sinopsis del audio•Complementar con imagen de entrevistado.•Crop&Edit el audio eliminando las preguntas de entrevistador•Insertar elementos sonoros de transición entre los módulos de la entrevista•Utilizar una cuña o identificador para la introducción a las entrevistas

Page 6: Curso taller-2011

HEADLINES

CAPTIONS

CONTROLES

FOTOGRAFIA

Page 7: Curso taller-2011
Page 8: Curso taller-2011
Page 9: Curso taller-2011
Page 10: Curso taller-2011
Page 11: Curso taller-2011
Page 12: Curso taller-2011

Tres etapas:

•Diseño de información: Se convierte la información lineal a hipertexto, se le da formato multimedia

•Diseño de interfaz: Aquí se trata y se define las convenciones gráficas que va a tener el producto, se definen los componentes, la distribución de los elementos, y se realiza la pantallización.

•Diseño de interactividad: recursos de comunicación entre la plataforma y el usuario

Page 13: Curso taller-2011

EXPLOTACION DE LITIO

NOTICIA HIPERTEXTUAL

FOTOREPORTAJE

AUDIOENTREVISTA

VIDEOENTREVISTA

VISUALIZACIONDE DATOS

INFOGRAFÍA

Page 14: Curso taller-2011

HTML Y CSS ARBITRARIO EN WP

ENLACES• <A HREF=”http://www.sitio.com” target=”_blank”

title=”Bienvenido a mi sitio”>Aquí URL de mi sitio</A>• INSERTAR IMAGEN• <IMG SRC=”mi_imagen.jpg”>• ACRONIMOS• <ACRONYM TITLE="ORGANIZACIÓN DE LAS NACIONES

UNIDAS">ONU</ACRONYM>

CSS• STYLE• <P STYLE=”font-family:verdana;text-

decoration:underline;”>AQUI TEXTO CON ESTILO</P>