¿Necesitas ayuda?
Master en Diseño Web
practicas
Prácticas Garantizadas
convocatoria
Convocatoria Abierta
modalidad
ONLINE
duracion
1500 H
precio
1495EUR
PROGRAMA PDF
practicas
Prácticas
Garantizadas
convocatoria
Convocatoria
Abierta
Las acciones formativas de INESEM tienen modalidad online
Modalidad
ONLINE
Duración de las acciones formativas de INESEM
Duración
1500 H
Precio de las acciones formativas de INESEM
Precio
1495EUR

Presentación

La importancia alcanzada por Internet ha provocado que las empresas requieran perfiles profesionales digitales para las diferentes áreas de sus estrategias online. La formación que ofrece el Master Diseño Web te elevará profesionalmente en el ámbito del diseño web, un sector en auge y en continua actualización. No te quedes atrás, da rienda suelta a tu creatividad y obtén una posición privilegiada en el mercado laboral. 

plan de estudios

Para qué te prepara

El Master Diseño Web te aportará los conocimientos que necesitas para especializarte en el diseño de páginas web, de publicaciones online e interfaces interactivas y  multimedia. Además, te prepara para aplicar personalizar diseños de páginas web en función de las necesidades del cliente y la tecnología disponible, incorporando los principios de la arquitectura de la información y la  usabilidad.


Objetivos
  • Adquirir competencias profesionales de diseño web para entornos digitales.
  • Conocer la estructura y componentes para poder componer páginas web adecuadas a todas las necesidades.
  • Aprender a integrar la usabilidad dentro del proceso de creación y diseño web.
  • Manejar herramientas profesionales de diseño web e implementarlas en la práctica.
  • Desarrollar una capacidad analítica y de control en las distintas fases de creación y diseño web.
  • Desarrollar la creatividad del alumnado.

A quién va dirigido

El Master Diseño Web de INESEM, está dirigido a personas que posean conocimientos de diseño gráfico, comunicación audiovisual, telecomunicaciones, informática o publicidad, así como cualquiera que esté interesado en especializarse en diseño de páginas web y publicaciones online.


Salidas Profesionales

Estudiar el Master Diseño Web te capacita para realizar tareas creativas y de responsabilidad como maquetaciones, diseño web, diseño de logos corporativos y arquitectura de  la información en los departamentos de marketing, comunicación o informática de grandes empresas.

