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

Programa de Curso superior de diseño web profesional

Modalidad: Online

Descripción

Te ofrecemos un programa completo en el que podrás aprende a crear páginas profesionales.

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

Desarrollar un conocimiento global y completo del diseño web.
Adquirir los conocimientos básicos de HTML5 y CSS3 con los que crear páginas web.
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:

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

Requisitos

No son necesarios requisitos previos.

Información Adicional

Salidas Profesionales:

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

Otros cursos

Ver todos los cursos de DEUSTO FORMACION