Máster en Diseño Web UX/UI y Posicionamiento SEO

TEMA 1. EL DISEÑO

• Definición de Diseño
• La práctica del diseño
• Disciplinas del diseño
• Signo y Símbolo
• Elementos básicos del diseño
• Teoría de la percepción

TEMA 2. EL COLOR

• Teoría del color
• El círculo cromático
• La armonía
• Contrastes de color
• Psicología del Color

TEMA 3. TIPOGRAFÍA

• Definición de tipografía
• Características de los tipos
• Clasificación de los tipos
• Clasificación histórica
• Clasificación por forma
• Elementos tipográficos
• Tipografía digital
• La tipografía en el diseño

TEMA 4. TÉCNICAS DE COMPOSICIÓN

• ¿Qué es la composición?
• Estructuras compositivas
• El espacio
• La Sección Áurea
• Las figuras geométricas
• Los planos compositivos
• Ritmo visual
• Equilibrio visual
• Equilibrio estático
• Equilibrio dinámico

TEMA 5. DISEÑO PUBLICITARIO

• La publicidad
• Objetivos de la publicidad
• Medios publicitarios
• Identidad corporativa
• Logotipo y marca
• Estrategias de diseño
• Publicidad impresa
• Publicidad en televisión
• Packaging
• Del diseño a la realización

TEMA 6. MAQUETACIÓN

• ¿Qué es la maquetación?
• Preparar un documento para la maquetación
• Ocupando el espacio de la página
• Texto e imagen
• Composición del texto
• Errores frecuentes

TEMA 7. FOTOMECÁNICA E IMPRESIÓN

• ¿Qué es la fotomecánica?
• Pasos de una impresión
• Escaneado
• El escáner
• Filmación
• Fotolitos
• Las tintas
• Tipos de impresión

TEMA 8. DISEÑO WEB

• Qué implica el diseño Web
• Planificación de una página Web
• Tipos de sitios Web
• Análisis demográfico
• Definir el estilo
• Maquetación
• Creación del sitio
• Nociones básicas
• HTML
• CSS
• Flash
• Colgar el sitio en la red
• Promoción del sitio web

TEMA 9. DISEÑO 3D

• El diseño tridimensional
• Fundamentos
• Interfaces de navegación
• Modelado
• Animación
• Imagen final
• Materiales y texturas
• Iluminación y render
• Formatos
• Atajos de teclado

TEMA 1. PRESENTACIÓN

• Presentación

TEMA 2. CONCEPTOS BÁSICOS

• Novedades del programa
• Tipos de imágenes
• Resolución de imagen
• Formato PSD
• Formatos de imagen

TEMA 3. ÁREA DE TRABAJO

• 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

TEMA 4. PANELES Y MENÚS

• 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

TEMA 5. HERRAMIENTAS DE SELECCIÓN

• 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

TEMA 6. HERRAMIENTAS DE DIBUJO Y EDICIÓN

• 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

TEMA 7. HERRAMIENTAS DE RETOQUE Y TRANSFORMACIÓN

• 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

TEMA 8. CAPAS

• 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

TEMA 9. TEXTO

• 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 3D

TEMA 10. HERRAMIENTAS DE DIBUJO

• Herramientas de dibujo
• Modos de dibujo
• Herramienta pluma
• Ventana trazados
• Subtrazados
• Convertir trazados en selecciones
• Pluma de forma libre
• Capas de forma
• Herramienta forma

TEMA 11. REGLAS, ACCIONES, FILTROS Y CANALES

• Reglas, guías y cuadrícula
• Herramienta regla
• Acciones
• Filtros
• Objetos inteligentes
• Canales
• Máscara rápida
• Canales Alfa

TEMA 12. TRANSFORMAR IMÁGENES Y GRÁFICOS WEB

• 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

TEMA 13. IMPRESIÓN

• Impresión
• Impresión de escritorio
• Pruebas de color en pantalla
• Perfiles de color
• Imprimir una imagen
• Preparación de archivos para imprenta