temario

  1. Breve historia del diseño
  2. Comunicación y publicidad
  3. Teoría de la percepción
  4. Elementos básicos que intervienen en el diseño
  5. La composición
  6. Fases del diseño
  7. Diseño impreso
  8. Diseño digital
  1. Interacción
  2. Espacio fluido, entorno cambiante
  3. Cambio de las limitaciones físicas por limitaciones técnicas
  4. Contexto indefinido Dispositivos
  5. Tipografías
  6. Unidades de medida
  7. Color RGB
  8. Editar es posible
  1. Tipografía
  2. Color
  3. Formas
  4. Imágenes
  5. Contenido audiovisual
  6. Efectos
  1. Bitmaps Imágenes rasterizadas
  2. Vectores
  3. Convertir imágenes de vectorial a bitmap y viceversa
  1. Rejilla
  2. Composición
  3. Elementos
  4. Espacios vacíos
  5. Coherencia y consistencia
  1. Aproximación e investigación inicial
  2. Bocetos
  3. Planificación
  1. Introducción
  2. Usabilidad
  3. Diseño centrado en el usuario
  4. Experiencia de usuario
  5. Pirámide de prioridades de la usabilidad
  6. El ciclo diseño-investigación
  1. Novedades del programa
  2. Tipos de imágenes
  3. Resolución de imagen
  4. Formato PSD
  5. Formatos de imagen
  1. Abrir y guardar una imagen
  2. Crear un documento nuevo
  3. Área de trabajo
  4. Gestión de ventanas y paneles
  5. Guardar un espacio de trabajo
  6. Modos de pantalla
  7. Prácticas
  1. Barra menú
  2. Barra de herramientas
  3. Opciones de Herramientas y barra de estado
  4. Ventanas de Photoshop I
  5. Ventanas de Photoshop II
  6. Zoom y mano y ventana navegador
  7. Prácticas
  1. Herramientas de selección
  2. Herramienta marco
  3. Opciones de marco
  4. Herramienta lazo
  5. Herramienta Varita
  6. Herramienta de selección rápida
  7. Herramienta mover
  8. Sumar restar selecciones
  9. Modificar selecciones
  10. Prácticas
  1. Herramientas de dibujo y edición
  2. Herramienta Pincel
  3. Crear pinceles personalizados
  4. Herramienta lápiz
  5. Herramienta sustitución de color
  6. Herramienta pincel historia
  7. Herramienta pincel histórico
  8. Herramienta degradado
  9. Herramienta bote de pintura
  10. Prácticas
  1. Herramientas de retoque y transformación
  2. Herramienta recortar
  3. Herramienta sector
  4. Cambiar el tamaño del lienzo
  5. Herramienta pincel corrector puntual
  6. Herramienta ojos rojos
  7. Tampón de clonar
  8. Herramienta borrador
  9. La Herramienta desenfocar
  10. Herramienta sobreexponer y subexponer
  11. Prácticas
  1. Conceptos básicos de capas
  2. El panel capas
  3. Trabajar con capas I
  4. Trabajar con capas II
  5. Alinear capas
  6. Rasterizar capas
  7. Opacidad y fusión de capas
  8. Estilos y efectos de capa
  9. Capas de ajuste y relleno
  10. Combinar capas
  11. Prácticas
  1. Herramientas de texto
  2. Introducir texto
  3. Cambiar caja y convertir texto
  4. Formato de caracteres
  5. Formato de párrafo
  6. Rasterizar y filtros en texto
  7. Deformar texto
  8. Crear estilos de texto
  9. Relleno de texto con una imagen
  10. Ortografía
  11. Herramienta máscara de texto y texto 3D
  12. Prácticas
  1. Herramientas de dibujo
  2. Modos de dibujo
  3. Herramienta pluma
  4. Ventana trazados
  5. Subtrazados
  6. Convertir trazados en selecciones
  7. Pluma de forma libre
  8. Capas de forma
  9. Herramienta forma
  10. Prácticas
  1. Reglas, guías y cuadrícula
  2. Herramienta regla
  3. Acciones
  4. Filtros
  5. Objetos inteligentes
  6. Canales
  7. Máscara rápida
  8. Canales Alfa
  9. Prácticas
  1. Transformación de una imagen
  2. Deformar un elemento
  3. Tamaño de la imagen
  4. Resolución imagen y monitor
  5. Rollover
  6. Los sectores
  7. Tipos de sectores
  8. Propiedades de los sectores
  9. Modificar sectores
  10. Optimizar imágenes
  11. Guardar para web
  12. Generar recursos de imagen
  13. Prácticas
  1. Impresión
  2. Impresión de escritorio
  3. Pruebas de color en pantalla
  4. Perfiles de color
  5. Imprimir una imagen
  6. Preparación de archivos para imprenta
  7. Prácticas
  1. Fundamentos 3D
  2. Herramientas de objeto y de cámara 3D
  3. Creación de formas 3D
  4. Descripción general del panel 3D
  5. Prácticas
  1. Capas de vídeo e importar vídeo
  2. El panel Movimiento
  3. Animación a partir de una secuencia de imágenes
  4. Animaciones de línea de tiempo
  5. Guardar y exportar
  6. Prácticas
  1. Novedades del programa
  2. ¿Qué es un gráfico vectorial?
  3. ¿Qué es un mapa de bits?
  1. La interfaz y área de trabajo
  2. Nuevo documento y rendimiento de Illustrator
  3. Abrir, colocar, exportar y guardar un archivo
  4. Las paletas flotantes y vistas
  5. Desplazarse por el documento
  6. Modos de pantalla, reglas, guías y cuadrícula
  7. Las mesas de trabajo
  8. Ejercicios
  1. Herramientas de selección I
  2. Herramientas de selección II
  3. Trabajar con selecciones
  4. Agrupar objetos y modos de aislamiento
  5. Alinear y distribuir objetos
  6. Ejercicios
  1. Crear formas básicas
  2. Herramienta destello, línea y lápiz
  3. Dibujar arcos, espirales y cuadrículas
  4. Contorno y relleno
  5. Herramienta borrador y suavizar
  6. Ejercicios
  1. Modos de color
  2. Colorear desde la paleta muestras
  3. Cambiar trazo
  4. Pintura interactiva
  5. Paleta personalizada y paleta Muestras
  6. Copiar atributos
  7. Degradados y transparencias
  8. Motivos
  9. Volver a colorear la ilustración
  10. Ejercicios
  1. Nociones sobre trazados
  2. Herramienta pluma
  3. Trabajar con trazados I
  4. Trabajar con trazados II
  5. Herramientas de manipulación vectorial
  6. Ejercicios
  1. Acerca de las capas
  2. El panel capas
  3. Trabajar con capas I
  4. Trabajar con capas II
  5. Mascaras de recorte
  6. Ejercicios
  1. Textos
  2. Importar textos y crear columnas
  3. Enlazar texto y el área de texto
  4. Texto objetos y formatear texto
  5. Propiedades de párrafo y estilos
  6. Rasterizar y exportar texto
  7. Atributos de Apariencia
  8. Ortografía y envolventes
  9. Ejercicios
  1. Aplicar y editar efectos
  2. Rasterización y efecto de sombra
  3. Objetos en tres dimensiones
  4. Mapeado
  5. Referencia rápida de efectos
  6. Estilos gráficos
  7. Pinceles
  8. Pincel de manchas
  9. Símbolos
  10. Ejercicios
  1. Escalar objetos
  2. Rotar y distorsionar objetos
  3. Colocar y reflejar objetos
  4. Envolventes
  5. Combinar objetos
  6. Fusión de objetos
  7. Ejercicios
  1. Optimizar imágenes
  2. Mapas de imagen
  3. Sectores
  4. Animaciones
  5. Exportar e importar imágenes
  6. Crear PDF
  7. Automatizar tareas
  8. Calcar mapa de bits
  9. Ejercicios
  1. Impresión: panorama general
  2. Acerca del color
  3. Información de documento
  4. Opciones generales de impresión I
  5. Opciones generales de impresión II
  6. Archivos PostScript y degradados
  7. Ejercicios
  1. Degradados en trazos
  2. Creación de patrones
  3. Cuadrícula de perspectiva
  4. Gráficas
  5. Herramienta rociar símbolos
  6. Ejercicios
  1. Introducción
  2. La usabilidad
  3. Conceptos clave
  4. Atributos
  5. Complejidad e importancia de la usabilidad
  6. Usabilidad aplicada a un proyecto
  7. Mejoras de la usabilidad al producto final
  8. Procesos y herramientas
  1. Definición
  2. Principios de experiencia de usuario
  3. Experiencia de usuario y dispositivos
  1. Introducción
  2. Orientaciones de diseño web y dispositivos
  3. Fundamentos de diseño centrado en el usuario
  1. Introducción
  2. Complejidad transdisciplinar
  3. Pirámide de prioridades de la usabilidad
  4. Proceso general
  5. El ciclo diseño-investigación
  1. Introducción
  2. Proceso completo
  1. Principio de proximidad
  2. Principio de semejanza
  3. Principio de simetría
  4. Principio de continuidad
  5. Principio de cierre
  6. Principio de área o tamaño relativo
  7. Principio de figura-fondo
  8. La ley de la simplicidad
  1. Introducción La estructura de una web
  2. Zonas de navegación y zonas de contenido
  3. Elementos de navegación
  4. Herramientas de prototipado inicial
  1. Elementos de inicio Homepage
  2. Elementos de navegación
  3. Páginas de categorías
  4. Búsqueda
  5. Páginas de productos
  6. Formularios
  7. Tablas
  8. Listas
  9. Frames
  10. Páginas de datos
  11. Elementos de acción Botones
  12. Intranets
  1. Herramientas para edición de páginas web
  2. Herramientas para crear botones
  3. Herramientas para crear de barras de desplazamiento
  4. Herramientas para crear de Menús
  5. Generación de plantillas
  6. Navegadores
  1. Introducción
  2. Entornos de Desarrollo
  3. Navegadores
  1. Introducción HTML
  2. ¿Cómo creamos documento HTML?
  3. Características básicas
  1. Introducción
  2. Versión HTML
  3. HTML
  4. Head
  5. Body
  1. Textos en HTML
  2. Enlaces
  3. Listas en HTML
  4. Imágenes y objetos
  5. Tablas
  6. Formularios
  7. Marcos
  8. Estructuras y layout
  9. Otras etiquetas
  1. ¿Qué es la Metainformación?
  2. Accesibilidad
  3. Validación
  1. Introducción CSS
  2. Soporte de CSS en navegadores
  3. Especificación oficial
  4. Funcionamiento básico de CSS
  5. ¿Cómo incluir CSS en la Web?
  6. Estilo básico
  7. Medios CSS
  8. Comentarios
  9. Sintaxis de la definición
  1. Pseudoclases
  2. Pseudo-elementos
  3. Otras pseudoclases y pseudoelementos
  1. Modelo de cajas
  2. Propiedades de las cajas
  3. Margen, relleno, bordes y modelo de cajas
  4. Posicionamiento y visualización
  5. Posicionamiento
  6. Visualización
  1. En qué cosiste
  2. Visualización: Display
  3. Contenedores flexibles: flex e inline-flex
  4. Orientación: flex-box, flex-direction y flex-wrap
  5. La propiedad order
  6. Alineación de los elementos flexibles
  7. Soporte de los navegadores
  1. Introducción
  2. Keyframes
  3. Subpropiedades de animación
  4. Iteración
  5. Curvas de animación
  6. Propiedades animables
  1. Crear y vincular hojas de estilos
  2. Estructura
  3. Propiedades CSS
  4. Selectores
  5. Posición y tamaño
  6. Texto
  7. Imágenes
  8. Listas, tablas, formularios
  1. Introducción
  2. Definición de Diseño Web Responsive
  3. ¿En qué consiste el diseño responsive?
  4. Ventajas del diseño responsive
  5. SEO y diseño responsive
  1. Introducción
  2. Programación del lado del cliente
  3. Programación del lado del Servidor
  4. ¿Qué utilizaremos?
  5. ¿Qué necesita saber?
  6. Nuestro primer ejemplo
  1. La etiqueta SCRIPT
  2. Contenido Alternativo
  3. Variables
  4. Tipos de Datos
  5. Operadores
  6. Cuadros de diálogo
  7. Práctica 2
  1. Introducción
  2. Estructuras de decisión
  3. Estructuras lógicas
  4. Estructuras de repetición
  5. Definir funciones
  6. Llamadas a funciones
  7. Ámbito de las variables
  8. Práctica 3
  1. Introducción
  2. La jerarquía de objetos
  3. Propiedades y Eventos
  4. Métodos
  5. Práctica 4
  1. ¿Qué es un URL?
  2. El Objeto Location
  3. Redirigir a otra página
  4. El Objeto History
  5. Práctica 5
  1. Introducción
  2. La propiedad Title
  3. Los colores de la página
  4. El método write
  5. El conjunto images
  6. Práctica 6
  1. Formularios HTML
  2. El conjunto forms
  3. La propiedad elements
  4. Validar la información
  5. ¿Cuándo realizar la validación?
  6. Tipos de Validación
  7. Práctica 7
  1. El conjunto frames
  2. El objeto navigator
  3. El objeto screen
  4. Práctica 8
  1. Introducción
  2. Presentación
  3. ¿Cómo iniciar Jquery?
  4. ¿Dónde podemos documentarnos?
  5. Herramientas necesarias
  1. Introducción
  2. Obteniendo JQuery
  3. El núcleo de jQuery
  4. Cargar Jquery desde Google
  1. Introducción
  2. Selectores básicos en jQuery
  3. Selectores de jerarquía
  4. Filtros en Jquery
  1. Introducción
  2. Evento de carga de Página
  3. Eventos en Jquery
  4. El objeto Event
  5. Todavía más Eventos de Jquery
  1. Introducción
  2. Operaciones sobre clases
  3. Leer Atributos
  4. Modificar Atributos
  5. Modificar varios valores de atributos a la vez
  6. Añadir atributos con Attr
  7. Eliminar un atributos con removeAttr
  1. Introducción
  2. Acceso a propiedades con css
  3. Modificar propiedades css con css
  1. Introducción
  2. Conceptos Claves
  3. Cargar un Archivo
  4. El método GET o POST
  5. Cargar un Script
  6. El método AJAX de jQuery
  1. Introducción
  2. Formularios
  1. Introducción
  2. Los efectos show y hide
  3. Efectos de fundido
  4. Creación de una animación
  5. Envío de funciones callback
  6. Cola de efectos
  7. Efectos con desplazamientos
  1. Introducción
  2. Instalación
  3. Usando jQuery UI en nuestra página web¡
  4. Plugin draggable
  5. Componente DatePicker
  6. Componente Dialog
  7. Componente Button
  1. Plugins
  2. Desarrollar Plug-ins
  3. Añadir nuevos métodos abreviados
  4. Parámetros del método
  5. Otras funciones para plug-ins
  6. Compartir un Plug-in

