Curso Completo de HTML y CSS

Aprende a construir sitios web responsivos y modernos con HTML y CSS. Domina técnicas avanzadas como Flexbox y Grid, y utiliza SASS Inscríbete Hoy

Lo que aprenderás

En este curso aprenderás a crear sitios web responsivos desde cero utilizando HTML5, CSS3, Flexbox, CSS Grid y el preprocesador SASS. Dominarás las bases del desarrollo web a través de lecciones claras y proyectos prácticos, donde construirás páginas reales y tu propio portafolio profesional. Al finalizar, tendrás las habilidades necesarias para desarrollar sitios modernos, funcionales y totalmente personalizados.

  • 👨‍💻 Construye diferentes proyectos, que consisten en sitios web, blog, mini proyectos y un portafolio.

  • 🚀 Aprende cómo publicar tu sitio web en un hosting ligado con un dominio, y también la publicación en servidores gratuitos.

  • 💪 Utiliza variables CSS, aplica el uso de flexbox y grid, y sumérgete en el uso de SASS para tu sitio.

Perfil de Estudiantes
¿A quiénes va dirigido este curso?

  • Estudiantes universitarios

    Ideal para quienes están iniciando en el desarrollo web y quieren complementar sus estudios con habilidades prácticas para proyectos, portafolios y futuras oportunidades laborales.

  • Profesionales laborando

    Pensado para profesionales que buscan mejorar sus habilidades digitales, crear mejores interfaces o ampliar su perfil técnico para destacar en su trabajo actual.

  • Quienes buscan cambiar de carrera

    Perfecto para quienes desean cambiar de carrera y entrar al mundo del desarrollo web desde cero, adquiriendo habilidades sólidas y aplicables desde el primer día.

Temario

    1. Bienvenid@

      PRUEBA GRATIS

    2. ¿Cómo Funciona Una Página Web?

    3. Qué es HTML y CSS

    4. Prepara tu Computadora

    1. Introducción del Módulo

    2. Crear un Archivo HTML

    3. Estructura Básica de HTML

    4. Configuración de Live Server

    5. Meta Tags

    6. Cabeceras y Párrafos

    7. Enlaces e Imágenes

    8. Listas y Tablas

    9. Formas y Entradas

    10. Block e Inline

    11. Div, Span, Class y ID

    12. Entidades HTML

    13. Etiquetas Semánticas de HTML 5 y Reto

    1. Introducción del Módulo

    2. Implementando CSS

    3. Selectores Básicos de CSS

    4. Introducción a Dev Tools de Google Chrome

    5. Tipografías (Fonts) en CSS

    6. Color

    7. Background y Borders

    8. Box Model, Margin y Padding

    9. Float y Aligment

    10. Estilo de Enlace y Butón

    11. Estilo de Menu

    12. Display: Inline, Block e Inline-Block

    13. Regla Important

    14. Posicionamiento CSS

    15. Ejercicio CSS

    1. Introducción del Proyecto

    2. Maquetación del Sitio

    3. Inicio y Footer

    4. Página Acerca De

    5. Página de Contacto

    1. ¿Qué es Diseño Responsivo?

    2. Media Queries

    3. Unidades em y rem

    4. Unidades vh y vw

    5. Hacer Sitio Responsivo - Mayo

    1. ¿Qué es Flex Box?

    2. Lo Básico de Flex

    3. Propiedades de Flex

    4. Alignment y Justify en Flex

About this course

  • 115 lecciones
  • 19.5 horas de contenido en video
  •  $215 dlls

Proyectos del Curso

Sitio Corporativo Mayo

Sitio web para una empresa. Construiremos el sitio como se hacía antes sin el uso de flex o grid y entender conceptos básicos.
 

Sitio Promocional Hawaii

Sitio web vacacional promocional, donde aplicaremos los conceptos básicos de flexbox y más.
 

Proyecto Hamburguer Menu

Constuiremos un menu tipo hamburguer solamente usando CSS. Con superposición para la lista del menu.
 

