Crea sitios web responsivos con HTML5 y CSS3 - eLearning
450,00 EUR
- 20 hours
Construye una base sólida en el desarrollo web moderno con HTML5 y CSS3, las tecnologías fundamentales detrás de cada sitio web en internet. Este curso está diseñado para ayudarte a crear páginas web atractivas, responsivas y fáciles de usar desde cero. Comenzarás con los conceptos básicos de la estructura HTML y avanzarás gradualmente hacia técnicas de estilizado avanzadas con CSS3, incluyendo Flexbox, Grid, animaciones y principios de diseño responsivo. A través de práctica guiada y proyectos reales, aprenderás a diseñar y construir sitios web de calidad profesional que funcionen a la perfección en todo tipo de dispositivos.
Características clave
Idioma
Curso y material en inglés
Nivel
Nivel principiante-intermedio
Acceso
1 año de acceso a la plataforma de aprendizaje
Más de 7 horas de videos a demanda
con más de 20 horas de estudio recomendadas
34 ejercicios prácticos guiados
8 evaluaciones calificadas automáticamente
3 tareas
con 60 cuestionarios de repaso
Certificación
Certificación de finalización del programa incluida
Resultados de aprendizaje
Al final de este curso, serás capaz de:
Tipos
Comprender los diferentes tipos de elementos de entrada HTML y cómo utilizarlos para crear formularios web interactivos
Validar
Aprende a validar entradas de formularios usando HTML para mejorar la precisión de los datos y la experiencia del usuario
Etiquetas
Estructura el contenido web de forma eficaz utilizando etiquetas HTML semánticas para mejorar la legibilidad y la accesibilidad
CSS
Aplica estilos CSS de forma en cascada para controlar cómo se priorizan y se muestran las reglas en toda una página web
Seudónimo
Usa pseudoelementos de CSS para mejorar el diseño y añadir efectos de estilo sin necesidad de marcar HTML adicional
Flexbox
Trabaja con Flexbox para crear diseños flexibles y responsivos y gestionar de forma eficiente la alineación y el espaciado de los elementos
Cronograma del curso
Introducción al desarrollo web
Lección 01
- Qué es HTML
- Qué es CSS
- Configuración del entorno
- ¡Hola Mundo!
- Uso de VS Code con recarga en vivo
- Uso de Emmet y herramientas en línea
- Uso de las herramientas de desarrollador de Chrome
Introducción a HTML
Lección 02
- Elementos y etiquetas HTML
- Etiquetas singulares y emparejadas
- Estructura de una página HTML
- Etiquetas de encabezado y párrafo
- Atributos en HTML
- Imágenes
- Enlaces: internos y externos
- Listas
- Tablas
- El atributo style
- Colores en HTML
- Etiquetas semánticas de HTML5
- Etiquetas de audio y video en HTML5
- Etiquetas y atributos básicos de HTML
- Etiqueta de imagen y atributos
- Enlaces: internos y externos
- Listas: ordenadas y desordenadas
- Tablas en HTML
- El atributo style
- Colores en HTML
- Elementos semánticos de HTML5
- Elementos de audio y video en HTML
Formularios e inputs
Lección 03
- La etiqueta form
- Uso de la etiqueta Label
- Etiqueta de entrada HTML
- Select y TextArea
- Botones
- Lista de datos
- Creación de un formulario de contacto
- Elemento de formulario simple
- Etiquetas y campos de entrada
- Etiquetas y atributos básicos de HTML
- Selectores y opciones
- Campos de correo electrónico, contraseña y botones
- Listas de datos en HTML
Introducción a CSS
Lección 04
- Uso de la etiqueta Style
- Segmentación de elementos HTML
- Apuntar a elementos HTML anidados
- Uso de hojas de estilo externas
- Sobrescribir estilos CSS
- Propiedades CSS comunes
- Unidades CSS
- El modelo de caja de CSS
- Más propiedades de CSS
- Pseudoclases de CSS
- Uso del elemento Style
- Cómo seleccionar elementos HTML en CSS
- Apuntar a elementos HTML anidados
- Uso de hojas de estilo externas
- Estilos mediante hojas de estilo externas
CSS avanzado
Lección 05
- Posicionamiento en CSS: estático, relativo y absoluto
- Posicionamiento en CSS: fixed y sticky
- Pseudo-elementos CSS ::before y ::after
- Variables CSS
- Fuentes personalizadas en CSS
- Importar hojas de estilo externas
Transiciones y animaciones
Lección 06
- Qué son las transiciones CSS
- Transiciones básicas y propiedades de CSS
- Animaciones y propiedades CSS
- Definir fotogramas clave
Diseño web adaptable
Lección 07
- Consultas de medios
- Qué es CSS Flexbox
- Creación de filas y columnas
- Más propiedades de Flexbox
- Qué es el diseño de cuadrícula CSS
- Filas y columnas en la cuadrícula
- Asignación de celdas
- Áreas de plantilla de cuadrícula
- Crear una galería de imágenes adaptable
- Consultas de medios
- Propiedades de Flexbox en CSS
- Propiedades avanzadas de Flexbox
- CSS Grid
- Propiedades de CSS Grid
- Áreas de cuadrícula en CSS Grid
¿Quién debería inscribirse en este programa?
Requisitos previos
No se requiere experiencia previa en programación. Se necesita interés en el diseño y desarrollo web.
Desarrolladores web aspirantes
Principiantes en desarrollo front-end
Diseñadores UI/UX que quieren programar sus diseños
Cualquiera que esté interesado en crear sitios web desde cero
Declaraciones
Licencias y acreditación
Este curso se ofrece de acuerdo con el Acuerdo del Programa de Socios y cumple con los requisitos del Acuerdo de Licencia
Política de equidad
Se anima a los candidatos a ponerse en contacto con AVC para recibir orientación y apoyo durante todo el proceso de adaptación.
Preguntas frecuentes
¿Necesita soluciones corporativas o integración LMS?
¿No encontraste el curso o programa que encajaría para tu empresa? ¿Necesitas integración con un LMS? ¡Escríbenos! ¡Resolveremos todo!