Información
Este curso ofrece una formación completa en diseño y programación web, cubriendo desde los fundamentos del diseño hasta las técnicas más avanzadas en HTML, CSS, y JavaScript. Aprende a diseñar y programar páginas web profesionales que respondan a las necesidades actuales del mercado digital.
Para qué te prepara
Formándote con este curso adquirirás habilidades para:
- Manejar y analizar grandes volúmenes de datos con enfoque en marketing.
- Implementar estrategias de marketing digital basadas en análisis de datos.
- Utilizar herramientas de business intelligence y CRM para optimizar tus proyectos.
Objetivos
- Entender los principios básicos del diseño web.
- Dominar HTML para crear la estructura de las páginas web.
- Utilizar CSS para el diseño visual y el layout.
- Implementar funcionalidades interactivas con JavaScript.
A quién va dirigido
Este curso está dirigido especialmente a:
- Estudiantes y recién graduados interesados en el desarrollo web.
- Profesionales de IT que deseen ampliar sus habilidades en diseño y programación web.
- Creativos y diseñadores que quieran profundizar en la creación de páginas web dinámicas.
Contenido del curso
UNIDAD DIDÁCTICA 1. 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 2. HTML: ESTRUCTURA DE UN DOCUMENTO
- Introducción
- Versión HTML
- HTML
- Head
- Body
UNIDAD DIDÁCTICA 3. HTML: ELEMENTOS
- Textos en HTML
- Enlaces
- Listas en HTML
- Imágenes y objetos
- Tablas
- Formularios
- Marcos
- Estructuras y layout
- Otras etiquetas
UNIDAD DIDÁCTICA 4. HTML: CONTENIDO AUDIOVISUAL
UNIDAD DIDÁCTICA 5. INTRODUCCIÓN A CSS
- Introducción a 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
UNIDAD DIDÁCTICA 6. CSS: SELECTORES, UNIDADES DE MEDIDA Y COLORES
- Selectores CSS
- Unidades de medida
- Colores
UNIDAD DIDÁCTICA 7. CSS: MODELOS DE CAJA, POSICIONAMIENTO Y VISUALIZACIÓN
- Modelo de cajas
- Propiedades de las cajas
- Margen, relleno, bordes y modelo de cajas
- Posicionamiento y visualización
- Posicionamiento
- Visualización
UNIDAD DIDÁCTICA 8. CSS: FLEXBOX
- En qué cosiste Flexbox
- 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
UNIDAD DIDÁCTICA 9. CSS: HOJAS DE ESTILOS
- Crear y vincular hojas de estilos
- Estructura
- Propiedades CSS
- Selectores
- Posición y tamaño
- Texto
- Imágenes
- Listas, tablas, formularios
UNIDAD DIDÁCTICA 10. RESPONSIVE DESIGN
- 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
UNIDAD DIDÁCTICA 11. 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 12. FRAMEWORKS Y ENTORNOS WEB
- Angular
- Symfony
- Node.js
- React

Salidas profesionales
Al finalizar el curso estarás capacitado para desempeñarte en roles como:
- Diseñador web: Creando sitios web visualmente atractivos.
- Desarrollador frontend: Implementando la lógica y el diseño de las páginas.
- Freelance en diseño y desarrollo web: Ofreciendo tus servicios de forma independiente.
Nuestra metodología

Contenidos actualizados
por especialistas
del sector

Plataforma de aprendizaje avanzada con inteligencia artificial integrada

Aprendizaje experiencial mediante participación activa del estudiante

Flexibilidad y
adaptabilidad del proceso formativo

Enfoque interdisciplinario

Flexibilidad y
adaptabilidad del proceso formativo
