Curso de Diseño Web y Multimedia

Tweet

Dominar conocimientos de diseño gráfico, crear sitios web y editar  recursos multimedia se traduce en la actualidad en una gran ventaja profesional. ECOL ofrece la posibilidad de ampliar el repertorio de competencias de los profesionales de hoy.

Este curso acompañará al participante desde los primeros pasos hasta el dominio integral de los diferentes formatos y aplicaciones de diseño gráfico y de edición, lo que le permitirá de forma práctica aprender a desarrollar sitios web, elementos multimedia inteligentes y editar en diferentes soportes y formatos. Capacidades que abrirán sin duda nuevas oportunidades a los profesionales de medios creativos, publicitarios y editoriales.

• Diseñar páginas web y recursos multimedia haciendo uso del software más usado en la industria (Photoshop CS3, Dreamweaver CS3 y Flash CS3).
• Integrar los diferentes elementos indispensables para el desarrollo web y multimedia: la imagen, la animación, el código de programación y la arquitectura funcional de un website.
• Conocer lo relativo a la gestión de servidores y dominios web.

• Personas que deseen crear su negocio en Internet, o que ya teniendo su propio negocio, quieran crear y mantener su página web.
• Profesionales de los ámbitos de la publicidad, el marketing y el diseño gráfico que deseen ampliar sus competencias y su currículum vitae.
• Toda persona que desee crear su página web personal.
• Profesionales que deseen reciclar conocimientos en diseño gráfico editorial.
• Jóvenes que quieran dedicarse al diseño gráfico, web y multimedia, y deseen desarrollarse en este ámbito en el futuro.

Photoshop CS3

Photoshop es, sin duda, el programa de retoque fotográfico por excelencia. Utilizado y respetado tanto por profesionales del sector como por aprendices o aficionados, en su versión CS3 ofrece múltiples y avanzadas herramientas para la edición de imágenes digitales.

Los comandos y prestaciones de Photoshop CS3, junto con las habituales herramientas de la aplicación, se analizan detalladamente en este curso. Así, se practicará con nuevas propiedades y herramientas, como la función ‘medir’, con la ‘composición de capas’ y con el ‘punto de fuga mejorado’, entre otras novedades.

Utilizar Adobe Photoshop CS3 es, pues, imprescindible para perfeccionar todo tipo de imágenes. Ofrece un flujo de trabajo y productividad avanzado y mejorado y dispone de múltiples herramientas de edición y ajustes, de elaborados filtros para crear las imágenes y composiciones más espectaculares y de opciones de automatización que agilizan la ejecución de determinadas tareas. Photoshop permite trabajar con imágenes de diferentes formatos (bitmaps, jpeg, gifs.,) y dispone además de su propio formato, psd.

Dreamweaver CS3
El programa Dreamweaver CS3 es un sencillo y a la vez completísimo editor de sitios y aplicaciones web. Gracias a las potentes herramientas de este editor de HTML visual, resulta fácil crear complejas y sofisticadas páginas web dinámicas.

Las robustas propiedades para la integración y diseño basado en CSS (hojas de estilo en cascadas) hacen de Dreamweaver una estupenda aplicación que permite a los diseñadores y desarrolladores web crear y manejar cualquier sitio web con facilidad y precisión. Una de las características principales del programa es que permite optimizar las páginas para las diferentes versiones de los navegadores.

Dreamweaver no altera el código fuente, lo que permite cambiar entre Dreamweaver y el editor de código no visual favorito del usuario. La calidad de los diseños creados con Dreamweaver CS3 queda garantizada gracias a sus potentes y mejorados controles basados en normas.

Las poderosas herramientas de la aplicación permiten seleccionar rápidamente y controlar los atributos de estilo de toda la página o de todo el sitio, lo que supone un enorme ahorro de tiempo y esfuerzo. Entre otras muchas opciones que irá descubriendo a lo largo de este curso,  el programa incluye un editor de imagen integrado, diversos colores para la sintaxis HTML, soporte para posicionamiento absoluto, la posibilidad de realizar modificaciones por todas las páginas usando elementos comunes, cliente de FTP integrado, soporte XML e interfaz personalizado.