TEMA 14. 3D

• Fundamentos 3D
• Herramientas de objeto y de cámara 3D
• Creación de formas 3D
• Descripción general del panel 3D

TEMA 1: INTRODUCCIÓN A INTERNET Y AL DESARROLLO WEB

• ¿Qué es internet?
• ¿Qué es la web?
• Hipervínculos
• Dominios
• Breve Historia de internet

TEMA 2: INTRODUCCIÓN AL DISEÑO WEB

• Introducción al diseño
• Introducción al diseño web
• Introducción al diseño UI (User Interface) o diseño de interfaces
• Introducción al diseño UX (User Experience) o de experiencia de usuario
• Colores
• Tipografía
• Composición
• Imágenes y resolución

TEMA 3: INTRODUCCIÓN AL DISEÑO RESPONSIVE

• Adaptación de elementos
• Mobile-First design

TEMA 4: MI PRIMER DISEÑO WEB

• Estructura web básica
  • Práctica Diseño 1 – Estructura Web
• Secciones de una página web
  • Práctica Diseño 2 – Contenido Web

TEMA 5: INTRODUCCIÓN AL HTML

• ¿Qué es HTML?
• Etiquetas HTML5: Head
• Etiquetas de HTML 5: Navegación
• Etiquetas HTML5: Insertar imágenes
• Etiquetas HTML5: Contenido
• Etiquetas HTML5: Footer
• La estructura de la página web

TEMA 6: INTRODUCCIÓN AL CSS

• ¿Qué es CSS
• Propiedades CSS
• Añadir CSS
• Ejemplo HTML y CSS
• Recursos CSS

TEMA 7: RECURSOS, HERRAMIENTAS Y PROGRAMAS.

• Recursos
• Portales de imágenes y vectores
• Webs de ejemplos de código
• CMS: WordPress

TEMA 1. INTRODUCCIÓN

•  Recursos para diseñar y optimizar nuestra web
• Recursos para crear mockups y prototipos
• Recursos para SEO y Marketing digital

 TEMA 2. COLOR

•  Crear paletas de color
• Paletas de color predefinidas
  • Brand Colors
  • htmlcolorcodes
  • Adobe Color CC
  • Coolors.co

 TEMA 3. IMÁGENES, VECTORES Y VIDEOS

• Bancos de imágenes y vídeo
  • Pixabay
  • Unsplash.com
• Vectores y otros recursos gráficos
  • Freepik
  • Vecteezy
• Creación online de logotipos

 TEMA 4. TIPOGRAFÍAS

• ¿Cómo elegir tipografía?
• Buscar tipografías
  • Google Fonts
  • WhatFontIs
  • Dafont
• Importar tipografías para web
• Importar tipografías en WordPress

TEMA 5. ICONOS

•  Cómo diseñar iconos
• Librerías de iconos
  • Flaticon.es
  • Icon-icons.com
  • Collecticons.io

 TEMA 6. OTROS RECURSOS Y LIBRERÍAS

• Introducción a Librerías y Frameworks
• CSS3 Button Generator
• Otros recursos
• GitHub

TEMA 7. MOCKUPS Y PROTOTIPOS

• Herramientas para creación y edición de Mockups
• Buscar y editar free-mockups
• Cómo modificar Mockups predefinidos

TEMA 1. INTRODUCCIÓN A LOS FUNDAMENTOS DEL DISEÑO VISUAL

• Principios de composición y diseño visual
• Principios de la Gestalt aplicados al diseño
• Jerarquía visual

TEMA 2. INTRODUCCIÓN A FIGMA

• ¿Qué es?
• ¿Qué usos tiene?
  • Diseño colaborativo
  • Diseño de productos digitales
  • Comunidad Figma
  • Planes
• La comunidad Figma
  • Archivos
  • Plugins

TEMA 3. CREACIÓN DE UNA CUENTA EN FIGMA E INSTALACIÓN

