Home / FACULTAD DE PROGRAMACIÓN Y DESARROLLO DE SOFTWARE / Curso en Diseño y Desarrollo Web

Curso en Diseño y Desarrollo Web

Incluye contenido gratis con tu suscripción

Solicita información gratis

Estoy de acuerdo con la Política de privacidad.

Matricúlate ahora online

Sobre este curso

Este Curso en Diseño y Desarrollo Web está dirigido a estudiantes y profesionales que deseen mejorar sus habilidades en usabilidad, experiencia de usuario y diseño de interfaces. No se requiere experiencia previa en programación, ya que el curso...

Titulación universitaria

200 h

Online

8 ECTS (Créditos)

Facultad De ProgramaciÓn Y Desarrollo De Software

Diseño Y Desarrollo Web

Advertencias Legales

Titulación de Curso en Diseño y Desarrollo Web

Titulación Universitaria de Curso en Diseño y Desarrollo Web con 200 horas y 8 créditos ECTS por la Universidad Católica de Murcia

Vídeo de universitarios opinando sobre la Universidad Católica San Antonio de Murcia

Esta formación incluye contenido gratis con tu suscripción Educa University

¿Aún no te has suscrito? En Educa University, respondemos ágilmente a las necesidades educativas de un mundo digitalizado y en constante cambio. Somos líderes en el desarrollo de programas educativos y herramientas IA, con alianzas con prestigiosas universidades en Europa, Estados Unidos y América Latina.

Suscríbete ahora

Objetivos

Comprender los conceptos clave de usabilidad y aplicarlos al diseño web.

Dominar los principios de la experiencia de usuario (UX) y su papel en el proceso de creación.

Diseñar interfaces de usuario (UI) efectivas y optimizadas utilizando herramientas y técnicas adecuadas.

Utilizar los elementos básicos del diseño web, como tipografía, color, iconos e imágenes, para crear sitios atractivos.

Aplicar las directrices y tendencias digitales más actuales en el diseño y desarrollo web.

Utilizar Git como sistema de control de versiones para gestionar proyectos de desarrollo web.

Contenido

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LA USABILIDAD

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

UNIDAD DIDÁCTICA 2. EXPERIENCIA DE USUARIO -UX

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

UNIDAD DIDÁCTICA 3. INTERFAZ DE USUARIO -UI

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

UNIDAD DIDÁCTICA 4. INTRODUCCIÓN AL DISEÑO WEB

Breve historia del diseño
Comunicación y publicidad
Teoría de la percepción
Elementos básicos que intervienen en el diseño
La composición
Fases del diseño
Diseño digital

UNIDAD DIDÁCTICA 5. ELEMENTOS BÁSICOS PARA EL DISEÑO WEB

Tipografía
Color
Iconos
Formas
Imágenes
Contenido audiovisual
Efectos (sombras, D, flat y otros)

UNIDAD DIDÁCTICA 6. DIRECTRICES Y TENDENCIAS DIGITALES

Guías de estilo
Ventajas y Desventajas
Apple IOS Human Interface Guidelines
Google Material Design
Tendencias digitales
Tendencias del diseño UX/UI

UNIDAD DIDÁCTICA 7. GESTIÓN DE VERSIONES: GIT

¿Qué es el control de versiones?
¿Qué es GIT?
¿Por qué GIT?
Instalación de GIT
GitHub y su relación con GIT
Flujo de trabajo en GIT (Workflow)
Crear un repositorio
Cambios de archivos
Deshacer cambios
Sincronizar repositorios
Reescribir historial

UNIDAD DIDÁCTICA 8. LENGUAJE HTML

Textos en HTML
Enlaces
Listas en HTML
Imágenes y Objetos
Tablas
Formularios
Marcos
Estructuras y layout
Otras etiquetas

UNIDAD DIDÁCTICA 9. HOJAS DE ESTILO CSS

Hojas de estilo
Historia de CSS
Añadir estilos
Soporte de CSS en navegadores
Especificación oficial
Funcionamiento básico de CSS
¿Cómo incluir CSS en la web?
Medios CSS
Comentarios
Sintaxis de la definición
Modelo de cajas
Margen, relleno, bordes y modelo de cajas
Posicionamiento y visualización
Posicionamiento
Visualización

UNIDAD DIDÁCTICA 10. JAVASCRIPT

Introducción a JavaScript
Fundamentos de programación
Objetos y Arrays en JavaScript
Los objetos location e history
El objeto document
El objeto form
Modelo de Objetos del Documento (DOM)
Manipulación del DOM
Buenas prácticas

UNIDAD DIDÁCTICA 11. BACKEND CON PHP Y MYSQL

Entorno de trabajo PHP
Descargar e instalar XAMPP
¿Cómo funcionan las páginas PHP?
Las etiquetas PHP
Arrays
Estructuras de repetición
Estructuras de decisión
Combinar estructuras
El bucle foreach
Funciones
Programación orientada a objetos
MySQL
Tipos de tablas en MySQL
Crear bases de datos y tablas
SQL
Acceder a la base de datos

UNIDAD DIDÁCTICA 12. FRAMEWORKS Y ENTORNOS WEB

Angular
Symfony
Node.js
React

Metodología

Entre el material entregado en este curso se adjunta un documento llamado Guía del Alumno dónde aparece un horario de tutorías telefónicas y una dirección de e-mail dónde podrá enviar sus consultas, dudas y ejercicios. La metodología a seguir es ir avanzando a lo largo del itinerario de aprendizaje online, que cuenta con una serie de temas y ejercicios. Para su evaluación, el alumno/a deberá completar todos los ejercicios propuestos en el curso. La titulación será remitida al alumno/a por correo una vez se haya comprobado que ha completado el itinerario de aprendizaje satisfactoriamente.

Para qué te prepara

Este Curso en Diseño y Desarrollo Web te prepara para diseñar interfaces de usuario efectivas, optimizar la usabilidad de los sitios web y crear experiencias de usuario atractivas. Aprenderás a utilizar las principales herramientas y técnicas de diseño UX/UI, así como los lenguajes de programación HTML, CSS y JavaScript. Además, conocerás el backend utilizando PHP y MySQL, y los frameworks y entornos web más relevantes.

A quién va dirigido

Oportunidades profesionales

Una vez completado este Curso en Diseño y Desarrollo Web, podrás trabajar como diseñador web, desarrollador front-end, especialista en usabilidad y experiencia de usuario, o incluso iniciar tu propio negocio como freelance. Además, podrás trabajar en agencias de diseño, empresas de desarrollo de software, departamentos de marketing digital y otras compañías.