Curso gratis Superior de Diseño Web

Curso Gratis Online para Trabajadores y Empresas

Si eres trabajador en Régimen General, disfruta del curso gratis online a través de la formación bonificada para empresas.

Nuestros cursos gratis están disponibles en modalidad online o a distancia, consúltanos para informarse de la modalidad del curso gratis para trabajadores de su interés.

OBJETIVOS DEL CURSO GRATIS SUPERIOR DE DISEÑO WEB

En la actualidad, Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Así, Flash es una aplicación orientada a los contenidos dinámicos multimedia para Internet. Por otro lado, Photoshop es un programa imprescindible en la edición de imágenes. Se trata de herramientas imprescindibles para todos aquellos interesados en convertirse en profesionales del mundo del diseño web y gráfico, sector que goza en la actualidad de amplias salidas profesionales. Con el presente curso el alumnado adquirirá los conocimientos teóricos prácticos necesarios para la utilización de los tres programas anteriores: Dreamweaver CS6, Adobe Photoshop CS6 y Adobe Flash CS6.

CONTENIDO DEL CURSO GRATIS SUPERIOR DE DISEÑO WEB

MÓDULO 1. DREAMWEAVER CS6

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN Y CONTENIDOS

1. Propósito del curso: Dreamweaver es una de las herramientas más completas para diseñar y crear páginas web profesionales.
2. Destinatarios: Diseñadores gráficos y web que quieran aprender a desarrollar sitios web desde cero.

UNIDAD DIDÁCTICA 2. CONCEPTOS FUNDAMENTALES Y NOVEDADES DE DREAMWEAVER CS6

1. ¿Qué es un dominio web? Concepto y funcionamiento.
2. ¿Qué es un servidor web? Tipos de alojamiento: gratuito, compartido, housing o colocation.
3. Resolución de pantalla y tamaños: diferencias entre resoluciones absolutas y relativas.
4. Lenguaje HTML: la base para crear páginas web.
5. Tipografías y colores en la web: opciones y estilos.
6. Prácticas para afianzar conceptos.

UNIDAD DIDÁCTICA 3. SITIOS Y DOCUMENTOS WEB

1. Cómo crear y configurar un sitio en Dreamweaver, diferenciando entre sitio local y remoto, y gestionando los archivos en cada uno.
2. Configuración y administración de sitios web.
3. Creación y apertura de documentos: páginas en blanco, plantillas, muestras y archivos existentes.
4. Espacio de trabajo en Dreamweaver CS6.
5. Vistas del documento: código, diseño dividido, vista en vivo.
6. Propiedades de las páginas: estilos CSS y código HTML.
7. Prácticas para consolidar conocimientos.

UNIDAD DIDÁCTICA 4. EDICIÓN Y FORMATEO DE TEXTO

1. Insertar y formatear texto: fuentes, tamaños, colores, alineaciones, sangrías y estilos CSS. Creación de listas (numeradas, no numeradas y de definición). Revisión ortográfica y objetos adicionales como reglas horizontales, comentarios y fechas de modificación.
2. Importar contenido desde Microsoft Word.
3. Propiedades del texto: HTML y CSS.
4. Creación y configuración de listas, incluyendo listas anidadas.
5. Uso de caracteres especiales en HTML.
6. Revisión y búsqueda de texto, sustitución y corrección ortográfica.
7. Creación y definición de estilos CSS.
8. Tipos de fuentes web y su importancia en el diseño.
9. Prácticas para practicar.

UNIDAD DIDÁCTICA 5. ENLACES HYPERLINKS

1. Insertar hipervínculos: enlaces internos (anclajes), enlaces externos (otras páginas o sitios) y menús de navegación. Diferencias entre rutas absolutas y relativas, gestión y modificación de vínculos, y uso de comportamientos para responder a eventos.
2. Crear enlaces con rutas relativas y absolutas.
3. Vínculos de correo electrónico: cómo crear y gestionar.
4. Puntos de anclaje: creación y vinculación.
5. Menús de salto y navegación.
6. Widgets de barras de menú: añadir, eliminar y gestionar elementos.
7. Verificación y reparación de vínculos en el sitio.
8. Estilos en enlaces: diferentes estados como link, visited y active.
9. Prácticas para dominar los vínculos.

UNIDAD DIDÁCTICA 6. TRABAJO CON IMÁGENES

1. Insertar imágenes en las páginas: formatos gráficos compatibles y sus diferencias. Creación de imágenes de sustitución, mapas de imagen y barras de navegación.
2. Propiedades de las imágenes: uso del inspector de propiedades.
3. Alinear, redimensionar y aplicar efectos rollover a las imágenes.
4. Mapas de imagen: definición y uso.
5. Marcadores de posición y objetos inteligentes.
6. Prácticas para practicar.