TEMA 4. LA INTERFAZ DE FIGMA 

• Creación de proyectos
• Guardar Proyectos

TEMA 5. PRIMEROS PASOS CON FIGMA 

• Herramienta Frame
• Herramienta Rectángulo y sus propiedades
• Importar elementos e imágenes SVG
• Grid, Grupos y Textos
• Alineación en Figma
• Herramienta Pluma.
• Trazados y rellenos

TEMA 6. ELEMENTOS VISUALES EN FIGMA 

• Composición básica
• Tipografías y Google Fonts
• Paletas de colores
• Gráficos e Iconos

TEMA 7. CONFIGURACIÓN DE ESTILOS

• Guías de estilos
• Crear estilos de texto y párrafo
  • Aplicar Estilos
  • Modificar
  • Eliminar Estilos

TEMA 8. PLUGINS EN FIGMA 

• Instalación de Plugins
  • Lorem Ipsum o Content Reel
  • Get Waves

TEMA 9. WIREFRAMES

• ¿Qué es un Wireframe?
• Planificación previa del prototipo
  • Del papel a Figma
• Creación de la Página de Inicio
• Componentes del Wireframe:
  • Cabecera
  • Menú
  • Pie de página
• Wireframe Responsive

TEMA 10. COMPONENTES EN FIGMA 

• Creación de componentes
• Duplicar componentes
• Modificar o eliminar componentes

TEMA 11. APLICACIÓN DE MÁSCARAS EN FIGMA 

TEMA 12. PROTOTIPADO EN FIGMA 

• ¿Cómo darle vida al prototipo?
  • Interacciones de botones
  • Vinculaciones a páginas y modales
• Prototipado colaborativo

TEMA 13. MOCKUPS EN FIGMA

• ¿Qué es un mockup?
• Mockups en figma
  • Artboard Studio Mockups
  • Vectary 3D Elements 

TEMA 1. INTRODUCCIÓN A WORDPRESS

• ¿Qué es un blog?
• ¿Qué es WordPress?
• Diferencias entre WordPress.com y WordPress.org

TEMA 2. PLATAFORMA WORDPRESS.COM

• Darse de Alta
• Portada y tablero
• Crear un Post
• Subir Imágenes, videos y audio en un post
• Crear páginas y enlaces
• Gestión, diseño y categorías
• Comentarios, ajustes y usuarios

TEMA 3. INSTALAR WORDPRESS.ORG

• Requisitos de la instalación
• Darse de alta en un servidor
• Crear un espacio web
• Crear una base de datos
• Descargar WordPress.org
• Configurar el FTP
• Instalar WordPress.org

TEMA 4. AJUSTES DE CONFIGURACIÓN

• Ajustes generales
• Ajustes de Escritura
• Ajustes de Lectura
• Ajustes de Comentarios
• Ajustes de Medios
• Ajustes privacidad y enlaces

TEMA 5. AÑADIR CONTENIDO I

• Añadir una nueva entrada I
• Añadir una nueva entrada II
• Multimedia en una Entrada I 
• Multimedia en una entrada II 
• Menú Multimedia

TEMA 6. AÑADIR CONTENIDO II

• Categorías
• Etiquetas
• Enlaces
• Comentario
• Páginas

TEMA 7. OTRAS POSIBILIDADES DE WORDPRESS

• Revisiones y Papelera
• Herramientas I
• Herramientas II
• Usuarios
• Perfil de usuario
• Crear un avatar personalizado

TEMA 8. PLANTILLAS

• Instalar Temas I
• Instalar Temas II
• Menús
• Fondo y cabeceras
• Los widgets
• El Editor y Estructura

TEMA 9. PLUGINS

• Conceptos básicos
• Instalar plugins
• Clasificación plugins
• Plugin sociable
• Plugin global flash gallery

TEMA 10. SEO

• Introducción
• Url y título
• Mapa web, navegación y diseño
• Contenido duplicado
• Optimizar imágenes

TEMA 1. PLUGIN YOAST SEO

