Curso superior de diseño web profesional del centro DEUSTO FORMACION

Descripción

La tecnología hoy en día se presenta en múltiples espacios. Por esto los diseñadores Web son de los perfiles más demandados en el mercado laboral.  

A quién va dirigido

• Profesionales del sector como diseñadores web o programadores que quieran actualizar su perfil o profundizar en aspectos concretos del temario
• Profesionales de otras áreas como responsables de marketing o diseñadores gráficos que quieran adquirir conocimientos complementarios a su perfil profesional actual
• Personas que, por motivos profesionales o personales, quieran adentrarse en el mundo del diseño web y adquirir las competencias necesarias.

Objetivos

1. Desarrollar un conocimiento global y completo del diseño web.
2. Adquirir los conocimientos básicos de HTML5 y CSS3 con los que crear páginas web.
3. Optimizar el diseño, la usabilidad y la accesibilidad de las páginas; transformar un diseño o un concepto en un documento HTML; diseñar y mantener fácilmente páginas web.

Temario

MÓDULO 1: USABILIDAD WEB Y EXPERIENCIA DE USUARIO (UX)

  1. USABILIDAD FRENTE A LA EXPERIENCIA DE USUARIO (UX)

• ¿Qué es la usabilidad?
• ¿Qué es la experiencia de usuario?

  2. LOS 10 PRINCIPIOS HEURÍSTICOS DE LA USABILIDAD DE JAKOB NIELSEN

• Decálogo de Jakob Nielsen sobre la usabilidad
• ¿Qué conseguimos si mejoramos la experiencia del usuario?

  3. USABILIDAD EN LA WEB

• ¿Cómo usamos la web?
• ¿Cómo atrapar la atención del usuario?
• Uso de clics mecánicos
• Cómo escribir en la web
• Los textos y tipografías, claros y con contraste
• Navegación por la web
• La página principal (home)
• Enlaces o hipervínculos Imágenes
• Buscadores Publicidad

  4. DISEÑO BASADO EN LA EXPERIENCIA DE USUARIO

• Criterios básicos de la experiencia de usuario
• Metodología del diseño centrado en el usuario
• Etapas del diseño basado en la experiencia de usuario
• Técnicas de diseño de la experiencia de usuario
• Herramientas de diseño para el desarrollo de un proyecto

  5. DISEÑO DE INTERACCIÓN (IxD)

• Las 5 dimensiones del diseño de interacción
• Consejos para realizar el diseño de interacción
• Microinteracciones

  6. LA ARǪUITECTURA DE LA INFORMACIÓN

• Componentes de la arquitectura de la información
• Arquitectura de la información y SEO
• Herramientas para el prototipado

  7. RESPONSIVE WEB DESIGN. USO DE MEDIA ǪUERIES

• Aumento del uso de los móviles en la navegación web
• La web responsive es beneficiosa para el SEO
• Consejos para crear y adaptar tu web a dispositivos móviles

  8. UTILIZACIÓN DE FRAMEWORKS

• Ventajas de utilizar un framework
• Desventajas de utilizar un framework
• Framework frente a CMS

  9. EVALUACIÓN DE LA USABILIDAD

• Evaluación automática
• Evaluación heurística
• Evaluación con usuarios
• Elaboración de informes

MÓDULO 2: ACCESIBILIDAD WEB

  1. ¿ǪUÉ ES LA ACCESIBILIDAD WEB?

• ¿A quién beneficia la accesibilidad web?
• Diseño universal Tecnologías de apoyo

  2. ASPECTOS A TENER EN CUENTA PARA LA CONFORMIDAD DE UN SITIO WEB

• Tecnologías compatibles con la accesibilidad
• Requisitos de conformidad
• Declaración de conformidad
• Declaración de conformidad parcial y contenido de terceras partes

  3. ¿CÓMO LOGRAR ǪUE EL SITIO WEB SEA ACCESIBLE?

• Aspectos que tener en cuenta para que nuestro sitio web sea accesible
• Principios de las pautas WCAG 2.1

  4. RECOMENDACIONES TÉCNICAS PARA DESARROLLADORES

• Perceptibilidad
• Operabilidad
• Comprensibilidad
• Robustez

  5. ESTRUCTURA EN HTML Y CSS

  6. VALIDACIÓN EN FASE DE DESARROLLO DE UN SITIO WEB

• Especificación del ámbito de evaluación
• Análisis del diseño del sitio web
• Selección de una muestra representativa
• Validación de accesibilidad

  7. VALIDACIÓN AUTOMÁTICA FRENTE A LA VALIDACIÓN MANUAL