Flash CS3
Flash CS3 es la evolución de un programa que nació como un simple editor de animación vectorial. Presentaba la ventaja de crear vistosas películas de poco tamaño y, por tanto, fácilmente publicables en Internet. Esto hizo que rápidamente se popularizara su uso entre los animadores de todo el mundo.

El crecimiento de Flash ha sido vertiginoso. Ha incorporado funciones de programas de dibujo vectorial y editores de imagen, procesadores de texto y páginas web, gestores de sedes y hasta un lenguaje de programación propio, renovado y ampliado en esta nueva versión de la aplicación, como lo es el ActionScript 2.0. Así, se convierte en un completo programa de autor capaz de generar aplicaciones Web interactivas.

PHOTOSHOP CS3

Unidad 1. Conceptos básicos
1 El área de trabajo
1.1 La interfaz del nuevo Photoshop CS3
1.2 Manipular las paletas
1.3 Adobe Bridge: el Explorador de archivos
1.4 Personalizar el área de trabajo (I)
1.5 Personalizar el área de trabajo (II)
2 Trabajar con archivos
2.1 Crear y abrir archivos
2.2 Formato y color de las imágenes
2.3 Cambiar la visualización de una imagen
2.4 Crear una nueva imagen
2.5 Modificar el tamaño de una imagen
2.6 Modificar las dimensiones del lienzo
2.7 Guardar un archivo
2.8 Acceder a Adobe Stock Photos
3 Retoques globales
3.1 Ajustar los niveles de una imagen
3.2 Ajuste de colores
3.3 El color y la luz en Photoshop
3.4 Ecualizar, mezclar y degradar colores
3.5 Convertir a blanco y negro
4 Trabajar con selecciones
4.1 Selección rectangular y circular
4.2 Las herramientas de selección Lazo
4.3 La herramienta Varita mágica
4.4 Añadir y restar selecciones
4.5 La nueva herramienta Selección rápida
4.6 Acotar y modificar partes de una imagen
4.7 Corrector de imágenes y herramienta Tampón
4.8 Trabajar con la herramienta Parche
4.9 La herramienta Borrador y sus usos
4.10 Sobreexponer y subexponer
4.11 Medir imágenes (Photoshop Extended)
 
Unidad 2. Trabajar con capas
1 Capas
1.1 ¿Qué es una capa?
1.2 Renombrar, mover y bloquear capas
1.3 Duplicar y reorganizar capas
1.4 Alineación automática de capas
1.5 Grupos de capas
1.6 Opacidad y visibilidad de las capas
1.7 Capas de relleno
1.8 Ajustar capas de relleno
1.9 Conjuntos de capas de relleno
1.10 Capas de relleno con motivos
1.11 Crear motivos
1.12 Capas fondo y orden lógico
1.13 Transformación de capas
1.14 Rotar y girar capas
1.15 Distorsión y perspectiva
2 Texto
2.1 Introducir texto
2.2 Textos largos
2.3 Editar y modificar las propiedades del texto
2.4 Insertar texto vertical
2.5 Crear máscaras de texto
2.6 Modificar las máscaras de texto
2.7 Distorsionar texto
2.8 Utilizar símbolos TrueType
3 Estilo de capa
3.1 Añadir una sombra paralela
3.2 Personalizar una sombra paralela
3.3 Aplicar Bisel y Relieve
3.4 Superponer colores y degradados
3.5 Superponer motivos
3.6 Trazos
3.7 Utilizar las colecciones de estilos de capa
3.8 Crear nuevos estilos de capa
4 Máscaras y filtros
4.1 Composiciones con máscaras (I)
4.2 Composiciones con máscaras (II)
4.3 Aplicar un filtro artístico
4.4 Aplicar un filtro para bosquejar
4.5 Aplicar un filtro de desenfoque
4.6 Aplicar un filtro de distorsión
4.7 Aplicar un filtro para estilizar
4.8 Aplicar un filtro para interpretar
4.9 Conocer los efectos especiales de luz y sombra
4.10 Pixelizar y textura
4.11 El ruido en imágenes
4.12 Deformar imágenes
4.13 Puntos de fuga para modificar imágenes
4.14 Corregir el efecto de ojos rojos
4.15 Objetos inteligentes
4.16 Filtros inteligentes
 