UNIDAD DIDÁCTICA 7. TABLAS

1. Distribución y organización de contenido en tablas: uso de capas, tablas y modo de diseño.
2. Insertar y editar tablas.
3. Seleccionar y gestionar elementos en tablas.
4. Propiedades de tablas y celdas: ajuste y formato.
5. Redimensionar tablas, columnas y filas.
6. Copiar, pegar, combinar y anidar tablas.
7. Aplicar estilos CSS a tablas.
8. Prácticas para dominar el uso de tablas.

UNIDAD DIDÁCTICA 8. CAPAS Y SU COMPORTAMIENTO

1. Concepto de capas: uso de etiquetas div y span para contener objetos como formularios, textos o plugins.
2. Posiciones de capas: estática, relativa, absoluta y fija.
3. Insertar y gestionar capas en el diseño.
4. Propiedades de capas: uso del inspector de propiedades.
5. Panel de elementos y capas prediseñadas.
6. Convertir capas en tablas y viceversa.
7. Aplicar comportamientos mediante código JavaScript.
8. Prácticas para entender el manejo de capas y comportamientos.

UNIDAD DIDÁCTICA 9. ESTILOS CSS I

1. ¿Qué son las hojas de estilo en cascada (CSS)? Cómo definir reglas de estilo para separar contenido y presentación.
2. Uso del panel de estilos para gestionar reglas CSS.
3. Creación de nuevas reglas CSS y configuración de propiedades básicas: tipografía, fondos, bloques, cuadros, bordes.
4. Prácticas para aplicar estilos CSS efectivamente.

UNIDAD DIDÁCTICA 10. ESTILOS CSS II

1. Propiedades avanzadas: listas, posiciones y extensiones.
2. Transiciones y efectos suaves entre estilos.
3. Trabajo con múltiples clases y compatibilidad entre navegadores.
4. Ejemplos prácticos usando estilos de Dreamweaver.
5. Diseño de páginas usando CSS de forma moderna y responsive.
6. Prácticas para perfeccionar el estilo visual.

UNIDAD DIDÁCTICA 11. ELEMENTOS MULTIMEDIA Y SPRY

1. Insertar archivos Flash (SWF): animaciones, vídeos, botones y textos interactivos.
2. Integración de elementos multimedia y widgets Spry.
3. Incluir archivos FLV y sonido: formatos compatibles y métodos de inserción.
4. Framework Spry: agregar y personalizar widgets como acordeones, paneles y otros componentes interactivos.
5. Prácticas para crear sitios multimedia dinámicos.

UNIDAD DIDÁCTICA 12. PLANTILLAS Y LIBRERÍAS

1. Tipos de regiones en plantillas y su utilidad para mantener un diseño coherente.
2. Crear y gestionar plantillas desde documentos existentes o nuevos.
3. Definir regiones editables y repetidas, incluyendo regiones opcionales.
4. Aplicar plantillas a páginas y gestionar actualizaciones.
5. Uso del panel de activos y creación de bibliotecas personalizadas.
6. Ejercicios prácticos para dominar plantillas y bibliotecas.

UNIDAD DIDÁCTICA 13. FORMULARIOS Y SITIOS REMOTOS

1. Creación y configuración de formularios para recopilar datos de usuarios y enviarlos al servidor.
2. Gestión de diferentes tipos de campos y validaciones con JavaScript.
3. Configuración de sitios web remotos y sincronización de archivos entre local y servidor.
4. Ejercicios prácticos para dominar formularios y gestión de sitios.

UNIDAD DIDÁCTICA 14. DISEÑO RESPONSIVE Y FTP

1. Crear diseños de cuadrícula flexible que se adapten a diferentes dispositivos: móviles, tablets y ordenadores.
2. Sincronización y gestión de archivos mediante FTP y FTP multicanal.
3. Prácticas para implementar diseños adaptativos y publicar en línea.

UNIDAD DIDÁCTICA 15. jQuery Mobile

1. Introducción a jQuery Mobile para crear interfaces móviles amigables.
2. Utilización de temas y paneles de ejemplo.
3. Agregar contenidos interactivos y dinámicos.
4. Ejercicios prácticos para crear aplicaciones móviles con jQuery Mobile.

MÓDULO 2. ADOBE PHOTOSHOP CS6

UNIDAD DIDÁCTICA 1. PRESENTACIÓN DEL CURSO

1. Breve introducción y objetivos del curso.

UNIDAD DIDÁCTICA 2. CONCEPTOS CLAVE

1. Novedades y mejoras en Photoshop CS6.
2. Tipos de imágenes y sus usos.
3. Resolución de imágenes y su impacto en calidad y tamaño.
4. Formato PSD y otros formatos de imagen.

UNIDAD DIDÁCTICA 3. ÁREA DE TRABAJO

