Master en Diseño y Desarrollo Web
MATRICULACIÓN
Entidad:
Duración total:
1500 h.
Teleformación:
450 h.
Modalidad:
Online
Precio: 1895 €
Bonificable hasta el 100%
SOLICITAR INFORMACIÓN
DESCRIPCIÓN
El mundo ha cambiado y nuestros hábitos también. En la actualidad leemos el periódico, vemos la televisión, escuchamos la radio, realizamos compras, nos comunicamos y nos relacionamos a través de internet.La presencia virtual de una empresa independientemente de su tamaño es seguramente la mejor herramienta para darse a conocer, ofertar sus productos, servicios y en definitiva vender en línea. Todo esto implica que la profesión de diseñador web sea una de las más demandadas, ya que cada día la red y el número de usuarios crecen a un ritmo muy acelerado.
OBJETIVOS
- Aprender los fundamentos de diseño gráfico como punto de partida.
- Dominar las aplicaciones más reconocidas del sector del diseño gráfico y web.
- Retoque digital de todo tipo de imágenes.
- Tratamiento y uso del color.
- Diseñar y programar páginas web.
PARA QUÉ TE PREPARA
Esta acción formativa proporciona al alumno todo lo necesario para aprender a desarrollar proyectos visuales innovadores y páginas web profesionales.
A QUIÉN VA DIRIGIDO
Creativos, diseñadores gráficos y web, publicistas, programadores entre otros además de cualquier persona que desee formarse en este sector con tantas salidas profesionales.
La metodología INESEM Business School, ha sido diseñada para acercar el aula al alumno dentro de la formación online. De esta forma es tan importante trabajar de forma activa en la plataforma, como necesario el trabajo autónomo de este. El alumno cuenta con una completa acción formativa que incluye además del contenido teórico, objetivos, mapas conceptuales, recuerdas, autoevaluaciones, bibliografía, exámenes, actividades prácticas y recursos en forma de documentos descargables, vídeos, material complementario, normativas, páginas web, etc.
A esta actividad en la plataforma hay que añadir el tiempo asociado a la formación dedicado a horas de estudio. Estos son unos completos libros de acceso ininterrumpido a lo largo de la trayectoria profesional de la persona, no solamente durante la formación. Según nuestra experiencia, gran parte del alumnado prefiere trabajar con ellos de manera alterna con la plataforma, si bien la realización de autoevaluaciones de cada unidad didáctica y evaluación de módulo, solamente se encuentra disponible de forma telemática.
El alumno deberá avanzar a lo largo de las unidades didácticas que constituyen el itinerario formativo, así como realizar las actividades y autoevaluaciones correspondientes. Al final del itinerario encontrará un examen final o exámenes. A fecha fin de la acción formativa el alumno deberá haber visitado al menos el 100 % de los contenidos, haber realizado al menos el 75 % de las actividades de autoevaluación, haber realizado al menos el 75 % de los exámenes propuestos y los tiempos de conexión alcanzados deberán sumar en torno al 75 % de las horas de la teleformación de su acción formativa. Dicho progreso se contabilizará a través de la plataforma virtual y puede ser consultado en cualquier momento.
La titulación será remitida al alumno por correo postal una vez se haya comprobado que ha completado el proceso de aprendizaje satisfactoriamente.
Por último, el alumno contará en todo momento con:
Claustro Docente
Ofrecerá un minucioso seguimiento al alumno, resolviendo sus dudas e incluso planteando material adicional para su aprendizaje profesional.
Comunidad
En la que todos los alumos de INESEM podrán debatir y compartir su conocimiento.
Material Adicional
De libre acceso en el que completar el proceso formativo y ampliar los conocimientos de cada área concreta. Podrá encontrarlo en Revista Digital, INESEM y MasterClass INESEM, puntos de encuentro entre profesionales que comparten sus conocimientos.
SE DESARROLLARÁN LOS SIGUIENTES CONTENIDOS
- 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
- ¿Qué es el control de versiones?
- ¿Qué es GIT?
- ¿Por qué GIT?
- Instalación de GIT
- GitHub y su relación con GIT
- Flujo de trabajo en GIT (Workflow)
- Principales comandos Git Bash
- Crear un repositorio
- Cambios de archivos
- Deshacer cambios
- Sincronizar repositorios
- Reescribir historial
- Usar ramas en GIT
- Cambiar ramas (Git checkout)
- Ramas remotas (Remote Branches)
- Flujo de trabajo (Workflow)
- Integración de ramas
- Borrado de ramas
- Etiquetas (Tags)
- Solicitudes de extracción (Pull requests)
- Comandos GIT en Git Bash
- Comandos GIT para configurar y crear repositorios
- Comandos GIT para preparar y confirmar cambios
- Comandos GIT para trabajar con repositorios remotos (como GitHub)
- Comandos GIT para deshacer cambios y etiquetas
- Trabajar con GIT
- Confirma con regularidad (commit)
- Escriba mensajes de confirmación útiles
- Utilice ramas (Branch)
- Actualice su repositorio antes de enviar cambios (Pull y Push)
- Divide el trabajo en repositorios
- 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
- Estructuras de decisión
- Estructuras lógicas
- Estructuras de repetición
- Definir funciones
- Llamadas a funciones
- Ámbito de las variables
- 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
- 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
- Obtener el paquete XAMPP
- Instalar el paquete XAMPP
- Apache y MySQL como servicios
- La directiva register_globals
- Ejercicio práctico
- ¿Cómo funcionan las páginas PHP?
- Crear un alias en apache
- La página principal
- Ejercicio práctico
- Las etiquetas PHP
- Variables
- Tipos de datos
- Constantes
- Ejercicio práctico
- Arrays
- Estructuras de repetición
- Estructuras de decisión
- Combinar estructuras
- Arrays Asociativos
- El bucle foreach
- Arrays Multidimensionales
- Ejercicio práctico
- Ejercicio práctico
- Introducción
- Crear Funciones
- Llamar a una función
- Paso de parámetros
- Parámetros por defecto
- Ejercicio práctico
- Ámbito de las variables
- Variables estáticas
- Uso de include y require
- Incluir solo una vez
- Seguridad de los archivos incluidos
- Ejercicio práctico
- Introducción
- Clases
- Propiedades
- Métodos
- Visibilidad
- Crear Objetos
- Destructores
- Ejercicio práctico
- Ejercicio práctico
- Presentación
- Crear subclases
- Crear objetos de las subclases
- Sobrescribir métodos
- El acceso protected
- Ejercicio práctico
- Introducción
- El array $_GET
- El array $_POST
- Recogerlos en una página distinta
- Recogerlos en la misma página
- Entradas requeridas
- Ejercicio práctico
- Ejercicio práctico
- Expresiones regulares
- Limpiando la información
- Comprobando el formulario de origen
- Ejercicio práctico
- Introducción
- Crear cookies
- Caducidad de la cookies
- Dependencia del navegador
- Características de los cookies
- ¿Qué es una sesión?
- El array $_SESSION
- La función od_start() y od_clean()
- Finalizar la sesión
- El identificador de la sesiones
- ¿Dónde se almacena la información?
- Ejercicio práctico
- Ejercicio práctico
- Introducción
- Crear el archivo
- Escribir en el archivo
- Leer de un archivo
- Ejercicio práctico
- Errores
- Excepciones
- Ejercicio práctico
- Ejercicio práctico
- MySql
- Contraseña para el root
- Extensión mysqli
- PHPMyAdmin
- Administración de usuarios
- Ejercicio práctico
- Tipos de tablas en MySQL
- Crear tablas
- Relaciones uno a muchos
- Relaciones muchos a muchos
- SQL
- Acceder a la base de datos
- Establecer la conexión
- Mostrar los datos en una tabla
- Cerrar la conexión
- Ejercicio práctico
- Ejercicio práctico
- Ejercicio práctico
- Ordenar el resultado
- Dividir el resultado en páginas
- Consultas preparadas
- Ejercicio práctico
- La página de login
- La página de registro
- Asegurar la confidencialidad
- Ejercicio práctico
- Introducción
- Modificar listaproductosphp
- La página comprarphp
- Identificar al cliente
- La página carritocompraphp
- Confirmar el pedido
- La página de desconexión
- Migrar el carrito de la compra
- Ejercicio práctico
- Ejercicio práctico
- Introducción
- ¿Qué vamos a hacer?
- Construir la estructura HTML
- Introducción
- Tipos de Formas de Pago
- Contrareembolso
- Transferencia Bancaria
- Domiciliación Bancaria
- Tarjetas Bancarias
- Tarjetas de Comercio
- Paypal
- ¿Qué Formas de Pago Utilizaremos?
- Modificando la Interfaz de Nuestra Tienda
- Modificando nuestra base de datos
- Modificando el Código Anterior
- Implementando el Contrareembolso
- Implementando la transferencia
- Implementando el Paypal
- Archivos para las prácticas de PHP
- 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
- Introducción
- El modelo relacional
- Lenguaje de consulta SQL
- MySQL Una base de datos relacional
- ¿Qué es una base de datos NoSQL?
- Bases de datos Relaciones Vs Bases de datos NoSQL
- Tipo de Bases de datos NoSQL: Teorema de CAP
- Sistemas de Bases de datos NoSQL
- ¿Qué es MongoDB?
- Funcionamiento y uso de MongoDB
- Primeros pasos con MongoDB: Instalación y shell de comandos
- Creando nuestra primera Base de Datos NoSQL: Modelo e Inserción de Datos
- Actualización de datos en MongoDB: Sentencias set y update
- Trabajando con índices en MongoDB para optimización de datos
- Consulta de datos en MongoDB
- ¿Qué es la seguridad web?
- Amenazas para un sitio web
- Consejos para mantener un sitio web seguro
- Otros consejos de seguridad web
- Proveedores de alojamiento web seguros
- ¿Qué es OWASP? ¿Y OWASP Development?
- ¿Qué es ASVS?
- Uso del ASVS
- Requisitos de arquitectura, diseño y modelado de amenazas
- Requisitos de verificación de autenticación
- Requisitos de verificación de gestión de sesión
- Requisitos de verificación de control de acceso
- Requisitos de validación, desinfección y verificación de la codificación
- Requisitos de verificación de criptografía almacenados
- Requisitos de manejo de verificaciones y registro de errores
- Requisitos de verificación de protección de datos
- Requisitos de verificación de comunicaciones
- Requisitos de verificación de código malicioso
- Requisitos de verificación de lógica de negocios
- Requisitos de verificación de archivos y recursos
- Requisitos de verificación de API y servicio web
- Requisitos de verificación de configuración
- Requisitos de verificación de Internet de las Cosas
- Glosario de términos
- Aspectos introductorios
- La Guía de Pruebas de OWASP
- El framework de pruebas de OWASP
- Pruebas de seguridad de aplicaciones web
- Reportes de las pruebas
- Aspectos introductorios
- Revisión de código seguro
- Metodología
- Broken Access Control - Control de acceso roto (A01:2021)
- Cryptographic Failures - Fallos criptográficos (A02:2021)
- Injection - Inyección (A03:2021)
- Insecure Design - Diseño Inseguro (A04:2021)
- Security Misconfiguration - Configuración incorrecta de seguridad (A05:2021)
- Vulnerable and Outdated Components - Componentes vulnerables y obsoletos (A06:2021)
- Identification and Authentication Failures - Fallos de Identificación y Autenticación (A07:2021)
- Software and Data Integrity Failures - Fallos de integridad de software y datos (A08:2021)
- Security Logging and Monitoring Failures - Registro de seguridad y fallos de monitoreo (A09:2021)
- Server-Side Request Forgery (SSRF) - Falsificación de solicitud del lado del servidor (A10:2021)
- Gestores de Contenido
- Definición y conceptos de un blog
- Definición y utilización de Wordpress
- WordPresscom y WordPressorg: Similitudes y diferencias
- Primeros pasos
- Estructura de WordPresscom
- Creación de contenidos
- Subida de medios audiovisuales a un post
- Utilización de enlaces
- Diseño, elaboración y estructura
- Configuración de ajustes y usuarios
- Instalación de WordPressorg
- Servidor de WordPressorg
- Creación de espacios web
- Creación y diseño de bases de datos
- Descarga y utilización de WordPressorg
- Configuración del servidor FTP
- Instalación de WordPressorg
- Ajustes de configuración general
- Ajustes de configuración de escritura
- Ajustes de configuración de lectura
- Ajustes de configuración de contenidos
- Ajustes de configuración multimedia
- Ajustes de configuración de privacidad
- Agregación de entradas I
- Agregación de entradas II
- Utilización de multimedia en la entrada I
- Utilización de multimedia en la entrada II
- Configuración del menú multimedia
- Clasificación del contenido en categorías
- Utilización de etiquetas
- Utilización de enlaces
- Utilización de comentarios
- Configuración de páginas
- Revisión del contenido y utilización de papeleras
- Herramientas avanzadas I
- Herramientas avanzadas II
- Tipos de usuarios
- Configuración de los perfiles de usuario
- Creación de avatares
- Instalación y utilización de Temas I
- Instalación y utilización de Temas II
- Utilización de los menús
- Configuración del fondo y las cabeceras
- Definición y aplicación de los widgets
- Edición y estructura de plantillas
- Introducción a los plugins
- Instalación
- Tipos de plugins
- Conceptos básicos sobre el plugin sociable
- Introducción al plugin Flash Gallery
- Conceptos básicos
- Selección de una URL y un título para el blog
- Elaboración y navegación del mapa Web
- Control de contenidos duplicados
- Optimización de recursos gráficos
- Introducción a la tienda virtual
- Tipo de nombres de dominio Como elegir un nombre
- Tipos de Hosting Web Como elegir un Hosting
- Contratación de Dominios y Hosting web
- Instalación de Prestashop
- Personalización del aspecto de Prestashop mediante plantillas
- Introducción al comercio virtual
- Configuración General
- Categorías / Productos
- Módulos de pago
- Módulos de envío
- Clientes y Pedidos
- Configuración de los usuarios
- Copias de seguridad
- Atributos de productos
- Grupo de precios
- Impuestos IVA
- Idiomas y traducciones
- Monedas
- Operaciones con módulos
- Importar datos de productos
- Actualización de la versión
- Exponer adecuadamente los productos en la tienda virtual
- Posicionamiento en Google y optimización SEO
- Pago por clic Google Adword
- Promoción en redes sociales
- Analizar la rentabilidad de las acciones de marketing
Titulación de Formación Continua Bonificada expedida por el Instituto Europeo de Estudios Empresariales (INESEM). Titulación Expedida y Avalada por el Instituto Europeo de Estudios Empresariales “Enseñanza no oficial y no conducente a la obtención de un título con carácter oficial o certificado de profesionalidad.”
Este curso bonificado pertenece al sistema de Formación Programada de INESEM Business School. Se tramita con cargo a un crédito formativo asignado a las empresas privadas españolas para la formación de sus trabajadores sin que les suponga un coste. Para tramitar este curso de formación programada es necesario:
- Estar trabajando para una empresa privada.
- Encontrarse cotizando en el Régimen General de la Seguridad Social
- Que el curso seleccionado esté relacionado con el puesto de trabajo o actividad principal de la empresa.
- Que la empresa autorice la formación programada
- Que la empresa disponga de suficiente crédito formativo para cubrir el coste del curso
Master en Diseño y Desarrollo Web
Duración total:
1500 h.
Teleformación:
450 h.
Modalidad:
Online
Precio: 1895 €
Bonificable hasta el 100%
MATRICULACIÓN
MATRÍCULA ONLINE
Master en Diseño y Desarrollo Web
