Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

18
Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

Transcript of Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

Page 1: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

Diseño Web y Multimedia 1

Clase 1Docente: Josué Fortis.

Page 2: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

Misión

• Formar profesionales integrales y competentes en áreas tecnológicas que tengan demanda y oportunidad en el mercado local, regional y mundial tanto como trabajadores y empresarios.

Page 3: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

Normativas del ITCA

• Nombre de la Institución• Nombre de La Escuela.• Reglas de internas de la institución.

Page 4: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

Cronograma de Escuela

Page 5: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.
Page 6: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

Introducción a Multimedia

• Multimedia es un término que se aplica a cualquier objeto que usa simultáneamente diferentes formas de contenido informativo como texto, sonido, imágenes, animación y video para informar o entretener al usuario.

Page 7: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

Hipermedia

• Podría considerarse como una forma especial de multimedia interactiva que emplea estructuras de navegación más complejas que aumentan el control del usuario sobre el flujo de la información. Este concepto es tan antiguo como la comunicación humana ya que al expresarnos en una charla normal hablamos (sonido), escribimos (texto), observamos a nuestro interlocutor (video) y accionamos con gestos y movimientos de las manos (animación). Con el auge de las aplicaciones multimedia para computador este vocablo entró a formar parte del lenguaje habitual.

Page 8: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.
Page 9: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

TEXTO

Tecnología en las tipografías

• Bitmap

• Vector Adobe o TrueType y OpenType

• Mecanismo de anti-aliasing.

Page 10: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

IMAGEN

• Al visualizar una imagen hay dos procesos: Percepción de la imagen y reconocimiento de la imagen. Las imágenes fijas representan la realidad de 3D en una realidad de 2D.

Page 11: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

Tipos de imágenes para internet

• GIF Web 16 (impone que todos los colores sean seguros para la Web. La paleta de colores contiene hasta 216 colores.)

• GIF WebSnap 256 (convierte los colores que no son seguros para la Web en sus correspondientes seguros más cercanos. La paleta de colores puede contener hasta 256 colores como máximo.)

• GIF WebSnap 128 (convierte los colores que no son seguros para la Web en sus correspondientes seguros más cercanos. La paleta de colores contiene hasta 128 colores.)

• GIF adaptable 256 (es una paleta de colores que contiene sólo los colores utilizados en el gráfico. La paleta de colores puede contener hasta 256 colores como máximo.)

• JPG - Calidad Superior (define la calidad en 80 y el suavizado en 0, creando un gráfico de alta calidad pero más grande.)

• JPG - Archivo más pequeño (define la calidad en 60 y el suavizado en 2, creando un gráfico de calidad reducida pero que ocupa la mitad que uno de calidad superior.)

• GIF animado WebSnap 128 (define el formato del archivo como GIF animado y convierte los colores que no sean seguros para la Web en sus correspondientes seguros más cercanos. La paleta de colores contiene hasta 128 colores.)

Page 12: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

JPG o JPEG • (Joint of Photographic Experts Group). GIF • (Graphic Interchange Format)PNG • (Portable Networks Graphic).• Se puede elegir "sin color" para exportar

imágenes con fondo transparente en GIF y PNG.

Page 13: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

Imágenes vectoriales

• Las imágenes vectoriales se componen de contornos y rellenos definidos matemáticamente (vectorialmente) mediante precisas ecuaciones que describen perfectamente cada ilustración. Esto posibilita que sean escalables sin merma alguna de su calidad cuando quieren reproducirse en un dispositivo de salida adecuado.

Page 14: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

SONIDO Tipos de Formatos o Archivos de Audio

• MP3 o MPEG-1 Audio Layer 3: Es un formato de audio digital estándar comprimido con pérdida, la pérdida de información del formato mp3 no es audible por el oído humano, por tanto no distinguiremos la diferencia entre un archivo de audio sin compresión y un archivo mp3.

• ACC o Advanced Audio Coding: Es un formato de audio digital estándar como extensión de MPEG-2 comprimido con pérdida, y ofrece más calidad que mp3 y es más estable para un mismo número de Kbps y un mismo tamaño.

Page 15: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

Tipos de Formatos o Archivos de Audio

• Ogg: Es un formato de audio digital comprimido con pérdida. Normalmente los archivos Ogg están comprimidos con el códec Vorbis, que es un códec de audio libre que permite una máxima flexibilidad .

• Real Audio o RM: Es un formato de archivo pensado para las transmisiones por internet en tiempo real.

• WMA o Windows Media Audio: Es un formato de compresión de audio con pérdida aunque también existe este formato con compresión sin pérdida. Y está desarrollado básicamente con fines comerciales para el reproductor integrado en Windows, Windows Media Player.

Page 16: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

Archivos de Sonido sin pérdida • AIFF o Audio Interchange File Format que significa Formato de

Archivo de Intercambio de Audio

• FLAC o Free Lossless Audio Codec: es otro códec de compresión sin pérdida, y consigue reducir el tamaño de un archivo de sonido original de entre la mitad hasta tres cuartos del tamaño inicial.

• WAV o wave: Waveform Audio Format es un formato de audio digital sin compresión que se emplea para almacenar sonidos en el ordenadores con windows .

• MIDI: Interface Digital para Instrumentos Musicales, es considerado el estándar para industria de la música electrónica.

Page 17: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

Conversores de Audio

• Audacity: Uno de los mejores editores/conversores de audio, gratuito y sencillo de usar.

• Free WMA to MP3 Converter: Pasa archivos WMA a MP3

• Zune Multi-Extension Support Mod: esto es un mod para el software del Zune, así podrá soportar múltiples formatos de audio, video e imagen.

• FreeRIP: Pasa la música de los CDs al ordenador (MP3, OGG Vorbis, WMA, FLAC)

• dBPowerAMP Music Converter: convierte MP3/WMA/ACC/OGG Vorbis/MP4/M4u, un excelente programa para audio. También puedes ripear CDs.

• Total Audio Converter: Otro excelente conversor, soporta gran cantidad de formatos, incluso los MODs (Trackers), MIDI, TTA, WV, SPX o Musepack, entre otros.

Page 18: Diseño Web y Multimedia 1 Clase 1 Docente: Josué Fortis.

Preguntas1. ¿Qué es Multimedia?2. ¿Que es Hipermedia?3. ¿Cuáles son los tipos de información Multimedia?4. ¿Qué son los complementos?5. ¿Como se le llama a la representación de un carácter?6. ¿Qué significan las siguientes tecnologías en las

tipografías: Vector Adobe o TrueType y OpenType? 7. ¿Cuales son las diferencias entre los formatos de imagen:

Gif, Jpg y Png?8. ¿Qué son las imágenes vectoriales?9. ¿Cuales son los archivos de sonido con pérdida?10. ¿ Cuales son los archivos de sonido sin pérdida?