Imagen del curso gratis Cómo hacer sitios web usando HTML y CSS

Curso en línea gratuitoCómo hacer sitios web usando HTML y CSS

Duración del curso en línea: 4 horas y 0 minutos

4.86

estrellaestrellaestrellaestrellaestrella

(7)

Aprende a crear sitios web profesionales desde cero con HTML y CSS en este curso práctico. Cubre desde fundamentos hasta técnicas avanzadas y diseño responsive.

En este curso gratuito, aprenda sobre

  • Introducción al desarrollo web, HTML y herramientas
  • Fundamentos de HTML
  • Fundamentos de CSS
  • Proyecto: Tabla de precios con HTML y CSS
  • Flexbox en profundidad y proyecto final responsive

Descripción del curso

El curso "Cómo hacer sitios web usando HTML y CSS" es una excelente opción para aquellos que desean iniciarse en el mundo del desarrollo web. Con una duración de 4 horas, este curso aborda de manera práctica y desde cero los fundamentos esenciales de HTML y CSS, dos lenguajes de marcado y estilo fundamentales en la creación de sitios web.

En una escala de 1 a 5 estrellas, el curso ha recibido una calificación promedio de 4.67, lo que refleja la alta calidad del contenido y la satisfacción de los estudiantes. Perteneciente a la categoría de Informática (TI) y específicamente a la subcategoría de Desarrollo web, este curso ha sido diseñado para proporcionar una comprensión sólida y práctica de los conceptos necesarios para construir sitios web funcionales y estéticamente atractivos.

El curso se inicia explorando los fundamentos de HTML5, incluyendo el uso de Visual Studio Code para el desarrollo web. Los participantes aprenderán a estructurar documentos HTML, utilizando etiquetas básicas como encabezados, párrafos, listas y atributos. Además, se cubren aspectos importantes de la semántica en HTML5 para asegurar una buena organización del contenido.

Posteriormente, el curso introduce CSS, la hoja de estilos en cascada utilizada para dar forma y estilo a las páginas web. Los alumnos descubrirán cómo aplicar estilos básicos, trabajar con colores, márgenes, padding y se adentrarán en conceptos más avanzados como Flexbox, una herramienta crucial para diseñar interfaces web adaptables y flexibles.

A lo largo del curso, se desarrollarán proyectos prácticos que permiten aplicar los conocimientos adquiridos en situaciones reales. Uno de los proyectos emblemáticos es la creación de una tabla de precios utilizando HTML y CSS, donde los estudiantes aprenderán a centrar contenido, aplicar estilos a columnas, agregar sombras y asegurar que la tabla sea responsive.

El curso también aborda el diseño y estilización de menús de navegación, empleando técnicas de Flexbox para garantizar su adaptabilidad en diferentes dispositivos. Además, se exploran aspectos de implementación de botones y la incorporación de JavaScript para añadir interactividad básica a los sitios web.

Para quienes buscan llevar el diseño web al siguiente nivel, el curso incluye un proyecto completo donde se utiliza Flexbox para maquetar un sitio web responsivo. Este proyecto abarca desde configuraciones iniciales, integración de fuentes de Google Fonts y Font Awesome, hasta la adición de imágenes de fondo y estilos finales para un diseño pulido y profesional.

En resumen, "Cómo hacer sitios web usando HTML y CSS" es un curso integral y enfocado en la práctica, ideal para principiantes que buscan una guía clara y efectiva en su camino hacia el desarrollo web. Con su combinación de teoría esencial y proyectos prácticos, los estudiantes adquirirán las habilidades necesarias para crear sitios web modernos y responsivos.