metodología

Con nuestra metodología de aprendizaje online, el alumno comienza su andadura en INESEM Business School a través de un campus virtual diseñado exclusivamente para desarrollar el itinerario formativo con el objetivo de mejorar su perfil profesional. El alumno debe avanzar de manera autónoma a lo largo de las diferentes unidades didácticas así como realizar las actividades y autoevaluaciones correspondientes.La carga de horas de la acción formativa comprende las diferentes actividades que el alumno realiza a lo largo de su itinerario. Las horas de teleformación realizadas en el Campus Virtual se complementan con el trabajo autónomo del alumno, la comunicación con el docente, las actividades y lecturas complementarias y la labor de investigación y creación asociada a los proyectos. Para obtener la titulación el alumno debe aprobar todas la autoevaluaciones y exámenes y visualizar al menos el 75% de los contenidos de la plataforma. El Proyecto Fin de Máster se realiza tras finalizar el contenido teórico-práctico en el Campus. Por último, es necesario notificar la finalización del Máster desde la plataforma para comenzar la expedición del título.
claustro

Claustro de Profesores Especializado

Realizará un seguimiento personalizado del aprendizaje del alumno.

campus virtual

Campus virtual

Acceso ilimitado desde cualquier dispositivo 24 horas al día los 7 días de la semana al Entorno Personal de Aprendizaje.