Unidad 3. Dibujar con photoshop
1 Figuras y pinceles
1.1 Empezar a dibujar
1.2 Utilizar la herramienta Pluma
1.3 La herramienta Pluma de forma libre
1.4 Texto en trayectoria
1.5 Dibujos de formas geométricas
1.6 Formas personalizadas (I)
1.7 Formas personalizadas (II)
1.8 Crear paisajes: primavera
1.9 Crear paisajes: invierno
1.10 El Pincel corrector puntual
1.11 Pinceles personalizados
1.12 Guardar y crear pinceles
 
Unidad 4. Optimizar y animar imágenes
1 Optimizar imágenes
1.1 Optimizar en formato JPEG
1.2 Optimizar en formato GIF
1.3 Guardar la optimización de las imágenes
1.4 Redimensionar al optimizar
1.5 Establecer los ajustes de salida
2 Imágenes animadas
2.1 GIF animados
2.2 Animar ocultando y visualizando capas
2.3 Animar con capas opacas
2.4 El tiempo en un GIF animado
2.5 El tiempo en un GIF animado
3 Rollover
3.1 Crear un rollover simple
3.2 Crear un rollover con texto
3.3 Colocar rollovers en Dreamweaver
3.4 Crear un rótulo giratorio
3.5 Optimizar imágenes interactivas
 
Unidad 5. Ajustar
1 Ajustes y canales
1.1 Optimizar imágenes interactivas
1.2 Ajustes de prueba
1.3 Preparar canales de color
1.4 Utilizar los canales de paleta
1.5 Crear nuevos canales
 
Unidad 6. Imprimir, importar y exportar
1 Opciones de impresión, importación y exportación
1.1 Ajustar una página
1.2 Imprimir con previsualización
1.3 Imprimir una selección
1.4 Crear e imprimir duotonos
1.5 Importar una imagen en PDF
1.6 Exportar una imagen
1.7 Exportar a la web (Zoomify)
1.8 Importar objetos 3D
1.9 Información de archivo
 
Unidad 7. Automatizar y ayuda
1 Automatizar acciones
1.1 Crear acciones simples
1.2 Crear acciones complejas
1.3 Trabajar con lotes
1.4 Conjuntos de imágenes
1.5 Galerías de fotografías web
1.6 Hoja de contactos
1.7 Crear una presentación en PDF
1.8 Photomerge
2 La ayuda en Photoshop CS3
2.1 Obtener ayuda en Photoshop CS3

DREAMWEAVER CS3

Unidad 1. Conceptos básicos
1 La interfaz del programa
1.1 La Página de inicio
1.2 Las Barras de herramientas
1.3 Los conjuntos de paneles
2 Trabajo con documentos
2.1 La creación de documentos
2.2 Visualizar varios archivos simultáneamente
2.3 Diseño y código de páginas web
2.4 Elementos de una página web
2.5 Comandos básicos
3 Sitios locales
3.1 Creación de sitios locales
3.2 El panel Archivos y la administración de sitios locales
 
Unidad 2. Edición y gestión básicas
1 Propiedades de página
1.1 Color de fondo
1.2 Imágenes de fondo
1.3 Imágenes de rastreo y notas de diseño
2 Gestión básica de sitios
2.1 Exportación y eliminación de sitios
2.2 Importación de sitios y eliminación de Design Notes
2.3 Duplicado y edición de sitios
3 Inserción y formato de texto
3.1 Introducción de texto
3.2 Selección, copia y pegado de texto
3.3 Formato de párrafo
3.4 Fuentes
3.5 Tamaño de fuente
3.6 Estilos de fuente
3.7 Los textos y el color en Dreamweaver
3.8 Colores personalizados y colores seguros
3.9 Márgenes y alineación
3.10 Sangrías y Listas
3.11 Estilos y elementos de lista
4 Utilidades y texto
4.1 Caracteres especiales y reglas horizontales
4.2 Buscar y reemplazar texto
4.3 Corrector ortográfico
 