• Instalación
• Asistente de instalación
• Configuración
• Webmaster Tools
• Títulos y metas
• Plantillas para metadatos
• Sitemap XML
• Apariencia en el Buscador
  • Breadcrumbs
  • Taxonomías
  • Otras herramientas
  • Optimización de contenido
  • Análisis de Legibilidad
• Redes Sociales
• Google Search Console
• Metabox
• Configuraciones avanzadas

TEMA 2. PLUGIN GOOGLE ANALYTICS

• Instalación
• Configuración
• Crear cuenta de Google Analytics
• Vincular Google Analytics con WordPress
• Ver estadísticas y reportes
• Seguimiento

TEMA 3. PLUGIN W3 TOTAL CACHE

• Instalación
• Configuración General
• Purgar Caché
• Habilitar Caché

TEMA 4. PLUGIN NINJA FORMS y CONTACT FORMS 7

• Instalación
• Configuración
• Ajustes generales
• Creación de formularios con Contact Forms
• Creación de formularios con Ninja Forms Forms

TEMA 5. PLUGIN ELEMENTOR PAGE BUILDER

• Instalación
• Configuración
• Ajustes generales
• Configuración de opciones
• Establecer columnas y elementos
• Widgets básicos
• Widgets generales
• Creación de páginas
• Estructura de contenido
• Plantillas de Elementor
• Elementor PRO

TEMA 6. WOOCOMMERCE

• Plugin de tienda online Woocommerce
• Añadir y gestionar productos
• Opciones generales
• Tipos de productos
  • Descargables
  • Inventario
  • Atributos
  • Variables
• Opciones de Envío
• Opciones de Pago
  • Paypal
  • Transferencia
  • TPVVirtual
  • Configurar la tienda
• Condiciones legales de cobro, envío y devolución
• Creación de mi primera tienda online

TEMA 7. OTROS PLUGINS

• Otros plugins.
  • Botón de Whatsapp
  • Foros
  • Idiomas
  • Seguridad
• Redes sociales
  • Facebook
  • Instagram
  • Twitter
  • Otras
• Buscador de plugins.
• Compatibilidad entre plugins.

TEMA 1. INTRODUCCIÓN A LOS BUSCADORES

• Introducción al SEO/SMO
• Principales carácterísticas de GOOGLE
• Algorítmos de GOOGLE
• Como funciona Google
• ¿Qué son las SERP?
• Funcionamiento de las SERP

TEMA 2. ORIENTACIÓN AL OBJETIVO

• El objetivo
• ¿Quién es nuestro público objetivo?
• Competencia
• Mejorar nuestro producto con respecto a la competencia

TEMA 3. SEO ON PAGE

• Introducción al SEO On Page
• ¿En qué consiste el SEO On Page?
• Keyword Research
• Herramientas
• Arquitectura del Sitio Web
• Análisis de los Metadatos- Screaming Frog
• Usabilidad y Experiencia de Usuario- UX
• Auditoría On Page

TEMA 4. SEO OFF PAGE: ENLACES

• Introducción al SEO Off Page
• Backlinks
• Consideraciones de los enlaces
• Análisis de enlaces

TEMA 5. SEO PARA WORDPRESS

• Instalación y configuración inicial
• Estrategia social
• Sitemaps
• Permalinks
• Las rutas de exploración
• Modificación de RSS
• Bulk Editor de títulos y descripciones
• Editor de archivos
• Aplicación SEO en posts y páginas

TEMA 6. SEO ESPECIALIZADO

• SEO Internacional
• SEO para Apps: ASO
• SEO para Amazon Marketplace
• SEO en Youtube

TEMA 7. BLACK HAT SEO

• Introducción
• Cloaking
• Texto invisible.
• Duplicación de dominios.
• SPAM en foros.
• Uso de enlaces forzados o spam Kewords.
• Información sobre Black Hat SEO
• Cómo salir de una penalización en Google.