materiales didácticos

Materiales didácticos

Apoyo al alumno durante su formación.

material adicional

Material Adicional

Proporcionado por los profesores para profundizar en cuestiones indicadas por el alumno.

Centro de atención al estudiante (CAE)

Centro de atención al estudiante (CAE)

Asesoramiento al alumno antes, durante, y después de su formación con un teléfono directo con el claustro docente 958 050 242.

inesem emplea

INESEM emplea

Programa destinado a mejorar la empleabilidad de nuestros alumnos mediante orientación profesional de carrera y gestión de empleo y prácticas profesionales.

comunidad

Comunidad

Formada por todos los alumnos de INESEM Business School para debatir y compartir conocimiento.

revista digital

Revista Digital INESEM

Punto de encuentro de profesionales y alumnos con el que podrás comenzar tu aprendizaje colaborativo.

masterclass

Master Class INESEM

Aprende con los mejores profesionales enseñando en abierto. Únete, aprende y disfruta.

becas

Becas y financiación del Master en Diseño Web

Hemos diseñado un Plan de Becas para facilitar aún más el acceso a nuestra formación junto con una flexibilidad económica. Alcanzar tus objetivos profesionales e impulsar tu carrera profesional será más fácil gracias a los planes de Inesem.

Si aún tienes dudas solicita ahora información para beneficiarte de nuestras becas y financiación.