Unidad 3. Imágenes
1 Inserción de imágenes
1.1 Origen y copia de imágenes
1.2 Tamaño, dimensiones, y recorte de imágenes
1.3 Alineación de imágenes
1.4 Edición de imágenes
1.5 Editores externos
1.6 Origen base, espaciado, y zonas interactivas
1.7Insertar imágenes desde Photoshop
2 Enlaces y previsualización
2.1 Inserción de enlaces
2.2 Enlaces, correo, e imágenes
2.3 Errores y navegadores
2.4 Vista previa y enlaces
2.5 Enlaces y propiedades de las páginas
2.6 Formato de hipertextos
 
Unidad 4. Tablas
1 Tablas
1.1 Inserción de tablas
1.2 Filas, columnas y celdas
1.3 Tamaño de tablas, filas y columnas
1.4 Propiedades de tabla
1.5 Propiedades de filas, columnas y celdas
1.6 Dividir y combinar celdas
2 Opciones para tablas
2.1 Dreamweaver y Word
2.2 Dreamweaver y las tablas de Excel
2.3 Limpiar HTML
2.4 Tablas anidadas
2.5 Ordenar tablas
2.6 Exportar e importar datos de tabla
3 Diseño de tablas
3.1 Modos de trabajo con tablas
3.2 Cuadrícula, reglas y modo de diseño
3.3 Dibujar tablas de diseño
3.4 Dibujar celdas de diseño
 
Unidad 5. Etiquetas HTML y estilos
1 Etiquetas HTML y Estilos CSS
1.1 Propiedades de la página y estilos CSS
1.2 Hojas de estilos de muestra
1.3 Estilos de etiquetas HTML
1.4 Editar hojas de estilo
1.5 Definición de nuevas reglas de estilo
1.6 Incrustación, importación y vinculación de hojas de estilo
2 Estilos de clase e identificadores
2.1 Creación de estilos de clase
2.2 Duplicar y aplicar estilos de clase
2.3 Combinación de hojas de estilo
2.4 Categorías de definición de estilos
2.5 Identificadores y estilos
 
Unidad 6. Marcos y Multimedia
1 Uso de conjuntos de marcos
1.1 Conjuntos de marcos
1.2 Marcos
1.3 Inserción de marcos
1.4 Propiedades de los marcos
2 Objetos de imagen
2.1 Marcadores de posición
2.2 Imágenes de sustitución
2.3 Insertar barras de navegción
2.4 Editar barras de navegación
3 Multimedia
3.1 Inserción de películas de Flash
3.2 Textos Flash
3.3 Botones de flash 3.4 Vinculación de sonidos
3.5 Incrustación de sonidos
3.6 Vinculación e incrustación de vídeos
4 Vínculos y destinos
4.1 Enlaces, marcos y destinos
4.2 Anclajes con nombre
 
Unidad 7. Interactividad y conceptos avanzados
1 Elementos PA
1.1 Inserción de elementos PA
1.2 Manipulación y propiedades de elementos PA
1.3 Elementos PA y tablas
2 Formularios
2.1 Creación de formularios
2.2 Objetos de formulario
3 Comportamientos y scripts
3.1 Adición de comportamientos
3.2 Acciones de formulario
3.3 Funciones de JavaScript
3.4 Llamar JavaScript
4 Plantillas y automatización de tareas
4.1 Creación de plantillas y regiones editables
4.2 Creación de documentos a partir de plantilla
4.3 Panel Historial y comandos personalizados
5 Framework de Spry
5.1 Introducción a Spry
5.2 Insertar tablas y regiones de spry
5.3 Insertar widgets
5.4 Aplicar efectos de Spry
 
