- 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
- 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
- Animaciones por pasos
- 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
- Estructura de una web
- Análisis de metadatos
- Elementos html
- Hoja de estilo CSS
- SEO en HTML
- Introducción
- Información útil, información fresa
- Flash, el problema del invisible
- Densidad de palabra clave
- Long Tail, la larga cola de palabra clave
- Marketing en internet: captando visitas
- Introducción
- Experiencia de usuario -UX
- Diseño centrado en el usuario
- Prototipado y diseño de interacción
- Evaluación de Usabilidad
- Funcionamiento del algoritmo de Google
- Actualizaciones más relevantes
- Posibles penalizaciones
- Recomendaciones y buenas prácticas
- Etiquetas meta name
- Etiqueta meta description
- Etiqueta meta Keyword
- Etiqueta meta Robots
- Etiqueta meta viewport
- Etiqueta meta nosnippet
- etiqueta meta http-equiv
- Etiqueta Title
- Herramientas para la optimización del SEO on Page
- Qué es un plugin
- Plugins para la optimización del SEO on Page
- Cómo es un enlace entrante
- Consideraciones de los enlaces entrantes
- Análisis de enlaces
- Otras consideraciones
- Introducción al linkbuilding
- Consideraciones importantes sobre linkbuilding
- Principales técnicas de linkbuilding
- Estrategia de linkbuilding natural
- Introducción al linkbaiting
- Marketing de Contenidos
- Storytelling
- Marketing viral
- SEO local
- Search y social media
- SEO mobile
- SEO internacional
- Auditoría SEO
- Consideraciones previas y herramientas clave
- Estudio inicial
- Auditoría SEO on Page
- Auditoría SEO off Page
- Informe de seguimiento
- Blogs
- Cómo hacer un blog en Wordpress
- Plugins para optimizar el SEO en los blogs
- Auge del comercio online
- Tipos de eCommerce
- Atención al cliente
- Embudos de conversión
- Casos de éxito
- Principales plataformas
- Gestión estratégica
- Plataformas del código abierto
- Introducción al Diseño Web
- Accesibilidad
- Usabilidad
- Responsive Design
- Home
- Categorías
- Fichas de Producto
- Carrito de la compra y checkout
- Principales herramientas
- Confianza, privacidad y seguridad
- Principales formas de pago
- Ley de Ordenación del Comercio Minorista
- Ley de Servicios de la Sociedad de la Información y del Comercio Electrónico (LSSI)
- Reglamento General de Protección de Datos
- Ley de Consumidores
- SmartContracts
- Concepto y evolución del Social Media
- Tipos de redes sociales
- La importancia actual del social media
- Prosumer
- Contenido de valor
- Marketing viral
- La figura del Community Manager
- Social Media Plan
- Reputación Online
- 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
- Centro de cuentas, Facebook Business Suite, Facebook Business Manager
- 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
- Actualiaciones de instagram
- Funcionalidades de la versión de pago
- Introducción a X Corp.
- Elementos básicos de X Corp.
- X Corp para empresas
- Servicio de atención al cliente a través de X Corp.
- Contenidos
- Uso de Hashtags y Trending Topic
- X Corp. Analytics
- TweetDeck
- Audiense
- Hootsuite
- 11. Funcionalidades de la versión premium
- Introducción a LinkedIn
- LinkedIn para empresas
- Creación de perfil y optimización
- Grupos
- SEO para LinkedIn
- Analítica en LinkedIn
- LinkedIn Recruiter
- Introducción a Youtube
- Vídeo Marketing
- Crear una canal de empresa
- Optimización del canal
- Creación de contenidos
- Gestión de comentarios
- Youtube Analytics
- Youtube vs Vimeo
- Keyword Tool
- Youtube Trends
- Introducción a Twitch
- El éxito de Twitch
- Generar suscriptores en Twitch
- Contenidos y recomendaciones
- Twitch e influencers
- Streamlabs
- Publicidad en Twitch
- Seguimiento y medición de resultados
- ¿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
- Tiktok e influencers
- Tiktok Ads
- Introducción a Facebook Ads
- Tipos de Campañas y objetivos publicitarios
- Segmentación: públicos
- Presupuesto
- Formatos de anuncios
- Ubicaciones
- Administrador de anuncios
- Seguimiento y optimización de anuncios
- Pixel de Facebook
- Cómo gestionar publicidad de Instagram desde el administrador de anuncios de Facebook
- Objetivos publicitarios
- Audiencias en X Corp
- Tipos de anuncios
- Administrador de anuncios
- Creación de campañas y optimización
- X Corp. Cards
- Instalación código de seguimiento
- Listas de remarketing
- Introducción a LinkedIn Ads
- Formatos de anuncios
- Objetivos publicitarios
- Creación de campañas
- Segmentación
- Presupuesto
- Seguimiento y medición de resultados
- Ventajas de la publicidad en Youtube
- Youtube y Google Adwords
- Tipos de anuncios en Youtube
- Campaña publicitarias en Youtube con Google Adwords
- Creación de anuncios desde Youtube
- Introducción a TikTok Ads Manager
- Creación de una campaña de publicidad en TikTok
- Tipos de contenidos y herramientas clave
- Seguimiento y monitorización de los resultados
- Introducción a la analítica web
- Funcionamiento Google Analytics
- Introducción e instalación de Google Analytics
- Interfaz
- Métricas y dimensiones
- Informes básicos
- Informes personalizados
- Comportamiento de los usuarios e interpretación de datos
- ¿Qué es Google Analytics 4?
- Diferencias con respecto a Universal Analytics
- Implementación de Google Analytics 4
- Las herramientas de análisis de Google Analytics 4
- Los espacios de identidad
- Ventajas de Google Analytics 4
- Desventajas de Google Analytics 4
- Planes de medición
- Configuración de las vistas mediante filtros
- Métricas y dimensiones personalizadas
- Seguimiento de eventos
- Informes de visión general
- informes completos
- Compartir informes
- Configuración paneles de control y accesos directos
- Informes de Audiencia
- Informes de Adquisición
- Informes de Comportamiento
- Campañas personalizadas
- Realizar un seguimiento de las campañas con el Creador de URLs
- Configuración y medición de objetivos
- Cómo medir campañas de Google Ads
- Analítica avanzada
- Informes sin muestrear
- Google BigQuery Export
- Integraciones
- Concepto y características
- Gestión de etiquetas
- Activadores y gestión de variables
- Implementación y eventos
- Tracking
- Visualización de datos
- Tipologías de gráficos
- Fuentes de datos
- Integración con Analytics
- Creación de informes