20% Beca Antiguos Alumnos

Como premio a la fidelidad y confianza de los alumnos en el método INESEM, ofrecemos una beca del 20% a todos aquellos que hayan cursado alguna de nuestras acciones formativas en el pasado.

20% Beca Desempleo

Para los que atraviesan un periodo de inactividad laboral y decidan que es el momento idóneo para invertir en la mejora de sus posibilidades futuras.

15% Beca Emprende

Una beca en consonancia con nuestra apuesta por el fomento del emprendimiento y capacitación de los profesionales que se hayan aventurado en su propia iniciativa empresarial.

15% Beca Amigo

La beca amigo surge como agradecimiento a todos aquellos alumnos que nos recomiendan a amigos y familiares. Por tanto si vienes con un amigo o familiar podrás contar con una beca de 15%.

Financiación 100% sin intereses

* Becas aplicables sólamente tras la recepción de la documentación necesaria en el Departamento de Asesoramiento Académico. Más información en el 958 050 205 o vía email en formacion@inesem.es

* Becas no acumulables entre sí.

* Becas aplicables a acciones formativas publicadas en inesem.es

titulación

Título Propio del Instituto Europeo de Estudios Empresariales (INESEM)
Titulación:
Titulacion de INESEM

INESEM Business School se ocupa también de la gestión de la Apostilla de la Haya, previa demanda del estudiante. Este sello garantiza la autenticidad de la firma del título en los 113 países suscritos al Convenio de la Haya sin necesidad de otra autenticación. El coste de esta gestión es de 30 euros. Si deseas más información contacta con nosotros en el 958 050 205 y resolveremos todas tus dudas.