Unidad 8. Conexiones y gestión avanzada de sitios
1 Activos y Bibliotecas
1.1 El panel Activos
1.2 Elementos de Biblioteca
2 Gestión avanzada de sitios locales
2.1 Mapa del sitio
2.2 Comprobación del sitio
3 Sitios remotos
3.1 Configuración de un sitio remoto
3.2 Colocación y obtención de archivos
4 Ayuda
4.1 Sistemas de Ayuda en Dreamweaver

FLASH CS3

Unidad 1. Conceptos básicos
1 La nueva interfaz del programa
1.1 La interfaz del nuevo Flash CS3
1.2 Manipular las paletas
1.3 Personalizar el área de trabajo
1.4 Preferencias y atajos de teclado
1.5 La Línea de tiempo
1.6 Adobe Bridge: El explorador de archivos
2 Películas y plantillas
2.1 Formato vectorial y formato de mapa de bits
2.2 Propiedades de las películas
2.3 Visualizar varios archivos simultáneamente
2.4 Guardar documentos en Flash CS3
2.5 Plantillas

Unidad 2. Diseño
1 Herramientas de dibujo
1.1 El panel Herramientas
1.2 El relleno de una forma
1.3 Ubicación y solapamiento de formas
1.4 Líneas y trazos
1.5 Rectángulos y óvalos
1.6 Rectángulo simple y óvalo simple
1.7 Polígonos y estrellas
1.8 Lápiz y Pincel
1.9 Rectas y curvas (Novedades herramienta Pluma)
2 Edición de imágenes
2.1 Importar mapas de bits
2.2 Conversión de imágenes en formas de Flash
2.3 Suavizar y optimizar gráficos
2.4 Importar archivos de Photoshop
2.5 Importar archivos de Illustrator
3 Los textos estáticos de Flash
3.1 Atributos de texto
3.2 Bloques de texto: Dimensiones y orientación
3.3 Espaciado entre caracteres y atributos de párrafo
3.4 Revisión ortográfica
3.5Contornos de texto y fuentes de dispositivo
4 El color en Flash
4.1 Borrar trazos y rellenos
4.2 Los trazos y el Bote de tinta
4.3 Los rellenos y el Cubo de pintura
4.4 Los colores personalizados y la paleta Color
4.5 Degradados y color vinculado a mapas de bits
4.6 Las paletas y las muestras de color
4.7 Transformación de rellenos
5 Trabajar con objetos
5.1 Seleccionar y agrupar formas
5.2 Desagrupar y separar
5.3 Transformación libre de objetos
5.4 El panel Transformar
5.5 Supresión, copia y pegado de objetos
5.6 Organizar objetos
5.7 Reglas, guías y cuadrícula
5.8 Opciones de ajuste
5.9 Alineación de objetos

Unidad 3. Animación
1 Las capas y la Línea de tiempo
1.1 Capas y carpetas de capa
1.2 Eliminación y visualización de capas
1.3 Bloqueo y propiedades de capa
1.4 Visualización de la Línea de tiempo
2 Símbolos gráficos
2.1 Creación de símbolos gráficos
2.2 Símbolos e instancias
2.3 Edición de símbolos e instancias
2.4 La Biblioteca y los símbolos gráficos
3 Fotogramas, animación y efectos
3.1 Animación fotograma a fotograma
3.2 Velocidad de fotogramas y duración de las animaciones
3.3 Insertar y eliminar efectos de línea de tiempo
3.4 Editar efectos de línea de tiempo
4 Movimiento
4.1 Interpolación de movimiento
4.2 Formas, grupos e interpolación de movimiento
4.3 Interpolaciones de instancias de símbolos gráficos
4.4 Movimiento y color en textos
4.5 Trayectoria del movimiento
4.6 Movimiento a lo largo de un trazado
4.7 Uso de capas de máscara
4.8 Copiar y pegar una interpolación de movimiento
5 Forma 
5.1 Interpolación de forma
5.2 Trazos, rellenos e interpolaciones
5.3 Consejos de forma
5.4 Formas, texto y mapas de bits

