Icono de modalidad 100% Online
Icono de duración 450 H
Icono de flexibilidad horaria Flexibilidad horaria
Precio
599€ 479.2€ -20% (hasta el10/10/2024)
599€

Descripció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 Curso de Diseño Web te elevará profesionalmente en el ámbito del marketing digital; 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.

¿A quién va dirigido?

Este experto está dirigido a cualquier persona interesada en el diseño digital que quiera adquirir competencias como diseñador web profesional o a profesionales que quieran especializarse en el tema o continuar formándose.

Objetivos

  • Adquirir competencias profesionales de diseño para entornos digitales.
  • Conocer la estructura y componentes para poder componer páginas adecuadas a todas las necesidades.
  • Aprender a integrar la usabilidad dentro del proceso de creación de una web.
  • Manejar herramientas profesionales de diseño e implementación.

Salidas Profesionales

Diseñador web / FrontEnd / Diseñador de interfaces

Temario

  1. Introducción
  2. La usabilidad
  3. Qué es UI vs UX - interfaz de usuario vs Experiencia de usuario
  4. Atributos
  5. Complejidad e importancia de la usabilidad
  6. Pirámide de prioridades de la usabilidad
  7. Mejoras de la usabilidad al producto final
  8. Procesos y herramientas
  1. Definición de Experiencia de Usuario
  2. Principios de la Experiencia de Usuario
  3. El papel del diseñador UX en el proceso de creación
  4. Etapas del diseño UX
  5. Técnicas para el diseño UX
  6. Herramientas UX
  1. ¿Qué es el Diseño Centrado en el Usuario?
  2. ¿Para que sirve el Diseño Centrado en el Usuario?
  3. Las metodologías del Diseño Centrado en el Usuario
  4. El marketing centrado en el usuario
  5. Aplicación del Diseño Centrado en el Usuario
  6. Ejemplos del Diseño Centrado en el Usuario
  1. Introducción
  2. Un proceso multidisciplinar
  3. La usabilidad aplicada
  4. El ciclo diseño-investigación
  1. Definición de Interfaz de Usuario - UI
  2. Elementos de la interfaz de Usuario
  3. Optimización de las interfaces de Usuario
  4. Herramientas para el diseño UI
  5. Diseño basado en las percepciones
  6. Fundamentos del diseño de interacción
  7. Moodboards
  8. Qué es el IxD
  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 D
  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. Introducción a Adobe XD
  2. Instalación y configuraciones principales
  3. Menú Herramientas
  4. Generación de Artboards y guía
  5. Ejercicios
  1. Formas: creación, modificación, colores, gradiantes y paletas
  2. Textos: propiedades, línea o área, alineación, color y estilos
  3. Imágenes y exportación: importanción, modificaciones y exportación de artboards
  4. Ejercicios
  1. Organización de capas nombres y grupos
  2. Bloqueo y fusión
  3. Tipos de máscaras y aplicación en proyectos
  4. Ejercicios
  1. Alineación de elementos, márgenes y distribución de formas
  2. Funcionalidad de repetición
  3. Aplicación y configuración de componentes
  4. Ejercicios
  1. Creación y aplicación
  2. Diseño de páginas
  3. Prototipo
  4. Adaptación a mobile
  5. Ejercicios
  1. Constantes y variables de una interfaz
  2. Header, footer y menú
  3. Botones y galerías
  4. Ejercicios
  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
  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
  1. Introducción
  2. La jerarquía de objetos
  3. Propiedades y Eventos
  4. Métodos
  1. ¿Qué es un URL?
  2. El Objeto Location
  3. Redirigir a otra página
  4. El Objeto History
  1. Introducción
  2. La propiedad Title
  3. Los colores de la página
  4. El método write
  5. El conjunto images
  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
  1. El conjunto frames
  2. El objeto navigator
  3. El objeto screen
  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
  5. Novedades
  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(nombre_propiedad_css, valor)
  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 Dialog
  6. 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

¿Con quién vas a aprender? Conoce al claustro

Emilio – Docentes

Emilio Romero Sánchez

Técnico Superior en Diseño y Producción Editorial. Especialista en Diseño Gráfico, Impresión en pequeño y gran formato, Diseño e Impresión 3D, Rotulación, Publicidad y Branding. 
Hoy en día, continúa su desarrollo profesional en el ámbito publicitario, ofreciendo soluciones integrales e innovadoras.

Miguel – Docentes

Miguel Castillo Blanco

Licenciado en comunicación Audiovisual y Máster en SEO Técnico. Cuenta con más de 10 años de experiencia en la planificación, diseño y ejecución de campañas de publicidad online en buscadores y redes contextuales orientadas a la generación de leads y branding de marca y automatización del marketing desde las plataformas de Google Ads y Meta Business. 

Ir a Linkedin Icono de flecha
Bibiana – Docentes

Bibiana Moreno Leyva

CEO de EducaLMS, 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 cinco años en desarrollo de aplicaciones web con distintas infraestructuras.

Ir a Linkedin Icono de flecha
Daniel – Docentes

Daniel Rodriguez

Licenciado en Ingeniería Técnica en Informática de Sistemas. Cuenta con más de 10 años de experiencia en el desarrollo y soporte de la aplicación corporativa integral de gestión de matrículas y expedientes académicos, tutorización, facturación, logística, seguimiento del alumnado, así como gestión de grupos y convocatorias de formación. 
Experto en desarrollado en aplicaciones web, servicios web, APIs e informes de Crystal Reports, dominando base de datos y lenguajes como Transact-SQL. Realiza las funciones propias de un FullStack Developer, siendo especialista en ASP.NET, jQuery, CSS (Bootstrap, Sass) y web services. Además, cuenta con gran experiencia en desarrollo de proyectos en equipo, resolución de problemas y formación de personas de prácticas en la incorporación a un puesto de trabajo.
 