Contenido del curso

  • Lección en vídeo: HTML y CSS curso práctico desde cero [Tutorial Español] 08m
  • Ejercicio: _¿Cuál es la diferencia entre el desarrollo front-end y back-end en el desarrollo web?
  • Lección en vídeo: HTML5 y Visual Studio Code - Curso Desarrollo Web 13m
  • Ejercicio: ¿Cuál es la utilidad principal de las etiquetas "style" en HTML al desarrollar una página web?
  • Lección en vídeo: #3 CSS Introducción para principiantes - Curso 2018 desde cero 04m
  • Ejercicio: _¿Cuál es la extensión de los documentos que contienen estilos en CSS?
  • Lección en vídeo: #4 Fundamentos de HTML 2018 - Encabezados o títulos - Curso HTML5 y CSS3 07m
  • Ejercicio: ¿Cuál es la estructura básica para definir un encabezado en HTML?
  • Lección en vídeo: #5 Fundamentos de HTML 2018 - Párrafos y formatos - Curso HTML5 y CSS3 05m
  • Ejercicio: _¿Qué etiqueta se utiliza para poner un texto en negritas en HTML?
  • Lección en vídeo: #6 Fundamentos de HTML 2018 - Atributos - Curso HTML5 y CSS3 03m
  • Ejercicio: ¿Cuál es el propósito del atributo 'alt' en una etiqueta de imagen (img) en HTML?
  • Lección en vídeo: Comentarios en HTML y listas Curso HTML5 y CSS3 2018 04m
  • Ejercicio: _¿Cuál es la diferencia entre una lista desordenada y una ordenada en HTML?
  • Lección en vídeo: #8 Semántica o estructura HTML5 - Curso 2018 03m
  • Ejercicio: ¿Cuál es el propósito principal de las nuevas etiquetas semánticas introducidas en HTML5?
  • Lección en vídeo: #9 CSS desde cero principiantes - Selector, propiedades y valores 06m
  • Ejercicio: _¿Cuáles son las tres formas en las que se pueden agregar estilos CSS a una página web?
  • Lección en vídeo: #10 CSS desde cero principiantes - Aplicar estilos 04m
  • Ejercicio: ¿Cuál es una ventaja de usar clases en CSS sobre identificadores?
  • Lección en vídeo: #11 CSS desde cero principiantes - Colores 03m
  • Ejercicio: _¿Cómo se pueden utilizar colores en CSS?
  • Lección en vídeo: #12 CSS desde cero principiantes - Margenes y Padding 05m
  • Ejercicio: ¿Cuál es la diferencia principal entre 'margen' y 'padding' en CSS?
  • Lección en vídeo: #13 Flexbox CSS3 Español 2018 06m
  • Ejercicio: _¿Qué etiqueta de HTML5 se utiliza para crear secciones en las que se agrupan párrafos para hacer columnas con CSS?
  • Lección en vídeo: #15 Fundamentos de CSS 2018 - Elementos de bloque y de línea - Curso HTML5 y CSS3 02m
  • Ejercicio: ¿Cómo se puede transformar un elemento de bloque en un elemento de línea en CSS?
  • Lección en vídeo: Menú HTML y CSS - #16 Barra de navegación Responsive 04m
  • Ejercicio: _¿Qué etiqueta se utiliza para encerrar el menú de navegación en HTML?
  • Lección en vídeo: #14 Fundamentos de CSS 2018 - Pseudoclases Hover y Active - Curso HTML5 y CSS3 04m
  • Ejercicio: ¿Qué son las pseudo clases en CSS y cómo influyen en el diseño de botones al interactuar con el mouse?
  • Lección en vídeo: Menú HTML y CSS #17 Flexbox (NAVBAR 2018) 03m
  • Ejercicio: _¿Qué propiedad de flexbox se utiliza para posicionar las cajas horizontalmente en diferentes formatos?
  • Lección en vídeo: Menú HTML y CSS - #18 Adaptabilidad 05m
  • Ejercicio: ¿Cuál es el propósito de los media queries en CSS?
  • Lección en vídeo: Menú HTML y CSS - #19 Agregar botón 04m
  • Ejercicio: _¿Qué se debe agregar en el HTML para crear el botón que muestra los ítems del menú en pantallas pequeñas?
  • Lección en vídeo: Menú HTML y CSS - #20 Javascript 10m
  • Ejercicio: ¿Cuál es el propósito de utilizar JavaScript en un sitio web?
  • Lección en vídeo: #21 Crear tabla de precios con HTML y CSS - Introducción 03m
  • Ejercicio: _¿Qué etiqueta de HTML se utiliza para encerrar todo el contenido de una columna en la tabla de precios?
  • Lección en vídeo: #22 Crear tabla de precios con HTML y CSS - Centrando contenido 02m
  • Lección en vídeo: 23 CSS letras bonitas - Google Fonts 03m
  • Ejercicio: _¿Cuál es la página recomendada para encontrar tipografías gratuitas en Google?
  • Lección en vídeo: #24 Crear tabla de precios con HTML y CSS - Columnas con Flexbox 02m
  • Lección en vídeo: #25 Crear tabla de precios con HTML y CSS - Estilos para las columnas 02m
  • Ejercicio: _¿Qué color de fondo se le asignó a las columnas en la tabla de precios?
  • Lección en vídeo: #26 Crear tabla de precios con HTML y CSS - Sombras 03m
  • Lección en vídeo: #27 Crear tabla de precios con HTML y CSS - Botón 03m
  • Ejercicio: _¿Qué propiedad se utiliza para transformar un elemento de línea en un elemento de bloque y que ocupe el 100% del ancho disponible?
  • Lección en vídeo: #28 Crear tabla de precios con HTML y CSS - Tabla responsive 07m
  • Lección en vídeo: CSS Flexbox Español #1 10m
  • Ejercicio: _¿Cuál es la propiedad que se utiliza para posicionar elementos en un sitio web utilizando Flexbox?
  • Lección en vídeo: CSS Flexbox Español #2 05m
  • Lección en vídeo: #1 Proyecto Web con Flexbox (Html5 y Css3) - Maquetando el sitio y configuraciones Responsives 28m
  • Ejercicio: _¿Por qué se utiliza la tecnología de Flexbox en la creación de sitios web?
  • Lección en vídeo: #2 Creando Web con Flexbox (Html5 y Css3) - Font Awesome y Google Fonts 06m
  • Lección en vídeo: #3 Creando Web con Flexbox (Html5 y Css3) - Agregar Imagen de fondo con Css 04m
  • Lección en vídeo: #4 Creando Web con Flexbox (Html5 y Css3) - Menú con Logo 11m
  • Lección en vídeo: #5 Creando Web con Flexbox (Html5 y Css3) - Agregando contenido Html 05m
  • Lección en vídeo: #6 Creando Web con Flexbox (Html5 y Css3) - Agregando los estilos Css finales 16m
  • Lección en vídeo: #7 Creando Web con Flexbox (Html5 y Css3) - Últimas modificaciones Responsives 07m
  • Ejercicio: _¿Cuál es el primer máximo de píxeles que se establece en la sección de media query para ajustar el contenido en la página web construida con flex box?