claustro

Claustro de profesores:
Emilio
Emilio Romero Sánchez
Diseñador Gráfico y Técnico en Artes Gráficas. Experto en maquetación, diseño, fotocomposición y producción editorial. Su experiencia laboral se prolonga durante más de 10 años en los que se ha desarrollado en el ámbito de la asesoría publicitaria, ofreciendo soluciones integrales e innovadoras.
Ana
Ana Montilla Duque
Técnica en elaboración, implantación y desarrollo de proyectos BIM, experta en modelado “As-Built” por medio de procesos fotogramétricos. Experiencia en ideación y creación de proyectos de diseño avanzado mediante infoarquitectura, colaboradora para ejecución de mediciones y presupuestos en proyectos arquitectónicos.
Miguel
Miguel Castillo Blanco
Licenciado en Comunicación Audiovisual por la Universidad de Málaga. Experto en el área de diseño multimedia y la producción audiovisual, actual responsable de marketing.
Bibiana
Bibiana Moreno Leyva
CEO de EducaLMS, un proyecto de innovación educativa. Técnica superior en desarrollo de aplicaciones informáticas. Cuenta con más de seis años de experiencia profesional en la coordinación de análisis de aplicaciones multiplataforma y dos años en desarrollo de aplicaciones web con distintas infraestructuras.
Daniel
Daniel Rodriguez
Ingeniero Técnico en Informática de Sistemas. Analista programador y responsable de un grupo de trabajo de desarrollo de proyectos de innovación. Experto en bases de datos

5 RAZONES

PARA ELEGIR INESEM

Hay muchas más motivos ¿Quieres conocerlos?

Por qué matricularme en INESEM
logo
ARTÍCULOS RELACIONADOS
INESEM EMPLEA

Completa tu formación con nuestro Servicio de Orientación Profesional y nuestro Programa de Entrenamiento por Competencias.

inesem emplea
Universidades colaboradoras
La universidad Antonio de Nebrija es Universidad colaboradora con INESEM Business School La universidad a Distancia de Madrid es Universidad colaboradora con INESEM Business School