Máster de Diseño Web y Marketing Digital

MÓDULO DISEÑO WEB CON HTML5, CSS3 Y JAVASCRIPT

01 CONTENIDO, ESTRUCTURA Y APARIENCIA

Introducción y herramientas

• Introducción al desarrollo web integral
• El diseñador web como programador creativo, el lenguaje de la web
• Herramientas de apoyo
• Elección de un editor de texto, factores a tomar en cuenta
• Todo diseño web debe ser responsive

HTML, primera parte: introducción

• Introducción a los lenguajes de etiquetas
• Elementos, etiquetas y atributos
• HTML semántico, el contenido como guía
• Elementos semánticos y elementos estructurales
• Títulos, párrafos, listas, tablas, enlaces e imágenes... el contenido es el rey
• Flujo normal (normal flow), elementos block e inline

CSS, primera parte: introducción

• Reglas, selectores y propiedades
• Tipos de selectores
• Interludio HTML: elemento style, identificadores únicos y clases
• Vinculación de ficheros CSS a ficheros HTML

CSS, segunda parte: el navegador como herramienta de diseño

• Diseñando en el navegador, inspector de elementos + editor de texto, o cómo dejar atrás las simulaciones
• CSS y su relación a los programas de diseño tradicionales

Tipografía

• Introducción a la tipografía
• Elección de tipografías para web y las distintas alternativas a nuestra disposición
• Unidades de medida, absolutas y relativas
• Propiedades tipográficas
• Contenido dinámico vs. contenido estático y sus consecuencias a la hora de estilizar la tipografía Color
• Distintas formas de hablar en RGB
• Color de fondo y color del texto

Layout, primera parte: HTML + CSS

• Relación de las etiquetas estructurales a los típicos “bloques” de un programa de diseño, todo es un rectángulo
• Unidades de medida
• Márgenes, por dentro y por fuera
• Modelo de caja
• Posicionamiento estático, o lo que está detrás del flujo normal
• Rompiendo el flujo normal: posicionamiento relativo, absoluto y fijo
• Introducción al diseño responsive, media queries

CSS, tercera parte: la caja de herramientas gráficas

• Bordes
• Imágenes de fondo y su diferencia con las imágenes de contenido
• Degradados de color
• Sombras
• Modos de fusión
• Filtros
• Transformaciones

HTML, segunda parte: formularios

• Introducción a los formularios
• Elementos de entrada de datos

Layout, segunda parte: Flex

• El modelo de caja flexible
• Flex vs. flujo normal
• Opciones de Flex
• Flex y su relación al diseño responsive
• Limitaciones de Flex

Layout, tercera parte: Grid

• Cuadrículas a la hora de diseñar una web
• Grid vs. Flex vs. flujo normal
• Opciones de Grid

Layout, grand finale: diseñando en el navegador

• Todo es combinable
• Maquetación idiomática, o como pensar en CSS
• Todo diseño web será responsive

02 DINAMISMO Y FUNCIONALIDAD

JavaScript

• ¿Qué es JavaScript?
• Introducción a la programación
• Variables, condicionales, bucles y funciones

La API del DOM, o lo que tradicionalmente asociamos a JavaScript

• ¿Qué es una API?
• El DOM
• Distintas formas de capturar elementos del DOM
• Sintaxis de punto como piedra angular de la API del DOM, getters/setters
• Gestión de clases
• Gestión de atributos
• Añadir y eliminar elementos: HTML dinámico, primera parte
• El bucle de eventos, o cómo convertir HTML en un espacio interactivo
• Callbacks
• - El objeto event y cómo gestionar los eventos básicos del navegador

AJAX, o cómo comunicarnos con el backend

• ¿Qué es el backend?
• Peticiones y respuestas, el protocolo HTTP
• Conexiones asíncronas con el servidor, el objeto XHR
• Strings que van y Strings que vienen, JSON como lengua franca entre lenguajes de programación

jQuery

• Libraries, frameworks
• ¿Qué es jQuery?
• Manipulación del DOM
• AJAX

WordPress, kit de supervivencia

• Naturaleza dinámica del contenido
• ¿Qué es WordPress?
• Introducción a PHP
• Ecosistema WordPress
• Al final, todo es HTML y CSS

MÓDULO MARKETING DIGITAL

01 INTRODUCCIÓN AL MARKETING DIGITAL