• Herramientas de evaluación automática
• Herramientas de ayuda en la evaluación manual

  8. VALIDACIÓN DE GRAMÁTICA Y ACCESIBILIDAD

• Validación de la gramática
• Validación de la accesibilidad

MÓDULO 3: DISEÑO DE INTERFAZ

  1. CONCEPTO GRÁFICO Y TEORÍA DEL COLOR

• Simbología del color
• Colores cálidos
• Colores fríos
• Colores neutros
• Luminosidad, matiz, tono y saturación

  2. TIPOGRAFÍAS

• Serif Sans serif
• Script Display

  3. DISEÑO DE LA INTERFAZ RESPONSIVE

• ¿En qué consiste un diseño responsive?
• Conceptos claves del diseño responsive
• ¿Cómo saber si es un diseño responsive?
• Beneficios de un diseño responsive
• Inconvenientes de un diseño responsive

  4. DEFINICIÓN DE LOS ELEMENTOS GRÁFICOS: TAMAÑO Y RESOLUCIÓN

• Tipos de navegación
• Disposición de elementos en función del dispositivo
• Incluir imágenes en formato panorámico
• Peso de los elementos
• La importancia de los iconos Touch
• Tamaño de los botones
• Carga secuencial
• Responsive Web Design Server Side Components (RESS)

  5. DISEÑO DE DIFERENTES TIPOS DE PANTALLA: NAVEGACIÓN Y FORMULARIOS

  5.1. Diseño del menú de navegación Diseño de formularios

  6. ESCRIBIR PARA LA WEB

• Cambio de concepto en la escritura para internet
• Estructura visual
• Contar una historia
• Evitar los preámbulos
• Incluir textos destacados
• Crear un personaje
• Enfocar
• Saber para quién escribimos
• Utilizar el tono correcto
• Optimizar titulares
• Agregar información visual
• Evitar detalles extravagantes en el diseño
• Cuidar la ortografía

MÓDULO 4: INTRODUCCIÓN AL DESARROLLO WEB

  1. INTERNET Y LA WEB

• ¿Qué es internet?
• Direcciones de internet
• Arquitectura cliente-servidor
• Aplicaciones web Accesibilidad
• Usabilidad

  2. DOMINIOS Y ALOJAMIENTOS WEB

• ¿Qué se necesita para publicar una web?
• Registradores de dominios gratuitos y de pago
• Pasos para registrar un dominio propio de pago
• Pasos para registrar un dominio gratuito
• ¿En qué consiste el hosting o alojamiento?
• Crear un servidor web con XAMPP
• Actividades prácticas guiadas

MÓDULO 5: ENTORNOS DE DESARROLLO Y HTML

  1. ENTORNO DE DESARROLLO

• Introducción
• Editores de código
• Clientes FTP
• Herramientas de análisis (navegadores)
• IDEs completos

  2. HTML

• Introducción Estructura general
• Estructura de body Otras API y etiquetas

MÓDULO 6: INTRODUCCIÓN A CSS Y DOM

  1. INTRODUCCIÓN AL CSS

• ¿Qué es CSS y para qué sirve?
• Versiones de CSS
• Navegadores que lo admiten
• Hoja CSS de ejemplo
• Propiedades de CSS Selectores de CSS

  2. ¿ǪUÉS ES EL MODELO DE OBJETOS DEL DOCUMENTO (DOM)?

• Objeto nodo
• Objeto document
• Objeto element
• Objeto attr
• Moverse por el árbol

  3. ¿ǪUÉ ES EL MODELO DE OBJETOS DEL NAVEGADOR (BOM)?

• Objeto window
• Objeto navigator
• Objeto screen

MÓDULO 7: JAVASCRIPT (I)

  1. INTRODUCCIÓN A JAVASCRIPT

• ¿Qué es JavaScript y para qué sirve?
• Características de JavaScript JavaScript Vs. Java

  2. PRIMEROS PASOS EN JAVASCRIPT

• Hola Mundo
• Entradas y salidas
• Variables

  3. OPERADORES Y EXPRESIONES

• Asignación
• Incremento, decremento y resto
• Operadores lógicos
• Otros operadores
• Expresiones

  4. FLUJO DE DATOS

• Estructura if, else y elseif
• Switch
• Try and catch
• While
• Bucle for y forEach
• Funciones

MÓDULO 8: JAVASCRIPT (II)

  1. FUNCIONES

• Parámetros de entrada
• Parámetros de salida

  2. OBJETOS ESPECIALES

• Math
• Date

  3. MANEJO DE EVENTOS

