Botón para abrir el Menú Botón para cerrar el Menú
Logo da empresa Alura
Iniciar Sesión Nuestros Planes
Formaciones Conoce a Luri
  • Programación _
  • Front End _
  • Data Science _
  • DevOps _
  • Innovación y Gestión _

formación

Formación Desde cero: HTML y CSS para proyectos Web

Desarróllate como un Dev en T en Front-end

Esta formación forma parte de nuestros cursos de Front End
33h

Para conclusión

5
Cursos
6
Artículos

Ver el vídeo

Vea nuestra presentación de formación

¡Crea sitios web increíbles con HTML y CSS!

En esta formación para principiantes en Front-end, aprenderás:

  • Herramientas de desarrollo de diseños (ej: Figma) y publicación (ej: Github)
  • Estructurar una página web con etiquetas HTML
  • Comprender cómo HTML y CSS trabajan juntos
  • Descubrir cómo organizar el contenido con archivos HTML
  • Organizar una página con CSS Flexbox
  • Crear encabezados, pies de página y aplicar estilos con CSS
  • Hacer que tu sitio sea responsivo para diferentes tamaños de pantalla

¡Transforma tu pasión por el diseño en habilidades prácticas y desarrolla páginas completas para la web!

Haz clic aquí y accede al Tech Guide para seguir tu evolución e inscríbete en la formación para planificar tu ruta de estudios con acceso directo desde el Dashboard.

En caso de dudas, accede al Foro o interactúa con la comunidad en Discord.

¿Vamos a empezar?

  • ¡Crea sitios web increíbles con HTML y CSS!
  • Instructores
  • Paso a paso
  • 1. Aprende HTML, CSS y buenas prácticas de desarrollo
  • 2. Organiza tu página y hazla responsiva para diferentes pantallas
  • 3. Mejora tu HTML con IA

¿Por qué estudiar esta formación?

  • Guía de aprendizaje

    Contenido diseñado para facilitar tu estudio

  • De básico a avanzado

    Formación completa para el mercado

  • Tu en el mercado

    De cero al trabajo soñado en su área de interés

¡Comience esta capacitación ahora mismo y prepárese para su próximo proyecto!

Conoce los planes

Profesores especializados en Front End

De quién aprenderás

  • Barbara.santos

    Barbara es licenciada en Letras por USP y empezó a hacer su transición de carrera para el area de desarollo en 2020. Trabajó como desarrolladora front-end en consultoria y hoy actúa como instructora front-end en Alura Latam.

  • Barbara.santos

    Barbara es licenciada en Letras por USP y empezó a hacer su transición de carrera para el area de desarollo en 2020. Trabajó como desarrolladora front-end en consultoria y hoy actúa como instructora front-end en Alura Latam.