Marketing Digital

• ¿Qué es el marketing?
• 10 cambios del marketing digital
• Internet y la nueva era del marketing digital Web 3.0
• Nuevos enfoques
• Campañas 3.0
• Marketing Viral

Nuevos modelos de negocio basados en web 2.0

• Retos y desafíos para emprendedores digitales
• Cambios en las diferentes industrias
• Salidas laborales del marketing digital
• Nuevos medios de pago
• Modelo Lean Canvas

Atrayendo clientes en la era digital

• Momento cero de la verdad
• Encontrar el público objetivo
• ¿Qué es un lead?
• Empezar a desarrollar Buyer/Personas
• Matriz de toma de decisiones
• RGPD

Marketing de contenidos

• Realidad actual. El contenido es el rey
• Definición de marketing de contenidos
• Tendencias en el marketing de contenidos
• La importancia de una estrategia de contenidos
• ¿Cómo generar contenido viral y atractivo?

02 PLANIFICACIÓN ESTRATÉGICA ONLINE

Estrategia de marketing online

• Estrategia de marketing online
• Análisis de la situación actual de la empresa
• Análisis D.A.F.O enfocado a web
• Investigación de la competencia basada en web
• Definición de objetivos y cronograma
• Recursos necesarios para su realización y desarrollo
• Plan de ejecución y establecimiento de métricas
• Análisis de resultados
• Cálculo del ROI

Copywriting | Escribir para vender

• Comunicación y gestión de la conversación
• Transmitir mensajes de forma eficaz y atractiva
• Gestión de mensajes dañinos

Campaña de e-mail marketing

• Bases de datos de contactos
• Generación de leads de calidad
• Técnicas de diseño para crear un e-mail efectivo
• Legislación referente al e-mail marketing
• Métricas del e-mail marketing.
• Herramientas y plataformas online
• Presupuesto y recursos necesarios para su implementación
• Análisis de resultados y ROI
• Casos de éxito
• Caso práctico: creación de una newsletter

Social Media Plan

• Análisis de la situación actual de las redes de la empresa
• Análisis de la competencia en redes sociales
• Selección de plataformas y canales
• Creación de sinergias: personas con influencia y mapas de blogs
• Definición de objetivos
• Estrategia de contenidos
• Estrategia de acciones
• Herramientas para la gestión de social media
• Establecimiento de métricas por red social: Facebook, Twitter, Youtube, Instagram, Blog, etc.
• Herramientas de monitorización de redes sociales

03 GESTIÓN DE SOCIAL MEDIA

Community Manager

• Perfil, funciones, tareas, rol en la organización
• El horario del Community: 24/7, 365 días al año
• Influencia (marca personal)
• Estrategias de community management: labores, responsabilidad y posibilidades
• Herramientas de Community Manager
• Buffer, Canva, Ghiphy

Concursos para Redes Sociales

• Pasos para crear un concurso
• Herramientas de creación de concursos
• Aspectos a tener en cuenta
• Casos de éxito
• EasyPromos App

Facebook

• Facebook para empresas. Proceso para crear una cuenta de empresa (Práctica)
• Campañas de Facebook Ads
• Tipos de campañas y objetivos
• Segmentación de anuncios
• Creación de públicos personalizados para campañas
• Píxel de seguimiento
• Formatos de anuncios
• Facturación en Facebook Ads
• Casos de éxito y acciones que han impactado en la manera de utilizar esta red social
• Analítica y promoción a través de esta red social

Twitter

• Usos de Twitter por parte de las marcas
• Creación de campañas y participación
• Twitter para empresas
• Campañas de Twitter Ads
• Tipos de campañas y objetivos
• Segmentación de anuncios
• Creación de públicos personalizados para campaña
• Seguimiento de conversiones
• Formatos de anuncios
• Casos de éxito y acciones que han impactado en la manera de utilizar esta red social
• Analítica y promoción a través de esta
• red social

Youtube

• Vídeo Marketing
• Estrategias para Vídeo Marketing
• La nueva figura del youtuber
• Youtube y el SEO
• Bancos de imágenes
• Bancos de vídeos

Instagram

• Instagram Ads
• Formatos de anuncios y cómo crearlos
• Instagram y Facebook para vender productos
• Apps de Instagram

Pinterest