Este curso gratuito incluye:

4 horas y 0 minutos de curso de vídeo online

Certificado digital de finalización del curso (Gratis)

Ejercicios para entrenar tus conocimientos

100% gratis, desde el contenido hasta el certificado

¿Listo para empezar?Descarga la app y empieza hoy mismo.

Instale la aplicación

ahora para acceder al curso
Icono que representa cursos de tecnología y negocios

Más de 5000 cursos gratuitos

¡Programación, inglés, marketing digital y mucho más! Aprende lo que quieras, gratis

Icono de calendario con una diana que representa la planificación de estudios

Plan de estudios con IA

La Inteligencia Artificial de nuestra app puede crear un horario de estudio para el curso que elijas

Icono profesional que representa carrera y negocios

De cero al éxito profesional

Mejora tu currículum con nuestro certificado gratuito y luego usa nuestra Inteligencia Artificial para encontrar el trabajo de tus sueños

También puedes utilizar el código QR o los enlaces que aparecen a continuación.

Código QR - Descargar Cursa - Cursos Online

Comentarios del curso: Cómo hacer sitios web usando HTML y CSS

Luis Elias Vigil Tomailla

Muy bueno pero se puede mejorar o actualizar ya que me costo en ciertos puntos y no tenia forma de resolverlos.

Más cursos gratuitos en Desarrollo web

¡Descarga la App ahora para tener acceso a + 3300 cursos, ejercicios, certificados y mucho contenido gratis sin pagar nada!

  • Cursos online 100% gratuitos de principio a fin

    Miles de cursos online en vídeo, ebooks y audiolibros.

  • Más de 48 mil ejercicios gratuitos

    Para poner a prueba tus conocimientos durante los cursos en línea

  • Certificado Digital gratuito válido con Código QR

    Generado directamente desde la galería de fotos de tu celular y enviado a tu correo electrónico

Aplicación Cursa en la pantalla del libro electrónico, la pantalla del curso en video y la pantalla de ejercicios del curso, además del certificado de finalización del curso.

+ 9 millones
estudiantes

Certificado gratuito y
válido con código QR

60 mil ejercicios
gratis

Calificación de 4.8/5
en tiendas de aplicaciones

Cursos gratuitos de
vídeo y audiolibros