958 050 205
100% Online
450 H
Flexibilidad horaria
Seguridad y confianza en tus pagos online.- Presentación
- Temario
- Claustro
- Metodología
- Titulación
- Opiniones
Descripción
¿A quién va dirigido?
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
Temario
- Introducción
- La usabilidad
- Qué es UI vs UX - interfaz de usuario vs Experiencia de usuario
- Atributos
- Complejidad e importancia de la usabilidad
- Pirámide de prioridades de la usabilidad
- Mejoras de la usabilidad al producto final
- Procesos y herramientas
- Definición de Experiencia de Usuario
- Principios de la Experiencia de Usuario
- El papel del diseñador UX en el proceso de creación
- Etapas del diseño UX
- Técnicas para el diseño UX
- Herramientas UX
- ¿Qué es el Diseño Centrado en el Usuario?
- ¿Para que sirve el Diseño Centrado en el Usuario?
- Las metodologías del Diseño Centrado en el Usuario
- El marketing centrado en el usuario
- Aplicación del Diseño Centrado en el Usuario
- Ejemplos del Diseño Centrado en el Usuario
- Introducción
- Un proceso multidisciplinar
- La usabilidad aplicada
- El ciclo diseño-investigación
- Definición de Interfaz de Usuario - UI
- Elementos de la interfaz de Usuario
- Optimización de las interfaces de Usuario
- Herramientas para el diseño UI
- Diseño basado en las percepciones
- Fundamentos del diseño de interacción
- Moodboards
- Qué es el IxD
- Presentación
- Novedades del programa
- Tipos de imágenes
- Resolución de imagen
- Formato PSD
- Formatos de imagen
- Abrir y guardar una imagen
- Crear un documento nuevo
- Área de trabajo
- Gestión de ventanas y paneles
- Guardar un espacio de trabajo
- Modos de pantalla
- Prácticas
- Barra menú
- Barra de herramientas
- Opciones de Herramientas y barra de estado
- Ventanas de Photoshop I
- Ventanas de Photoshop II
- Zoom y mano y ventana navegador
- Prácticas
- Herramientas de selección
- Herramienta marco
- Opciones de marco
- Herramienta lazo
- Herramienta Varita
- Herramienta de selección rápida
- Herramienta mover
- Sumar restar selecciones
- Modificar selecciones
- Prácticas
- Herramientas de dibujo y edición
- Herramienta Pincel
- Crear pinceles personalizados
- Herramienta lápiz
- Herramienta sustitución de color
- Herramienta pincel historia
- Herramienta pincel histórico
- Herramienta degradado
- Herramienta bote de pintura
- Prácticas
- Herramientas de retoque y transformación
- Herramienta recortar
- Herramienta sector
- Cambiar el tamaño del lienzo
- Herramienta pincel corrector puntual
- Herramienta ojos rojos
- Tampón de clonar
- Herramienta borrador
- La Herramienta desenfocar
- Herramienta sobreexponer y subexponer
- Prácticas
- Conceptos básicos de capas
- El panel capas
- Trabajar con capas I
- Trabajar con capas II
- Alinear capas
- Rasterizar capas
- Opacidad y fusión de capas
- Estilos y efectos de capa
- Capas de ajuste y relleno
- Combinar capas
- Prácticas
- Herramientas de texto
- Introducir texto
- Cambiar caja y convertir texto
- Formato de caracteres
- Formato de párrafo
- Rasterizar y filtros en texto
- Deformar texto
- Crear estilos de texto
- Relleno de texto con una imagen
- Ortografía
- Herramienta máscara de texto y texto D
- Prácticas
- Herramientas de dibujo
- Modos de dibujo
- Herramienta pluma
- Ventana trazados
- Subtrazados
- Convertir trazados en selecciones
- Pluma de forma libre
- Capas de forma
- Herramienta forma
- Prácticas
- Reglas, guías y cuadrícula
- Herramienta regla
- Acciones
- Filtros
- Objetos inteligentes
- Canales
- Máscara rápida
- Canales Alfa
- Prácticas
- Transformación de una imagen
- Deformar un elemento
- Tamaño de la imagen
- Resolución imagen y monitor
- Rollover
- Los sectores
- Tipos de sectores
- Propiedades de los sectores
- Modificar sectores
- Optimizar imágenes
- Guardar para web
- Generar recursos de imagen
- Prácticas
- Impresión
- Impresión de escritorio
- Pruebas de color en pantalla
- Perfiles de color
- Imprimir una imagen
- Preparación de archivos para imprenta
- Prácticas
- Fundamentos 3D
- Herramientas de objeto y de cámara 3D
- Creación de formas 3D
- Descripción general del panel 3D
- Prácticas
- Capas de vídeo e importar vídeo
- El panel Movimiento
- Animación a partir de una secuencia de imágenes
- Animaciones de línea de tiempo
- Guardar y exportar
- Prácticas
- Introducción a Adobe XD
- Instalación y configuraciones principales
- Menú Herramientas
- Generación de Artboards y guía
- Ejercicios
- Formas: creación, modificación, colores, gradiantes y paletas
- Textos: propiedades, línea o área, alineación, color y estilos
- Imágenes y exportación: importanción, modificaciones y exportación de artboards
- Ejercicios
- Organización de capas nombres y grupos
- Bloqueo y fusión
- Tipos de máscaras y aplicación en proyectos
- Ejercicios
- Alineación de elementos, márgenes y distribución de formas
- Funcionalidad de repetición
- Aplicación y configuración de componentes
- Ejercicios
- Creación y aplicación
- Diseño de páginas
- Prototipo
- Adaptación a mobile
- Ejercicios
- Constantes y variables de una interfaz
- Header, footer y menú
- Botones y galerías
- Ejercicios
- Introducción
- Entornos de Desarrollo
- Navegadores
- Introducción HTML
- ¿Cómo creamos documento HTML?
- Características básicas
- Introducción
- Versión HTML
- HTML
- Head
- Body
- Textos en HTML
- Enlaces
- Listas en HTML
- Imágenes y objetos
- Tablas
- Formularios
- Marcos
- Estructuras y layout
- Otras etiquetas
- Audio
- Video
- Animaciones
- ¿Qué es la Metainformación?
- Accesibilidad
- Validación
- Introducción CSS
- Soporte de CSS en navegadores
- Especificación oficial
- Funcionamiento básico de CSS
- ¿Cómo incluir CSS en la Web?
- Estilo básico
- Medios CSS
- Comentarios
- Sintaxis de la definición
- Selectores CSS
- Unidades de medida
- Colores
- Pseudoclases
- Pseudo-elementos
- Otras pseudoclases y pseudoelementos
- Modelo de cajas
- Propiedades de las cajas
- Margen, relleno, bordes y modelo de cajas
- Posicionamiento y visualización
- Posicionamiento
- Visualización
- En qué cosiste
- Visualización: Display
- Contenedores flexibles: flex e inline-flex
- Orientación: flex-box, flex-direction y flex-wrap
- La propiedad order
- Alineación de los elementos flexibles
- Soporte de los navegadores
- Introducción
- Keyframes
- Subpropiedades de animación
- Iteración
- Curvas de animación
- Propiedades animables
- Crear y vincular hojas de estilos
- Estructura
- Propiedades CSS
- Selectores
- Posición y tamaño
- Texto
- Imágenes
- Listas, tablas, formularios
- Qué es un preprocesador CSS
- Less
- Sass
- Introducción
- Definición de Diseño Web Responsive
- ¿En qué consiste el diseño responsive?
- Ventajas del diseño responsive
- SEO y diseño responsive
- Introducción
- Programación del lado del cliente
- Programación del lado del Servidor
- ¿Qué utilizaremos?
- ¿Qué necesita saber?
- Nuestro primer ejemplo
- La etiqueta SCRIPT
- Contenido Alternativo
- Variables
- Tipos de Datos
- Operadores
- Cuadros de diálogo
- Introducción
- Estructuras de decisión
- Estructuras lógicas
- Estructuras de repetición
- Definir funciones
- Llamadas a funciones
- Ámbito de las variables
- Introducción
- La jerarquía de objetos
- Propiedades y Eventos
- Métodos
- ¿Qué es un URL?
- El Objeto Location
- Redirigir a otra página
- El Objeto History
- Introducción
- La propiedad Title
- Los colores de la página
- El método write
- El conjunto images
- Formularios HTML
- El conjunto forms
- La propiedad elements
- Validar la información
- ¿Cuándo realizar la validación?
- Tipos de Validación
- El conjunto frames
- El objeto navigator
- El objeto screen
- Introducción
- Presentación
- ¿Cómo iniciar Jquery?
- ¿Dónde podemos documentarnos?
- Herramientas necesarias
- Introducción
- Obteniendo JQuery
- El núcleo de jQuery
- Cargar Jquery desde Google
- Novedades
- Introducción
- Selectores básicos en jQuery
- Selectores de jerarquía
- Filtros en Jquery
- Introducción
- Evento de carga de Página
- Eventos en Jquery
- El objeto Event
- Todavía más Eventos de Jquery
- Introducción
- Operaciones sobre clases
- Leer Atributos
- Modificar Atributos
- Modificar varios valores de atributos a la vez
- Añadir atributos con Attr
- Eliminar un atributos con removeAttr()
- Introducción
- Acceso a propiedades con css()
- Modificar propiedades css con css(nombre_propiedad_css, valor)
- Introducción
- Conceptos Claves
- Cargar un Archivo
- El método GET o POST
- Cargar un Script
- El método AJAX de jQuery
- Introducción
- Formularios
- Introducción
- Los efectos show() y hide()
- Efectos de fundido
- Creación de una animación
- Envío de funciones callback
- Cola de efectos
- Efectos con desplazamientos
- Introducción
- Instalación
- Usando jQuery UI en nuestra página web
- Plugin draggable
- Componente Dialog
- Componente Button
- Plugins
- Desarrollar Plug-ins
- Añadir nuevos métodos abreviados
- Parámetros del método
- Otras funciones para plug-ins
- Compartir un Plug-in
¿Con quién vas a aprender? Conoce al claustro
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 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.
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.
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.
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.
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 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.
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.
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).
Metodología
EDUCA LXP se basa en 6 pilares
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.
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.
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
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.
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.
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
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?
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.
También podría interesarte...
Otras Acciones Formativas relacionadas
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
100% Online
450 H
Flexibilidad horaria