Proyecto Dropdown Menu

Construiremos un menu desplegable solamente usando CSS. Con un estilo glass para el menu.
 

Sitio Tech Blog

Proyecto que pondrá en práctica CSS Grid, con la creación de un diseño bidimensional usando diferentes propiedades.
 

Portafolio

Construiremos este sitio con cuarto diferentes páginas aplicando el uso de HTML y CSS, incluyendo flexbox y SASS.
 

Aprenderás

 

HTML5

HTML (HyperText Markup Language) es un lenguaje de maquetación que se utiliza para estructurar y presentar contenido en páginas web o aplicaciones móviles para los navegadores web que las visitan. Actualmente en su quinta versión 		 

CSS3

CSS (Cascading Style Sheets) es un lenguaje de estilos que se utiliza para especificar la parte visual de una página web como el diseño, colores, tipografía, y más. Actualmente en su tercera versión.                 		 

Diseño Responsivo

Es un enfoque de diseño que aborda la variedad de tamaños de dispositivos, permitiendo la adaptación automática a la pantalla, ya sea que el contenido de la página web sea vista en un smartphone, tablet o ipad.
 

Git

Es un sistema de control de versiones que rastrea los cambios en el código fuente durante el desarrollo de una página web, facilitando la colaboración entre desarrolladores y permitiendo la gestión de código. 		 

Flexbox y Grid

Son modelos de diseño CSS que proporcionan una forma más eficiente de organizar los elementos dentro de un contenedor en la página web. Flex en una dimensión (fila o columna) y Grid en dos dimensiones (fila y columna). 		 

SASS

SASS (Syntactically Awesome Style Sheets) es un pre-procesador de CSS que te permite usar funciones como variables, estilos anidados, mixins, importaciones, herencia, funciones integradas y más.


Instructor
Conoce a tu instructora

Hola, soy Irina, graduada del ITESO en Guadalajara, México en Ingeniería en Sistemas Computacionales. Llevo años enseñando las bases que realmente necesitas para construir sitios web profesionales, claros y bien estructurados. Me apasiona explicar de forma simple lo que suele parecer complicado, y ayudarte a avanzar paso a paso hasta que domines cada concepto. ¡Con muchas ganas de empezar! Visita mi Portafolio ->

Invierte en tu Educación

Adquiera las habilidades que necesita para crear sitios web responsivos del mundo real.

  • PRECIO REGULAR

    $215 Dlls

    • Pago único
    • Acceso de por vida al curso
    • Videos de alta calidad y audio
    • Proyectos prácticos para tu portafolio
    • Recursos y archivos descargables
    • Soporte para dudas dentro de la plataforma
    • Actualizaciones futuras incluidas
    Adquiere Curso

Preguntas Frecuentes

Si tienes otra pregunta, no dudes en contactarme.

  • ¿Para quién es este curso?

    Address common questions ahead of time to save yourself an email. Este curso está dirigido a principiantes que quieren aprender a construir sitios web responsivos con el uso de HTML5, CSS3, así como el uso de Flexbox, CSS Grid y el pre-procesador SASS. Este curso puede ayudarte si:

    • No tienes conocimientos previos de desarrollo web y quieres aprender lo más básico para hacer páginas web
    • Eres autodidacta pero necesitas una guía puntual para desarrollar tus habilidades básicas de HTML y CSS
    • Conoces CSS pero te cuesta ponerlo en práctica para crear proyectos del mundo real
    • Eres desarrollador back-end y quieres mejorar en el front-end
  • ¿Existe un certificado de finalización?

    No por el momento, estoy trabajando en ello.

  • Si no me gusta el curso ¿puedo obtener un reembolso?

    ¡Sí! Si no te gusta el curso, puedes obtener un reembolso dentro de los 15 días posteriores a la compra, contáctame llenando este formulario.

  • Aún tengo dudas sobre el curso

    Por favor contáctame y te responderé lo antes posible.