M.A. Diseño y Creación Web

TEMARIO

· Presentación del curso Introducción
· Informática básica

• Conceptos generales
• Sistema Operativo
• Hardware y Software
• Calibrado de pantalla

· Diseño Gráfico (Teoría)

• Introducción. Conceptos Generales.
• Teoría del Color. Concepto, propiedades, manejo del color por ordenador (RGB, CMYK, LAB, DUOTONO...).
• Tipografía. Color, forma y composición.
• Lineaturas, tramas, resoluciones
• Preparación de documentos para imprenta. Tipos de imprenta.
• Procesos creativos. Del boceto al trabajo impreso.

· Diseño Publicitario

• FreeHand / Illustrator
• Introducción. Conceptos generales, entorno del programa.
• Creación de un documento. Anchura, altura, resolución, márgenes...
• Mapa de bits. Vectores.
• Creación de zona de trabajo.
• Técnicas básicas de trabajo en FreeHand / Illustrator.
• Selecciones, Desplazamientos, Capas, Vistas, Trabajo con lupa.
• Fórmas Básicas. Herramientas de creación y modificación.
• Agrupar y desagrupar elementos. Unir elementos, cortar elementos, etc. Capas
• Formas libres. Herramientas de Creación y modificación.
• Inspector de trazo.
• Edición de puntos, manejadores.
• Trabajo con formas. Operaciones de modificación y alteración de trazados. Envolturas y símbolos. Edición de color. Color RGB, CMYK, Pantone. Inspector de relleno y paneles asociados.
• Tratamiento de texto. Inspector de texto, asociación de texto y gráficos.
• Herramientas XTRAS (FreeHand), Efectos (Illustrator).
• Creación de objetos tridimensionales en FreeHand / Illustrator.
• Importación y exportación. Formatos de archivo. Vínculos.
• Salida a PDF, estándar PDF/X-3
• Preimpresión.

· Tratamiento Digital de la Imagen

• Photoshop.
• Preparación del documento. Concepto de lineaturas y resolución. Modos de color.
• Introducción a Photoshop. Paneles, Barra de menú y herramientas.
• Selecciones I. Marcos, lazos, varita mágica, máscara rápida y filtro extraer.
• Métodos de pintura. Pinceles, herramientas asociadas, modos de pintura.
• Ajustes de imagen I. (Contraste). Niveles de entrada y salida. Definición del punto negro y blanco. Niveles automáticos.
• Ajustes de imagen II. (Color). Equilibrio de color.
• Variaciones. Ajustes tono y saturación.
• Correcciones selectivas. Mezclador de canales. Introducción a curvas.
• Selecciones II. Canales Alfa. Gama de colores. Transformación de selecciones. Guardado y
• carga de selecciones.
• Trabajo con capas. Definición y tipos.
• Operaciones con capas, fusiones. Estilo de capas.
• Edición y transformación de elementos.
• Ajustar tamaños y resoluciones.
• Transformación y giros de documentos, Importar y exportar elementos.
• Trabajo con texto.
• Acciones e Historial.
• Filtros y Automatizar.

· Diseño Editorial

• QuarkXPress / InDesign
• Introducción. Conceptos de maquetación. Preparación del documento. Páginas maquetas.
• Definición de zona de trabajo. Menús y barra de herramientas.
• Tratamiento de texto I. Menú estilo.
• Trabajo con capas. Modificaciones y transformaciones. Menú edición, vinculación y desvinculación.
• Tratamiento del texto II. Particiones y justificación.
• Automatización de trabajo. Hojas de estilo para texto y párrafos. Listas. Biblioteca. Libros.
• Tratamiento de imágenes. Recortes y contorneos.
• Preimpresión. Preparación de imágenes y tipografía.
• Salida a PDF, estándar PDF/X-3
• · Introducción a Internet Funcionamiento de Internet y los navegadores
• Proveedores y servicios de hospedaje
• Estructura de un sitio Web
• Lenguajes de programación Web

· Lenguaje HTML

• Etiquetas básicas y sintaxis del lenguaje
• Estructura de un documento HTML
• Tratamiento de Texto
• Imágenes
• Tablas
• Formularios
• Marcos

· Hojas de Estilo CSS

• Sintaxis y estructura del lenguaje
• Etiquetas DIV y SPAN
• Selectores de etiqueta, de clase y de ID
• Estilos para formularios
• Integración con XHTML

· Producción Web con FireWorks

• Introducción e Interfaz
• Creación y edición de gráficos mapa de bit
• Trabajo con gráficos vectoriales
• Mascaras y Transparencias
• Capas, Efectos y Estilos
• Creación y edición de Botones: Símbolos
• Animaciones e Interpolaciones
• Interactividad: mapas sensibles, divisiones, comportamientos, rollovers y menús emergentes
• Optimización y Exportación

· Edición Web con DreamWeaver

• Inspector de propiedades, barras de herramientas, guías,
• cuadrícula, reglas, historial, preferencias y personalización
• del entorno Definición de sitio, creación y modificación de ficheros, previsualización en navegador
• Aplicación de hojas de estilos de cascada (CSS): vinculación externa y modificación
• Desarrollo de estilos para impresión
• Trabajo con texto: importación, formateado, listas, búsqueda y reemplazo
• Imágenes: inserción, imágenes de fondo y de rastreo, optimización, inclusión desde FireWorks
• Navegación en el sitio: Vínculos internos y externos, enlaces mailto y anclas
• Diseño de paginas con elementos div, exportación de CSS
• Formularios: construcción e inserción de campos de texto, botones y listas. Aplicación de estilos.
• Diseño con marcos e iframes
• Automatización de trabajo: plantillas y bibliotecas
• Línea de tiempo: capas y animaciones.
• Comportamientos: inclusión de lenguaje javascript
• Manejo e instalación de Xtensions
• Comprobación de vínculos y compatibilidad del sitio, Mantenimiento de archivos y carpetas
• Conexión a un sitio remoto, Sincronización de archivos

· Animación Web con Flash

• Interfaz, paneles, menús, línea de tiempo, barra de herramientas
• Velocidad de reproducción
• Fotograma y fotograma clave
• Símbolos: definición y creación
• Biblioteca y bibliotecas comunes
• Instancias: modificación
• Animación básica: animación fotograma a fotograma,
• Interpolaciones de movimiento, Interpolaciones de forma, Consejos de forma
• Efectos de animación sobre interpolaciones y símbolos
• Interactuando con objetos: Capturando eventos, Tipos de eventos, Acciones de clip
• Capas, Capas Guía y Capas Máscara
• Contenido Multimedia: Sonido y Vídeo
• Exportación, publicación e inserción de contenido flash en un fichero HTML