• Tabla de eventos más comunes
• Eventos más usados

  4. JǪUERY

• Selectores
• Eventos
• Manipuladores y efectos en elementos

  5. AJAX

• Métodos más comunes
• Mi primer request
• Métodos de objeto XMLHttpRequest
• Envío de parámetros

5. LLAMADAS A AJAX VÍA JǪUERY

• AJAX
• Funciones más usuales
• FormData

MÓDULO 9: SEO Y EFICIENCIA EN BUSCADORES

  1. INTRODUCCIÓN AL SEO

• Diferencias entre SEO y SEM
• Ventajas de ser visible en buscadores

  2. FACTORES INTERNOS (ON-PAGE)

Mejorando la estructura del sitio web

Optimizando el contenido

Tratando con los bots

  3. FACTORES EXTERNOS (OFF-PAGE)

• Estrategia de link building
• Estrategia de link baiting
• Estrategia de tiered link building

  4. TÉCNICAS PENALIZABLES

• Cloaking Texto oculto
• Granja de enlaces
• Páginas puerta
• Contenido duplicado
• Redirección HTML/JavaScript
• NoScript/NoIframe
• Sitios de contenido dudoso

  5. PEǪUEÑOS DETALLES ǪUE AYUDAN AL POSICIONAMIENTO

• Densidad de palabras
• Alta en motores de búsqueda
• Sitemaps
• Aumentar la velocidad de indexación
• Enlaces y pagerank
• Tiempo de permanencia
• ¿Cómo saldré posicionado?

  6. BÚSǪUEDAS Y ETIǪUETAS

  7. SEO PARA BLOGS

• Dominio y alojamiento
• Los contenidos
• ¿Categorías o etiquetas?

  8. GEOSEO (SEO LOCAL)

• Dominios, subdominios o carpetas
• El dominio y la IP
• Mapas de negocios

  9. SEARCH ENGINE REPUTATION MANAGEMENT (SERM)

• Detección
• Comienza el movimiento
• Ocupar resultados

  10. SOCIAL MEDIA OPTIMITATION (SMO)

• Detalles
• Marcadores sociales
• Sitios de recomendación
• Preguntas y respuestas AJAX

  11. SEO PARA PPC (PAGO POR CLIC)

  12. CÓMO FUNCIONA UN BUSCADOR

  13. HERRAMIENTAS

• Buscadores
• Palabras clave
• Ranking en internet

MÓDULO 10: GESTORES DE CONTENIDOS

  1. ¿ǪUÉ ES UN SISTEMA DE GESTIÓN DE CONTENIDOS (CMS)?

• Funciones básicas de un gestor de contenidos
• Características generales de los CMS
• Necesidad de un CMS
• Aplicaciones de los gestores de contenido
• Ventajas de los gestores de contenidos
• Historia de los CMS
• Presente y futuro de los CMS

  2. TIPOS DE GESTORES DE CONTENIDO

• Por el lenguaje de programación empleado
• Por el tipo de licencia
• Por tipo de uso o funcionalidad
• Criterios de selección de un CMS
• Los CMS en el e-learning

  3. LOS MEJORES CMS

• Cómo escoger el mejor CMS
• Gestores de contenido más populares
• Nuevos CMS
• ¿Qué condiciones ha de cumplir el CMS perfecto?

  4. INSTALACIÓN DE UN CMS

• Requisitos del servidor
• El cliente FTP
• Crear una base de datos
• Instalar una base de datos
• ¡A trabajar!

  5. FASES DE UN PROYECTO WEB SOBRE UN SISTEMA CMS

• Definición inicial de la estructura general del sitio web
• Bocetado de la web
• Desarrollo de la plantilla base de página
• Desarrollo individual de cada página
• Pruebas y correcciones

Titulación obtenida

Una vez culminado el curso, los alumnos recibirán una doble titulación:

1. Diploma expedido por Deusto Formación.
2. Título acreditativo de la Universidad Internacional de Valencia.

Requisitos

No son necesarios requisitos previos.

Información Adicional

Salidas Profesionales:

1. Técnico en diseño de páginas web. 
2. Diseñador y programador de contenidos multimedia.
3. Diseñador gráfico y/o maquetador orientado al mundo de la publicidad online
4. Programador web Frontend junior (HTML & CSS & Javascript)

Otros cursos

• Curso Superior de Gestión Financiera
• Curso Superior de Asesoría Fiscal y Tributaria
• Curso superior de diseño gráfico y visual
• Curso superior de dibujo técnico con AutoCAD
• Curso de Diseño y Desarrollo de Videojuegos con Unity