1. Cómo abrir, guardar y gestionar documentos en Photoshop.
2. Creación de nuevos proyectos y gestión del espacio de trabajo.
3. Organización de ventanas y paneles para mejorar la productividad.
4. Guardar configuraciones personalizadas y modos de pantalla.

UNIDAD DIDÁCTICA 4. PANELES Y MENÚS

1. Uso de la barra de menú y herramientas principales.
2. Personalización de barras y ventanas en Photoshop.
3. Zoom, vista en mano y navegación en la imagen.
4. Ejercicios prácticos para familiarizarse con la interfaz.

UNIDAD DIDÁCTICA 5. HERRAMIENTAS DE SELECCIÓN

1. Herramientas para seleccionar partes de la imagen: marco, lazo, varita, selección rápida y mover.
2. Opciones para modificar, sumar o restar selecciones.
3. Prácticas para dominar las selecciones precisas.

UNIDAD DIDÁCTICA 6. DIBUJO Y EDICIÓN

1. Herramientas de dibujo y edición: pincel, lápiz, reemplazo de color, degradado y bote de pintura.
2. Crear y personalizar pinceles.
3. Aplicar efectos y filtros para mejorar o transformar la imagen.
4. Prácticas para aprender a editar con precisión.

UNIDAD DIDÁCTICA 7. RETOQUE Y TRANSFORMACIÓN

1. Herramientas para retoque: recortar, sector, cambiar tamaño del lienzo.
2. Corrección de ojos rojos, clonado, borrado y desenfoque.
3. Aplicar técnicas de sobreexposición y subexposición.
4. Prácticas para perfeccionar la edición.

UNIDAD DIDÁCTICA 8. CAPAS

1. Conceptos básicos y gestión avanzada de capas: opacidad, modos de fusión, estilos y efectos.
2. Capas de ajuste y relleno.
3. Combinar y organizar capas para efectos complejos.
4. Ejercicios prácticos para dominar las capas.

UNIDAD DIDÁCTICA 9. TEXTO

1. Herramienta de texto y creación de textos en la imagen.
2. Formateo avanzado: caracteres, párrafos, deformaciones y estilos.
3. Aplicación de rellenos con imágenes, corrección ortográfica y efectos 3D.
4. Prácticas para crear textos impactantes.

UNIDAD DIDÁCTICA 10. DIBUJO Y FORMAS

1. Herramientas de dibujo: pluma, trazados y formas.
2. Modos de dibujo y creación de trazados y formas personalizadas.
3. Transformar trazados en selecciones y objetos de forma libre.
4. Ejercicios prácticos para diseñar con precisión.

UNIDAD DIDÁCTICA 11. REGLAS, ACCIONES, FILTROS Y CANALES

1. Uso de reglas, guías y cuadrícula para precisión en el diseño.
2. Automatización con acciones y aplicación de filtros.
3. Trabajo con objetos inteligentes y canales de color.
4. Máscaras rápidas y canales alfa para efectos avanzados.
5. Prácticas para mejorar la eficiencia y resultados.

UNIDAD DIDÁCTICA 12. TRANSFORMACIÓN Y OPTIMIZACIÓN DE IMÁGENES

1. Transformar, deformar y ajustar tamaño de imágenes y gráficos web.
2. Crear efectos rollover y gestionar sectores de la imagen.
3. Optimizar imágenes para web y guardar en formatos adecuados.
4. Prácticas para dominar la optimización y exportación.

UNIDAD DIDÁCTICA 13. IMPRESIÓN

1. Preparar y gestionar la impresión desde Photoshop.
2. Pruebas de color, perfiles y ajustes para impresión de calidad.
3. Procedimientos para imprimir y preparar archivos para imprenta.
4. Ejercicios prácticos.

UNIDAD DIDÁCTICA 14. 3D

1. Fundamentos del diseño en 3D y herramientas básicas.
2. Creación de formas tridimensionales y gestión del panel 3D.
3. Ejercicios prácticos para iniciarse en modelado 3D.

UNIDAD DIDÁCTICA 15. VÍDEO Y ANIMACIONES

1. Importación y gestión de capas de vídeo y animaciones.
2. Uso del panel de animación y secuencias de imágenes.
3. Exportar y guardar proyectos de vídeo y animaciones.
4. Prácticas para crear contenido multimedia dinámico.

MÓDULO 3. ADOBE FLASH CS6

UNIDAD DIDÁCTICA 1. PRESENTACIÓN

1. Introducción general a Adobe Flash CS6.

UNIDAD DIDÁCTICA 2. ENTORNO DE TRABAJO I

1. Tipos de gráficos y novedades en Flash CS6.
2. Flujo de trabajo y gestión del espacio de trabajo.
3. Menús, ventanas y paneles.
4. Guardar configuraciones personalizadas y preferencias.
5. Ejercicios prácticos para familiarizarse con el entorno.

