Diseño y Creación Web

OBJETIVOS
Durante 6 meses el alumno se prepara para conocer las bases fundamentales de toda producción gráfica, adquiriendo los conocimientos necesarios tanto de preimpresión como de postproducción. De esta forma sentará las bases necesarias dentro del campo del diseño para poder complementar el proceso de creación de páginas web, el cual se desarrollará con el aprendizaje del software más utilizado dentro del diseño de páginas web.

PROGRAMA DEL CURSO
• 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
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 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 , Efectos (Illustrator).
Creación de objetos tridimensionales en 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
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