Unidad 4. Montaje
1 Escenas
1.1 Insertar escenas
1.2 El orden y el nombre de las escenas
1.3 Reproducción de escenas y películas
2 Símbolos animados
2.1 Control de instancias de símbolos gráficos
2.2 Animación de símbolos gráficos
2.3 Los símbolos gráficos y el Papel cebolla
2.4 Símbolos gráficos y clips de película
2.5 Clips anidados
2.6 La escala de 9 divisiones
3 Botones
3.1 Bibliotecas comunes: Botones
3.2 Creación de botones
3.3 Prueba de botones
3.4 Botones animados

Unidad 5. Interactividad
1 Programación: ActionScript 3.0
1.1 ActionScript 3.0 y las acciones
1.2 El panel Acciones y la introducción de código
2 Control de la reproducción
2.1 Salto a fotogramas
2.2 Eventos e interacciones
2.3 Etiquetas de fotograma
2.4 Anclajes
2.5 Comentarios
3 Scripts
3.1 Copia, pegado, exportación e importación de scripts
3.2 La ventana Script integrada
3.3 Vincular un botón a una página web
4 Texto y componentes
4.1 Textos estáticos, dinámicos y de entrada
4.2 El nuevo depurador de ActionScript
4.3 Navegación por los errores
4.4 Componentes
4.5 Parámetros de los componentes

Unidad 6. Medios, exportación
1 Sonido y vídeo
1.1 El panel Historial y los comandos personalizados y publicación
1.2 Importación y compresión de archivos de audio
1.3 Edición y personalización de sonidos
1.4 El importador de video a Flash
1.5 Cambiar las propiedades de un clip de video
2 Exportación y publicación
2.1 Otros paneles: El Explorador de películas
2.2 Buscar y reemplazar
2.3 Exportación de imágenes y películas
2.4 Rendimiento de descarga y opciones de impresión
2.5 Publicación de documentos
2.6 Exportación avanzada de QuickTime
3 Ayuda
3.1 La Ayuda de Flash

ECOL cuenta con un modelo pedagógico de calidad, no presencial, que facilita el proceso de aprendizaje del estudiante permitiendo compatibilizar la vida familiar con las necesidades de la educación continua. La metodología docente de ECOL tiene como punto de referencia al estudiante y pone a su disposición todas las herramientas necesarias para lograr el máximo nivel de aprendizaje, midiendo su avance y sus conocimientos en todo momento gracias a la evaluación continua.

Las tecnologías de la información y de la comunicación (TIC) se ponen al servicio de aquellas personas que desean aprender superando las barreras de lugar y tiempo. El Campus Virtual de ECOL es el espacio de comunicación y aprendizaje basado en las nuevas tecnologías que sirve de ventana al estudiante para relacionarse con el profesorado y los demás compañeros. Es el medio que permite acceder a diferentes servicios además de ser una fuente de recursos docentes que facilita al estudiante los elementos necesarios para la formación y la transmisión de conocimiento.

Otro elemento en el que se basa nuestro modelo pedagógico son los materiales didácticos creados específicamente para la formación no presencial y que guiados por la acción docente conducen al alumno a alcanzar los objetivos del curso.

Un profesorado de calidad y unos programas ambiciosos y actualizados conviven con la atención integral personalizada del alumnado que halla en el Campus Virtual la mejor plataforma para aprender.

El modelo no presencial de ECOL contribuye a optimizar el tiempo y el esfuerzo del alumno, que tiene un rol más activo y participativo durante todo el proceso formativo al poder administrar él mismo su ritmo de estudio dentro de un calendario establecido. Hacer compatibles los intereses personales de cada estudiante con sus actividades cotidianas es una de las ventajas que ofrece el modelo pedagógico.

La superación del curso implica la aprobación de todos los módulos que lo conforman.

La superación de cada módulo será el resultado de la aprobación de la evaluación continua y de un proyecto de evaluación final. En determinados programas sin embargo, este proyecto final se desarrolla desde el inicio del módulo.

Una vez formalizada la matrícula e iniciado su programa formativo, ECOL emitirá un Diploma de Formación Superior a los participantes que hayan superado de forma completa el proceso de evaluación.