• Pinterest para empresas
• Pinterest Ads
• Campañas de Pinterest Ads
• Tipos de campañas y objetivos
• Segmentación de anuncios
• Creación de públicos personalizados para campañas
• Seguimiento de conversiones
• Widgets en Pinterest
• Pinterest y el SEO

LinkedIn

• Usos de la red social
• Participación en grupos
• Perfiles de empresas: cómo crearlos.
• Creación de un perfil personal (Práctica)
• Mejoras del perfil a través de recomendaciones: cómo obtenerlas
• Campañas de LinkedIn Ads
• Tipos de campañas y objetivos
• Segmentación de anuncios
• Creación de públicos personalizados para campaña
• Seguimiento de conversiones

Google My Business

• Introducción a Google My Business
• Gestión de perfiles
• Páginas y productos en Google My Business
• Opiniones y reseñas
• Google My Business y el SEO

Introducción a WordPress

• Creación de Hosting y Dominio para la clase
• Introducción a Temas
• Introducción a Postypes (Creación de Páginas,

Entradas, Productos)

• Creación de Menús
• Plugins básicos
• El blog como herramienta personal
• Consejos para generar contenidos en blogs
• ¿Cómo diseñar una landing page atractiva?

E-Commerce

• Introducción al E-Commerce
• WooCommerce

04 MARKETING EN BUSCADORES: SEO y SEM

SEO

• Introducción al Marketing en buscadores
• Usabilidad y accesibilidad web
• Indexación en Google Search Console (Mobile First Indexing)
• Herramientas importantes de Search Console (rendimiento de palabras, errores, enlaces, clics, impresiones, ctr, dispositivos, etc.). Realizar paso a paso una correcta indexación en Google
• Definición de palabras clave
• Herramientas para Keywords (SEMrush, Ubbersuggest, Keywords Everywhere)
• SEO On-Page: optimización de contenidos
• Screaming Frog
• Metatítulos, metadescripciones, estructura de contenidos, headings, etiquetas importantes
• Optimización de imágenes para SEO
• Escritura de SEO
• Marcado de datos
• Optimización de entradas a blogs a nivel de SEO
• Instalación de plugins especializados en SEO
• Top de extensiones de navegación para SEO (Moz toolbar, Check My Links)
• SEO Off-Page: optimización externa
• Construcción natural de enlaces
• Redireccionamientos Web y estatus de páginas 301, 404, 5xx, etc.
• Malas prácticas en posicionamiento SEO
• Casos de éxito
• Caso práctico: planificación y desarrollo de estrategia SEO
• Lista paso a paso para empezar a hacer SEO
• Auditoria de SEO

SEM

• Estrategia de publicación de anuncios
• Funcionamientos de Ad Rank de Google
• Investigación de palabras clave con la herramienta planificador de palabras clave
• Tipos de concordancias de palabras clave
• Palabras clave negativas
• Tipos de pujas
• Caso práctico: planificación y desarrollo de estrategia SEM
• Red de búsquedas
• Red de display
• Métricas en Adwords
• Listas de remarketing
• Youtube Ads

05 ANALÍTICA WEB

• Introducción a Google Analytics
• Implementación de códigos de seguimiento
• Creación de vistas, perfiles y permisos
• Tipos de datos (dimensiones, dimensiones secundarias, métricas, métricas personalizadas)
• Planificación de objetivos
• Metas, eventos, filtros y canales
• Definición de métricas, tipos de conversiones
• Introducción a Google Tag Manager
• Creación de públicos personalizados
• Listas de remarketing
• Segmentos personalizados
• Dashboards Personalizados

06 ÚLTIMOS DÍAS DE CURSO

• Certificaciones de Google
• Repaso final de curso
• Tutorías de proyecto

05 ANALÍTICA WEB

• Introducción a Google Analytics
• Implementación de códigos de seguimiento
• Creación de vistas, perfiles y permisos
• Tipos de datos (dimensiones, dimensiones secundarias, métricas, métricas personalizadas)
• Planificación de objetivos
• Metas, eventos, filtros y canales
• Definición de métricas, tipos de conversiones
• Introducción a Google Tag Manager
• Creación de públicos personalizados
• Listas de remarketing
• Segmentos personalizados
• Dashboards Personalizados

06 ÚLTIMOS DÍAS DEL MÓDULO

• Certificaciones de Google
• Repaso final del módulo