Paso a paso

  1. 1 Aprende HTML, CSS y buenas prácticas de desarrollo

    Un sitio profesional necesita HTML y CSS bien estructurados. Aprende la importancia del código semántico, cómo potenciar la información con CSS y seguir buenas prácticas de desarrollo.

    • Curso HTML y CSS: ambientes de desarrollo, estructura de archivos y tags

      06h
    • Faça esse curso e:
      • Aprende a descargar e instalar un entorno para el desarrollo de páginas HTML y CSS
      • Aprende cómo estudiar una nueva tecnología basándote en la documentación
      • Crea un proyecto desde cero con HTML y CSS
      • Practica estilizaciones con CSS
      • Comprende la importancia del HTML semántico y las buenas prácticas de desarrollo

      Mais detalhesdo curso HTML y CSS: ambientes de desarrollo, estructura de archivos y tags

    • Artigo ¿Qué es HTML y sus tags? Estructura básica

    • Curso HTML y CSS: Clases, Posicionamiento y Flexbox

      06h
    • Faça esse curso e:
      • Aprende qué son las clases CSS y su importancia
      • Conoce Flexbox y aplica técnicas para posicionar tus elementos de forma práctica
      • Aprende a estilizar tus textos, fuentes e iconos
      • Entiende cómo posicionar los elementos de una página con CSS
      • Descubre cómo aplicar efectos de estilización cambiando colores, redondeos e importando fuentes para tu proyecto

      Mais detalhesdo curso HTML y CSS: Clases, Posicionamiento y Flexbox

  2. 2 Organiza tu página y hazla responsiva para diferentes pantallas

    En este segundo paso, aprenderás a organizar una página crear encabezados, pies de página y aplicar variables en CSS. Y finalmente, hacer que tu sitio sea responsivo para diferentes tamaños de pantalla.

    • Curso HTML y CSS: header, footer y variables CSS

      06h
    • Faça esse curso e:
      • Comprende el día a día de un desarrollador Front-end de manera práctica
      • Aprende cómo crear código HTML y CSS siguiendo buenas prácticas de programación
      • Trabaja con más de una página HTML en el mismo proyecto
      • Conoce las pseudo-clases con ejemplos reales y prácticos

      Mais detalhesdo curso HTML y CSS: header, footer y variables CSS

    • Curso HTML y CSS: trabajando con responsividad y publicación de proyectos

      06h
    • Faça esse curso e:
      • Aprende cómo hacer tu sitio web responsivo para diferentes pantallas
      • Descubre qué es y cómo usar la Media Query en tus proyectos
      • Crea una cuenta en GitHub para almacenar tu código en la nube
      • Entiende la diferencia entre medidas absolutas y relativas
      • Publica tu proyecto finalizado en la web y muéstralo a todo el mundo

      Mais detalhesdo curso HTML y CSS: trabajando con responsividad y publicación de proyectos

    • Artigo Paso a Paso para activar tu proyecto en GitHub Pages.

    • Artigo Creando un repositorio remoto en GitHub

  3. 3 Mejora tu HTML con IA

    Aprenda a mejorar la estructura semántica de tu HTML utilizando Inteligencia Artificial.

    • Artigo HTML: ¿qué es?, su importancia en la Web y una guía para principiantes | Alura Cursos Online

    • Artigo CSS: ¿qué es, cómo utilizarlo en el HTML y un guion para principiantes? | Alura Cursos Online

    • Curso IA generativa en Front-End: trabajando con semántica y HTML

      06h
    • Faça esse curso e:
      • Analiza HTML y etiquetas semánticas junto a tu IA Generativa favorita
      • Entiende la diferencia entre semántica y sintaxis
      • Haz la refactorización efectiva de elementos como banners con la ayuda de la IA
      • Utiliza la herramienta Lighthouse para mejorar tu código
      • Evalúa y critica implementaciones de HTML semántico en diversos escenarios, proponiendo soluciones optimizadas con la ayuda de la IA Generativa
      • Evoluciona proyectos desde cero que integren perfectamente las técnicas avanzadas de semántica y las capacidades de la IA

      Mais detalhesdo curso IA generativa en Front-End: trabajando con semántica y HTML

    • Artigo La semántica en HTML5

Cursos de

Front End

Además de esto, la categoría Front End cuenta con cursos en HTML y CSS, JavaScript, React,e mais...

Precios en:
USD
  • USD
  • BOB
  • CLP
  • COP
  • USD
  • PEN
  • MXN
  • UYU
  • USD
  • GTQ
  • CRC
  • DOP

Semestral

  • 344 cursos

    Cursos de Programación, Front-End, Data Science, DevOps y Innovación y Gestión.

  • Acceso a TODOS los cursos por 6 meses
  • Videos y actividades 100% en Español
  • Certificado de participación
  • Estudia las 24 horas, los 7 días de la semana
  • Foro y comunidad exclusiva para resolver tus dudas
  • Luri, la inteligencia artificial de Alura

    Luri es nuestra inteligencia artificial que resuelve dudas, da ejemplos prácticos y ayuda a profundizar aún más durante las clases. Puedes conversar con Luri hasta 100 mensajes por semana

  • Acceso a todo el contenido de la plataforma por 6 meses
US$ 72.50
un solo pago de US$ 72.50
¡QUIERO EMPEZAR A ESTUDIAR!