Ir a Linkedin Icono de flecha
Daniel – Docentes

Daniel Cabrera

Licenciado en Ciencias Físicas y con Máster en Implantación, Gestión y Auditoría de Sistemas de Seguridad de Información ISO 27001-27002. 
Administrador de sistemas durante más de 15 años, gestor de plataformas de alta capacidad, escalabilidad y rendimiento. Siempre a la última en todo lo relacionado con tecnologías Cloud, DevOps, SER, etc.
 

Ir a Linkedin Icono de flecha
María Pilar – Docentes

María Pilar Liñan Arantave

Licenciada en Bellas Artes y especializada en diseño. Apasionada de su trabajo, cuenta con más de 10 años al frente de proyectos creativos de diseño web y diseño UX-UI. Actualmente, además de docente, es responsable de supervisar todos los aspectos de innovación y diseño digital. Le encantan los retos y estar siempre a la última en tendencias digitales.

Juan Francisco – Docentes

Juan Francisco Segura Crespo

Graduado en Bellas Artes y Máster en Producción Artística especializado en Arte y Tecnología por la Universidad Politécnica de Valencia.  
Cuenta con amplia experiencia profesional en diseño gráfico, artes visuales y gestión de industrias culturales. Ha participado en numerosos proyectos de creación para instituciones artísticas y recibido diferentes becas y premios por su trabajo como creador.

Ir a Linkedin Icono de flecha
Juan Antonio – Docentes

Juan Antonio Cortés Ibáñez

Graduado en Ingeniería Informática por la UGR con Máster Universitario Oficial en Ciencia de Datos e Ingeniería de Computadores por la UGR. Doctorando en Tecnologías de la Información por la UGR. Cuenta con amplia experiencia como Científico de datos en el Repsol Technology Lab y en el sector de la docencia.

Ir a Linkedin Icono de flecha
Rafael – Docentes

Rafael Marín

Ingeniero técnico en Informática de Sistemas por la Universidad de Granada (UGR), con un Curso Superior en Ciberseguridad, Business Intelligence y Big Data. Apasionado de la informática y de las nuevas tecnologías, cuenta con 10 años de experiencia y vocación en el ámbito TIC y la programación de software. Experto en Desarrollo web, Programación de aplicaciones, Análisis de datos, Big Data, Ciberseguridad y Diseño y experiencia de usuario (UX/UI).

Ir a Linkedin Icono de flecha

Metodología

EDUCA LXP se basa en 6 pilares

Item
Estrellas

Distintiva

EDUCA EDTECH Group es proveedor de conocimiento. Respaldado por el expertise de nuestras instituciones educativas, el alumnado consigue una formación relevante y avalada por un sello de calidad como es el grupo EDUCA EDTECH.

Gráfica

Realista

La metodología EDUCA LXP prescinde de conocimientos excesivamente teóricos o de métodos prácticos poco eficientes. La combinación de contenidos en constante actualización y el seguimiento personalizado durante el proceso educativo hacen de EDUCA LXP una metodología única.

Birrete

Student First

La metodología EDUCA LXP y la formación del grupo EDUCA EDTECH conciben al estudiante como el centro de la experiencia educativa, nutriéndose de su retroalimentación. Su feedback es nuestro motor del cambio.

Inteligencia Artificial

Inteligencia Artificial

La personalización en el aprendizaje no sería posible sin una combinación precisa entre experiencia académica e investigación tecnológica, así como la Inteligencia Artificial. Por eso contamos con herramientas IA de desarrollo propio, adaptadas a cada institución educativa del grupo.

Monitor

Profesionales en activo

Nuestro equipo de profesionales docentes, además de ser especialistas en su sector, cuentan con una formación específica en el manejo de herramientas tecnológicas que conforman el ecosistema EDUCA EDTECH.

Libro

Timeless Learning

La formación debe ser una experiencia de vida, concibiendo el e-learning como una excelente solución para los desafíos de la educación convencional. Entendemos el aprendizaje como un acompañamiento continuo del estudiante en cada momento de su vida.

Titulación

Título Propio del Instituto Europeo de Estudios Empresariales (INESEM) “Enseñanza no oficial y no conducente a la obtención de un título con carácter oficial o certificado de profesionalidad.”
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 65 euros. Si deseas más información contacta con nosotros en el 958 050 205 y resolveremos todas tus dudas.

¿Qué dicen de INESEM los que han realizado el curso?

Icono estrella completaIcono estrella completaIcono estrella completaIcono estrella completaIcono estrella medio completa4,5

Mi pareja me recomendó INESEM para continuar formándome. Opté por este experto para completar mi formación y aumentar mis salidas profesionales. He asimilado una gran cantidad de conocimientos de manera flexible. Ahora soy capaz de abordar un proyecto de diseño web y utilizar diferentes lenguajes de programación.

Lorena M. M.

Explora nuestras Áreas Formativas

Construye tu carrera profesional

Descubre nuestro amplio Catálogo Formativo, incluye programas de Cursos Superior, Expertos, Master Profesionales y Master Universitarios en las diferentes Áreas Formativas para impulsar tu carrera profesional.

Curso Experto de Creación de Páginas Webs

Icono de modalidad 100% Online
Icono de duración 450 H
Icono de flexibilidad horaria Flexibilidad horaria
Precio
599€ 479.2€
599€ 479.2€
Matricularme