Formación en línea
Organiza tu propio tiempo
Duración 1500 H
Modalidad Online
20 ECTS
Precio Oficial: 3600€
Presentación
Descripción
Este Master en Diseño Web le ofrece una formación especializada en la materia. Este Master en Diseño Web está orientado principalmente a profesionales del diseño de páginas web y diseñadores gráficos y pensado para el desarrollo de páginas web dinámicas y portales de información potentes, a nivel profesional.
Objetivos
- Convertir a los alumnos en expertos en Diseño y Animación Web, dando al alumno una amplia formación en técnicas de retoque fotográfico, animación 3D y diseño de páginas y sitios web, capacitándolo para realizar trabajos con eficiencia y alto nivel de destreza.
- Capacitar a nivel profesional para el Diseño orientado a Web.
- Especialícese en una profesión en creciente auge y sin desempleo: DISEÑADOR WEB.
Para qué te prepara
Gracias a la realización de este Máster en Diseño Web te convertirás en un experto profesional en diseño y creación de proyectos webs. Desarrollarás páginas webs dinámicas y potentes portales, implementando todo tipo de módulos avanzados de comercio electrónico, gestión de contenidos, animaciones en flash, bases de datos, tablas, CSS, animación 3D, etc.
¿A quién va dirigido?
El Máster en Diseño Web está dirigido a creativos, profesionales del diseño web y el diseño gráfico, informáticos, programadores, licenciados en bellas artes, profesionales del mundo de la animación multimedia en tres dimensiones, departamentos de marketing y diseño web de empresas, y en general cualquier interesado en convertirse en un experto del diseño web.
Temario
Temario del curso
- Comunicación y publicidad
- Breve historia de la publicidad
- Diseño y diseño gráfico
- Fases del diseño
- Elementos básicos que intervienen en el diseño
- La composición
- Teoría de la percepción
- Definición y Pensamiento Creativo
- Esquema creativo: competencias
- Estrategia creativa
- Tecnología del anuncio
- El Ordenador: hardware y software
- Orígenes del diseño gráfico por ordenador
- Formatos de imágenes
- Software de diseño gráfico
- El formato vectorial
- Funcionamiento del formato vectorial
- Vectorización manual y automática
- Formatos vectoriales
- El color
- Psicología del Color
- El color en impresión
- Concepto de tipografía
- Anatomía de la letra
- Clasificación de los tipos
- Características de edición de las fuentes
- Tipografía en el proceso digital
- Trabajar con tipografías en el diseño
- Instalación de fuentes
- Gestores de fuentes
- Software para la creación de fuentes tipográficas
- Formato digital o impreso
- Diseño de la retícula compositiva
- Soportes gráficos: de la pantalla a la realidad
- Ilustración publicitaria
- Software para edición de imágenes
- Photoshop
- Concepto de identidad corporativa
- Manual de Identidad Corporativa
- Elementos de la identidad corporativa
- ¿Qué es el Wayfinding?
- Diseño de Wayfinding
- El diseño de productos encuadernados
- Software profesional de edición InDesign
- Ventanas Estilo
- Herramienta texto
- Formatos de edición
- Corrección de textos
- Verificaciones finales
- Preparación para imprenta
- Pruebas de color y preimpresión
- Manipulación y distribución
- Línea de tiempo
- Las capas
- Animaciones
- Animaciones fotograma a fotograma
- Interpolación de forma
- Animación interpolada
- Interpolación clásica
- Interpolación de movimiento
- Animaciones con guías
- Animar objetos D
- Prácticas
- Concepto de sitio web, dominio y servidor
- Tipos de alojamiento web
- Estructura básica de un proyecto web
- Lenguajes utilizados en la web: HTML, CSS y JavaScript
- Resoluciones de pantalla y diseño adaptable
- Creación y configuración de un sitio web
- Sitio local y sitio remoto
- Gestión de archivos y carpetas del proyecto
- Panel Archivos
- Sincronización con servidor remoto
- Espacio de trabajo de Dreamweaver
- Vistas del documento: Código y Vista en vivo
- Edición de código HTML y CSS
- Autocompletado, sugerencias y validación
- Propiedades del documento
- Estructura básica de un documento HTML5
- Etiquetas semánticas
- Inserción y edición de texto
- Listas y elementos estructurales
- Enlaces y anclajes
- Buenas prácticas en marcado HTML
- Formatos de imagen para la web
- Inserción de imágenes
- Optimización y tamaño de imágenes
- Uso de SVG
- Accesibilidad en imágenes
- Uso adecuado de tablas en HTML
- Creación y edición de tablas
- Propiedades de filas y celdas
- Aplicación de estilos CSS a tablas
- Concepto de hojas de estilo en cascada
- Creación y vinculación de archivos CSS
- Selectores y propiedades básicas
- Tipografía web y web fonts
- Colores y fondos
- Modelo de cajas
- Posicionamiento de elementos
- Flexbox
- Introducción a CSS Grid
- Diseño responsive mediante media queries
- Principios del diseño adaptable
- Estructuras fluidas
- Imágenes responsive
- Pruebas en distintos dispositivos desde Dreamweaver
- Estructura de formularios HTML5
- Tipos de campos y atributos
- Validación nativa de formularios
- Estilos CSS aplicados a formularios
- Buenas prácticas de usabilidad
- Conceptos básicos de JavaScript
- Uso de JavaScript en páginas web
- Interacción básica con el DOM
- Separación de estructura, estilo y comportamiento
- Concepto de plantillas en Dreamweaver
- Creación y uso de plantillas
- Regiones editables
- Biblioteca de elementos
- Actualización de páginas basadas en plantillas
- Configuración de servidores remotos
- FTP y SFTP
- Subida y actualización de archivos
- Comprobación de vínculos
- Mantenimiento básico del sitio web
- ECAS
- Tipos de símbolos
- Crear un símbolo
- Bibliotecas
- Símbolos gráficos
- Crear un botón
- Clip de película
- Prácticas
- Escenas
- Filtros
- Tipos de filtros
- Modos de Mezcla
- Capas de mascara
- Texto Clásico
- Tipos de texto clásico
- Incorporar fuentes
- Prácticas
- Importar sonidos
- Formatos de sonido admitidos
- Sonido en la línea de tiempo
- Añadir sonido a un botón
- Editar un sonido
- Comprimir un sonido
- Importar video
- Propiedades del video
- Adobe Media Encoder
- Prácticas
- Introducción a ActionScript
- Panel acciones
- Acciones más comunes
- Panel Fragmentos de código
- Formularios
- Configurar publicación
- Exportar en Animate
- Practicas
- ¿Qué es Adobe Air?
- Creación de un archivo Adobe AIR
- Vista previa de una aplicación de Adobe AIR
- Publicar un archivo AIR
- JSFL
- Prácticas
- ¿Qué es un Sprite Sheets?
- HTML 5
- Publicación de animaciones en HTML 5
- Prácticas
- El nuevo Photoshop: escritorio, tableta y web
- Integración con Creative Cloud, Adobe Firefly y la IA generativa
- Configuración óptima del sistema y rendimiento
- Tipos de imágenes: Píxeles vs. Vectores
- Resolución, tamaño de impresión y profundidad de bits
- Formatos de archivo: PSD, PSB, WebP y archivos en la nube (.PSDC)
- Gestión de color y perfiles (sRGB, Adobe RGB)
- Adobe Color
- Prácticas del ecosistema Adobe
- Crear y abrir proyectos y espacios de trabajo
- Área de trabajo
- Gestión de ventanas, barras, paneles y espacios de trabajo
- La Barra de Tareas Contextual
- Atajos de teclado personalizados
- Guardar proyectos y espacios de trabajo
- Modos de pantalla y navegación avanzada (Zoom y Mano)
- Prácticas del área de trabajo
- Herramientas de selección
- Herramienta marco
- Herramienta lazo
- Herramienta Varita
- Herramienta de selección rápida
- Varita mágica vs. Selección rápida
- Herramienta mover
- Selecciones
- Prácticas con herramientas de selección
- El panel Capas y tipos de capas
- Grupos, organización y filtrado de capas
- Opacidad, relleno y modos de fusión
- Objetos Inteligentes: Edición avanzada y filtros inteligentes
- Estilos y efectos de capa
- Capas de ajuste y relleno
- Combinar capas
- Prácticas con grupos y capas
- Conceptos de IA Generativa en el flujo de trabajo
- Relleno Generativo: Crear y transformar mediante prompts
- Ampliación Generativa: Ampliar lienzos e inventar entornos
- Variaciones y gestión de resultados generados
- Gestión de variaciones y ética de contenido (Content Credentials)
- Prácticas con la IA generativa
- Herramientas de retoque y transformación
- Eliminación y limpieza de objetos complejos por IA (Herramienta Quitar)
- Herramienta recortar
- Pincel corrector puntual y parche
- Tampón de clonar y origen de clonación
- Herramientas de enfoque, desenfoque y esponja
- Transformación: libre, escala según contenido y deformación de posición libre
- Herramienta Borrador y Borrador de fondos
- Cambiar el tamaño del lienzo
- Prácticas de retoque profesional
- Herramientas de dibujo y edición
- Herramienta Pincel y Lápiz
- Gestión de pinceles, suavizado y simetría
- Otras herramientas
- Prácticas con herramientas de dibujo
- Herramientas de dibujo
- Trazados y Curvas de Bézier
- Herramienta Pluma y Pluma de forma libre
- Ventana Trazados y Subtrazados
- Convertir trazados en selecciones y viceversa
- Definir formas personalizadas
- Prácticas con trazados vectoriales
- Introducción a la tipografía
- Herramientas de texto
- Ortografía
- Prácticas con efectos de texto
- Máscaras de capa y máscaras vectoriales
- Capas de ajuste de luz (Niveles, Curvas, Exposición)
- Capas de ajuste de color (Intensidad, Tono/Saturación, Equilibrio de color)
- Máscaras de recorte
- Herramienta máscara de texto
- Prácticas con máscaras y capas de ajuste
- Reglas, guías y cuadrícula
- Panel acciones y acciones condicionales
- Filtros artísticos y efectos de desenfoque
- Objetos inteligentes vinculados
- Canales
- Neural Filters de Nueva Generación
- Prácticas con objetos inteligentes
- Transformación de una imagen
- Deformar un elemento
- Mesas de trabajo (Artboards)
- Composiciones de Capas (Layer Comps)
- Generador de Activos (Assets) para flujos de trabajo web y App
- Procesamiento por lotes y script de procesador de imágenes
- Gestión de Plugins y el Marketplace de Adobe
- Guardar para Web y Exportar como (WebP/SVG)
- Impresión
- Resolución del monitor y calidad de salida
- Perfiles de color
- Separación de canales y tintas planas
- Imprimir una imagen
- Preparación de archivos para imprenta
- Optimizar imágenes y exportación avanzada
- El motor de Adobe Firefly
- Control y Precisión Generativa
- IA aplicada al Revelado Digital (Adobe Camera Raw)
- Sincronización de ajustes en RAW
- Operaciones avanzadas en el tratamiento digital de imágenes
- Generación de activos personalizados
- Capas de vídeo e importar vídeo
- Línea de tiempo de vídeo y edición de clips básica
- Guardar y exportar
- Novedades del programa
- ¿Qué es un gráfico vectorial?
- ¿Qué es un mapa de bits?
- La interfaz y área de trabajo
- Abrir, colocar, exportar y guardar un archivo
- Paneles y espacios de trabajo
- Desplazarse por el documento
- Modos de pantalla, reglas, guías y cuadrícula
- Las mesas de trabajo
- Barra de tareas contextual
- Ejercicios
- Herramientas de selección I
- Herramientas de selección II
- Trabajar con selecciones
- Agrupar objetos y modos de aislamiento
- Alinear y distribuir objetos
- Ejercicios
- Crear formas básicas
- Herramienta lápiz y shaper
- Dibujar líneas, arcos, espirales y cuadrículas
- Contorno y relleno
- Herramienta borrador y suavizar
- Ejercicios
- Modos de color
- Aplicar color desde el panel muestras
- Cambiar trazo
- Pintura interactiva
- Panel personalizado y panel Muestras
- Copiar atributos
- Degradados y transparencias
- Motivos
- Volver a colorear la ilustración
- Ejercicios
- Nociones sobre trazados
- Herramienta pluma
- Trabajar con trazados I
- Trabajar con trazados II
- Herramientas de manipulación vectorial
- Ejercicios
- Acerca de las capas
- El panel capas
- Trabajar con capas I
- Trabajar con capas II
- Máscaras de recorte
- Ejercicios
- Textos
- Importar textos y crear columnas
- Enlazar texto y el área de texto
- Texto objetos y formatear texto
- Propiedades de párrafo y estilos
- Rasterizar y exportar texto
- Atributos de Apariencia
- Ortografía y envolventes
- Ejercicios
- Aplicar y editar efectos
- Rasterización y efecto de sombra
- Objetos en tres dimensiones
- Mapeado
- Referencia rápida de efectos
- Estilos gráficos
- Pinceles
- Pincel de manchas
- Símbolos
- Ejercicios
- Escalar objetos
- Rotar y distorsionar objetos
- Colocar y reflejar objetos
- Envolventes
- Combinar objetos
- Fusión de objetos
- Ejercicios
- Optimizar imágenes
- Preparación de SVG para web
- Exportación de recursos
- Exportar e importar imágenes
- Crear PDF
- Automatizar tareas
- Calcar mapa de bits
- Ejercicios
- Impresión: panorama general
- Acerca del color
- Información de documento
- Opciones generales de impresión I
- Opciones generales de impresión II
- Archivos PostScript y degradados
- Ejercicios
- Degradados en trazos
- Creación de patrones
- Cuadrícula de perspectiva
- Gráficas
- Herramienta rociar símbolos
- Ejercicios
- IA Generativa: de texto a gráfico vectorial
- Tipografía Inteligente y Retype
- Color y armonía con IA
- Herramientas de productividad avanzada
- Colaboración y nube
- Ejercicios
Metodología
Metodología ESIBE
Contamos con uno de los mejores sistemas de enseñanza, enfocado al 100% en la adquisición de conocimientos y habilidades valiosas para el alumno.
Al matricularte en una de nuestras formaciones, tendrás acceso al campus virtual, el cual se sustenta en los últimos avances en tecnología y sistemas e-Learning. Dispondrás de todos los contenidos de tu acción formativa desde el primer momento, pudiendo marcar tu propio ritmo de aprendizaje.
Nuestra metodología tiene un claro objetivo: proporcionarte nociones imprescindibles para el desarrollo de la actividad de tu ámbito. Para ello, tendrás el apoyo de un claustro especializado en la materia que estará a tu disposición para resolver cualquier pregunta, ya sea a través del chat, habilitado en el propio campus o, de una tutoría.
Con ESIBE, te convertirás en un profesional altamente cualificado, capaz de desempeñar las tareas propias de un puesto de responsabilidad en el sector.
Titulación
Titulación Obtenida
Titulación Múltiple: -Titulación de Máster en Diseño Web con 1500 horas expedida por EUROINNOVA INTERNATIONAL ONLINE EDUCATION, miembro de la AEEN (Asociación Española de Escuelas de Negocios) y reconocido con la excelencia académica en educación online por QS World University Rankings - Titulación Universitaria en Diseño Web con Dreamweaver CC con 200 horas y 8 ECTS expedida por UTAMED-Universidad Tecnológica Atlántico Mediterráneo. - Titulación de Diseño Gráfico con Adobe Illustrator CC 2026 con 150 horas y 6 ECTS expedida por UTAMED-Universidad Tecnológica Atlántico Mediterráneo. - Titulación de Curso de Desarrollo Profesional en Diseño Gráfico con Adobe Photoshop con 150 horas y 6 ECTS expedida por UTAMED-Universidad Tecnológica Atlántico Mediterráneo
SOLICITA INFORMACIÓN
Master en Diseño Web
Precio Oficial 3600€ BECA hasta 40%
Compartir
Productos relacionados
Master en Dirección y Gestión de Proyectos y Obras...
Precio Oficial: 3600€
BECA hasta 40%
Ir al curso
¿Por qué estudiar en ESIBE?
En ESIBE nos adaptamos a tus necesidades, ofreciéndote una formación de calidad y con un elevado nivel de flexibilidad.
Apostilla de la Haya
Certifica tu titulación en países extranjeros
Calidad Europea
Formación especializada
Contenido Actualizado
Revisamos de forma continua nuestro temario
Campus Virtual
Plataforma con los últimos desarrollos del sector e-Learning
Amplia Oferta Formativa
Encuentra la formación que se adapta a ti
Nuestros colaboradores