Anual

  • 344 cursos

    Cursos de Programación, Front-End, Data Science, DevOps y Innovación y Gestión.

  • Acceso a TODOS los cursos por 1 año
  • Videos y actividades 100% en Español
  • Certificado de participación
  • Estudia las 24 horas, los 7 días de la semana
  • Foro y comunidad exclusiva para resolver tus dudas
  • Luri, la inteligencia artificial de Alura

    Luri es nuestra inteligencia artificial que resuelve dudas, da ejemplos prácticos y ayuda a profundizar aún más durante las clases. Puedes conversar con Luri hasta 100 mensajes por semana

  • Acceso a todo el contenido de la plataforma por 12 meses
US$ 109.90
un solo pago de US$ 109.90
¡QUIERO EMPEZAR A ESTUDIAR!

Puedes realizar el pago de tus planes en moneda local en los siguientes países:

País
Plan Semestral
534.65 BOB
73120.23 CLP
323389.15 COP
72.50 USD
281.00 PEN
1516.41 MXN
3211.56 UYU
72.50 USD
583.03 GTQ
38552.61 CRC
4443.28 DOP
Plan Anual
810.45 BOB
110840.19 CLP
490213.34 COP
109.90 USD
425.96 PEN
2298.66 MXN
4868.28 UYU
109.90 USD
883.80 GTQ
58440.44 CRC
6735.40 DOP
*valores aproximados calculados en función a la tasa de cambio

Acceso a todos
los cursos

Estudia las 24 horas,
dónde y cuándo quieras

Nuevos cursos
cada semana

Navegación

  • Planes
  • Instructores
  • Blog
  • Política de privacidad
  • Términos de uso
  • Sobre nosotros
  • Preguntas frecuentes

¡CONTÁCTANOS!

  • ¡Quiero entrar en contacto!

Blog

  • Programación
  • Data Science
  • Front End
  • Innovación y Gestión
  • DevOps

AOVS Sistemas de Informática S.A CNPJ 05.555.382/0001-33

SÍGUENOS EN NUESTRAS REDES SOCIALES

YouTube Facebook Instagram Linkedin Whatsapp Spotify

NOVEDADES Y LANZAMIENTOS

Aliados

  • Programa de aceleração Scale-Up Endeavor
  • En Alura somos unas de las Scale-Ups seleccionadas por Endeavor, programa de aceleración de las empresas que más crecen en el país.
  • Growth Academy 2021 do Google For Startups
  • Fuimos unas de las 7 startups seleccionadas por Google For Startups en participar del programa Growth Academy en 2021
Alura

Powered by

Caelum

AOVS Sistemas de Informática S.A CNPJ 05.555.382/0001-33

SÍGUENOS EN NUESTRAS REDES SOCIALES

YouTube Facebook Instagram Linkedin Whatsapp Spotify

Cursos

Cursos de Programación
Lógica de Programación | Java
Cursos de Front End
HTML y CSS | JavaScript | React
Cursos de Data Science
Data Science | Machine Learning | Excel | Base de Datos | Data Visualization | Estadística
Cursos de DevOps
Docker | Linux
Cursos de Innovación y Gestión
Transformación Ágil | Marketing Analytics

Alura

  • Educação em Tecnologia

    • logo fiap FIAP
    • logo casa do codigo Casa do Código
    • logo pm3 PM3 - Cursos de Produto
  • Mais Alura

    • logo alura start START BY Alura
    • logo alura lingua Alura Língua
    • logo alura para empresas Alura Para Empresas
    • logo alura latam Alura LATAM
  • Comunidade

    • logo tech guide Tech Guide
    • logo 7 days of code 7 days of code
    • logo Hipsters ponto Jobs Hipsters ponto Jobs
  • Podcasts

    • logo Hipster Network Hipster Network
    • logo Hipsters ponto Tech Hipsters ponto Tech
    • logo Dev sem fronteiras Dev sem Fronteiras
    • logo Like a Boss Like a Boss
    • logo IA Sob Controle IA Sob Controle
    • logo Mesa de Produto Mesa de Produto
    • logo Decode Decode
    • logo FIAPCast FIAPCast