TEMA 8. (SMO) OPTIMIZACIÓN DE LOS MEDIOS SOCIALES

• ¿Qué es el SMO?
• Web social

TEMA 9. MONITORIZACIÓN

• Supervisando la indexación
• Monitorizando la popularidad
• Audiencia de su sitio web

TEMA 10. HERRAMIENTAS DE WEBMASTER

• Google Webmaster Tools (GWT)
• Google Analytics
• WebmasterTool Bing
• Herramientas para redes sociales

TEMA 1. INTRODUCCIÓN AL MARKETING DIGITAL

• ¿Qué es el marketing digital?
  • Conceptos básicos del marketing digital
  • Aportaciones de Internet a las acciones de marketing
  • Principales diferencias con el marketing tradicional
• Evolución del marketing y de los medios
  • Internet como medio de comunicación
  • Nuevo concepto de cliente o consumidor
  • Público objetivo
  • El público objetivo en las transacciones comerciales electrónicas
  • Objetivos del marketing
• Bases del marketing digital.
  • Las cuatro P del marketing digital
  • Líneas estratégicas del marketing digital
• Ventajas del marketing digital
• Tendencias del marketing digital
• Social Media Marketing

TEMA 2. ELEMENTOS DEL MARKETING DIGITAL

• El producto
• Aspectos destacados del producto o servicio
• El precio
• La fijación del precio
• Los canales.
• La publicidad 
• La promoción.
• El valor de la marca
• El branding a través del patrocinio
• Posicionamiento en Internet
• Campañas para posicionarse

TEMA 3. HERRAMIENTAS ESTRATÉGICAS DE MARKETING DIGITAL

• Identificación y segmentación del público objetivo
• Programa de afiliados
• Punto de vista del vendedor
• El marketplace o mercado digital
• Ventajas del mercado digital

TEMA 4. PERSONALIZACIÓN EN LAS ESTRATEGIAS DE MARKETING DIGITAL

• Marketing relacional
• Ventajas del marketing relacional
• Marketing one to one 
• Micromarketing
• Concepto de CRM
• ECRM
• Tecnología: Software CRM
  • Productos comerciales SAP CRM, de SAP
  • Productos con licencia GPL SUGAR CRM
• Implantación de un CRM

TEMA 5. PLANIFICACIÓN DE UNA CAMPAÑA DE COMUNICACIÓN ONLINE.

• Características de la comunicación online
• Campaña de comunicación Integral
• Pasos para realizar una campaña de publicidad
• Formas de promoción en Internet
• La comunicación comercial
  • Funcionamiento de la comunicación
  • El mix de comunicación
• La regla de las 4 F
• Marketing Directo
  • Conocimiento del usuario
  • Personalización de la oferta

TEMA 6. PUBLICIDAD ONLINE Y SU EFICACIA

• Formatos publicitarios online
  • Formatos integrados
  • Formatos flotantes
  • Rich Media (Vídeo banner, Ciberspots o Spots Online)
  • Acciones especiales
  • Acciones a medida
  • Permission marketing
  • Publirreportaje
• Tarifas de publicidad en Internet
• Cálculo de tarifas
• Factores que mejoran el éxito de los banners
• Datos de inversión y eficacia publicitaria
  • La eficacia de los formatos.
  • Herramientas de análisis de tráfico web
• Tendencias de la publicidad online
• Regulación

TEMA 7. MARKETING EN BUSCADORES

• Concepto de Optimización de motores de búsqueda (SEO)
• Externalizar el servicio de optimización en buscadores
• Conceptos básicos de Google
  • Rastreo.
  • Indexación.
  • Publicación de resultados.
• Directrices para indexarse en Google
• Google Adwords
  • Palabras claves
  • Control de las campañas

TEMA 1. FACEBOOK

• Primero pasos con Facebook
• Facebook para empresas
• Configuración de la Fanpage
• Configuración de mensajes. Facebook Messenger
• Tipo de publicaciones
• Creación de eventos
• Facebook Marketplace
• Administración de la página
• Facebook Insights

