Curso taller-2011

Preview:

DESCRIPTION

Curso taller

Citation preview

LABTECLaboratorio de Tecnologías y Nuevos Medios

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

Elementos de la imagen

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

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

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

HEADLINES

CAPTIONS

CONTROLES

FOTOGRAFIA

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

EXPLOTACION DE LITIO

NOTICIA HIPERTEXTUAL

FOTOREPORTAJE

AUDIOENTREVISTA

VIDEOENTREVISTA

VISUALIZACIONDE DATOS

INFOGRAFÍA

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>