UNIDAD DIDÁCTICA 3. ENTORNO DE TRABAJO II

1. El escenario y propiedades del documento.
2. Herramientas básicas y avanzadas.
3. Línea de tiempo y gestión de capas.
4. Vistas del documento y guías de alineación.
5. Funciones de deshacer, rehacer e historial.
6. Creación y gestión de películas Flash.
7. Prácticas para entender el flujo de trabajo.

UNIDAD DIDÁCTICA 4. ADMINISTRACIÓN DE ARCHIVOS

1. Creación y gestión de documentos y plantillas.
2. Importación de imágenes e ilustraciones desde otros programas (Illustrator, Photoshop).
3. Gestión de archivos Flash y proyectos.
4. Ejercicios prácticos para gestionar proyectos.

UNIDAD DIDÁCTICA 5. DIBUJO EN FLASH

1. Información sobre herramientas de dibujo.
2. Modos de dibujo y preferencias.
3. Herramienta pluma y editores de contornos.
4. Prácticas para crear ilustraciones vectoriales.

UNIDAD DIDÁCTICA 6. OBJETOS Y TRANSFORMACIONES

1. Transformar, seleccionar, combinar y eliminar objetos.
2. Alinear, mover y copiar objetos en el escenario.
3. Prácticas para trabajar con objetos y animaciones básicas.

UNIDAD DIDÁCTICA 7. COLOR EN FLASH

1. Selector de color y paletas.
2. Aplicación de degradados y efectos de transformación.
3. Herramientas de relleno y pincel, uso del panel Kuler.
4. Prácticas para gestionar colores y efectos visuales.

UNIDAD DIDÁCTICA 8. SÍMBOLOS, INSTANCIAS Y LIBRERÍAS

1. Creación y gestión de símbolos.
2. Uso de bibliotecas y gestión de instancias.
3. Diseño de botones y clips de película.
4. Ejercicios prácticos para organizar componentes reutilizables.

UNIDAD DIDÁCTICA 9. LÍNEA DE TIEMPO Y ANIMACIÓN

1. Gestión de la línea de tiempo y capas.
2. Creación de animaciones fotograma a fotograma, interpolaciones de forma y movimiento.
3. Animar objetos en 3D y uso de guías.
4. Prácticas para crear animaciones profesionales.

UNIDAD DIDÁCTICA 10. ESCENAS, FILTROS, MASCARAS Y CINEMÁTICA

1. Organización en escenas y aplicación de filtros.
2. Tipos de filtros y modos de mezcla.
3. Capas de máscara y cinemática inversa.
4. Ejercicios prácticos en efectos avanzados.

UNIDAD DIDÁCTICA 11. TEXTO Y FRAMEWORK TLF

1. Gestión avanzada de texto con TLF.
2. Propiedades de caracteres, párrafos y flujo de texto.
3. Incorporación de fuentes y creación de estilos.
4. Prácticas para integrar textos y fuentes personalizadas.

UNIDAD DIDÁCTICA 12. SONIDO Y VIDEO

1. Importación y gestión de sonidos y vídeos.
2. Aplicación en la línea de tiempo y en botones interactivos.
3. Edición, compresión y exportación de contenido multimedia.
4. Ejercicios prácticos para integrar audio y vídeo.

UNIDAD DIDÁCTICA 13. ACCIONES Y PUBLICACIÓN

1. Introducción a ActionScript y panel de acciones.
2. Acciones comunes y uso de fragmentos de código.
3. Configuración para publicar en Flash y en línea.
4. Prácticas para crear aplicaciones interactivas.

UNIDAD DIDÁCTICA 14. ADOBE AIR Y JSFL

1. ¿Qué es Adobe AIR? Creación y publicación de aplicaciones.
2. Previsualización y publicación de archivos AIR.
3. Introducción a JSFL y su aplicación en automatización.
4. Ejercicios prácticos para automatizar tareas.

UNIDAD DIDÁCTICA 15. SPRITE SHEETS Y HTML5

1. ¿Qué es un Sprite Sheet y cómo se utiliza?
2. Introducción a HTML5 y su integración con Flash.
3. Creación de contenido compatible con HTML5.
4. Exportar proyectos en formato HTML5 para diferentes plataformas.

MATERIAL INCLUIDO EN LA MODALIDAD A DISTANCIA

• Manual teórico: Adobe Photoshop CS6
• Manual teórico: Diseño Web Profesional con Adobe Dreamweaver CS6
• Manual teórico: Adobe Flash Professional CS6
• Cuaderno de ejercicios: Adobe Photoshop CS6
• Cuaderno de ejercicios: Diseño Web Profesional con Adobe Dreamweaver CS6
• Cuaderno de ejercicios: Adobe Flash Professional CS6