TEMA 2. INSTAGRAM

• Introducción a Instagram
• Instagram para empresas
• Creación de contenido
• Uso de Hashtags
• Instagram Stories
• Herramientas creativas
• Colaboración con influencers
• Principales estadísticas

TEMA 3. LINKEDIN

• Introducción a LinkedIn
• LinkedIn para empresas
• Creación de perfil y optimización
• Grupos
• SEO para LinkedIn
• Analítica en LinkedIn
• LinkedIn Recruiter

TEMA 4. TIKTOK

• ¿Qué es y cómo funciona Tiktok?
• Creación de contenido en TikTok
• Estrategias para ganar seguidores 
• Hashtags 
• Likes 
• Challenges
• El papel del marketing en Tiktok

TEMA 5. TWITTER

• Introducción a Twitter
• Elementos básicos de Twitter
• Twitter para empresas
• Servicio de atención al cliente a través de Twitter
• Contenidos
• Uso de Hashtags 
• Trending Topic
• Twitter Analytics
• TweetDeck
• Audiense
• Hootsuite
• Bitly

TEMA 6. PUBLICIDAD SOCIAL MEDIA

• Facebook e Instagram Ads
• Linkedin Ads
• Twitter Ads
• Tiktok Ads

TEMA 7. TÉCNICAS DE COPYWRITTING EN REDES SOCIALES

• La importancia del copywriting en social media
• Objetivos del negocio
• Conoce a tu audiencia
• Canal
• Estrategia de contenidos 
• Calendario editorial
• Testeo y análisis

TEMA 8. HERRAMIENTAS DE GESTIÓN EN REDES SOCIALES. ANALÍTICA Y MONITORIZACIÓN

• Twitter Analytics
• TweetDeck
• Audiense
• Hootsuite
• Bitly
• Business Manager Facebook (Creator Studio)

TEMA 9. REPUTATION MANAGEMENT

• Plan de reputación
• Desarrollo e implementación del plan en redes sociales
• Principales amenazas de reputación
• Casos de éxito de reputación online

TEMA 10. TENDENCIAS SOCIAL MEDIA

• Social Selling
• Inteligencia artificial
• Live social shopping
• User generated content
• Storificación de las redes sociales

TEMA 1. VALIDACIONES DE DATOS EN PÁGINAS WEB

• Funciones de validación.
• Verificar formularios.

TEMA 2. EFECTOS ESPECIALES EN PÁGINAS WEB

• Trabajar con imágenes: imágenes de sustitución e imágenes múltiples.
• Trabajar con textos: efectos estéticos y de movimiento
• Trabajar con marcos.
• Trabajar con ventanas.
• Otros efectos.

TEMA 3. PRUEBAS Y VERIFICACIÓN EN PÁGINAS WEB

• Técnicas de verificación.
• Herramientas de depuración para distintos navegadores.
• Verificación de la compatibilidad de scripts.

TEMA 1. CARACTERÍSTICAS DE SEGURIDAD EN LA PUBLICACIÓN DE PÁGINAS WEB

• Seguridad en distintos sistemas de archivos
• Permisos de acceso
• Órdenes de creación modificación y borrado

TEMA 2. HERRAMIENTAS DE TRANSFERENCIA DE ARCHIVOS

• Parámetros de configuración
• Conexión con sistemas remotos
• Operaciones y Comandos / órdenes para transferir archivos
• Operaciones y Comandos / órdenes para actualizar y eliminar archivos

TEMA 3. PUBLICACIÓN DE PÁGINAS WEB

• Buscadores genéricos
• Buscadores especializados
• Descriptores: palabras clave y sistemas normalizados de «metadatos»
• Aplicaciones de publicación automatizada
• Procedimientos de publicación

TEMA 4. PRUEBAS Y VERIFICACIÓN DE PÁGINAS WEB

• Técnicas de verificación
• Herramientas de depuración para distintos navegadores
• Navegadores: tipos y plugins