Imagen del curso gratis HTML y CSS para la creación de WebSites

Curso en línea gratuitoHTML y CSS para la creación de WebSites

Duración del curso en línea: 3 horas y 17 minutos

5

estrellaestrellaestrellaestrellaestrella

(2)

Crea webs desde cero y mejora tu perfil: aprende HTML y CSS con un curso online gratis, práctico y orientado a diseño responsive, formularios y animaciones.

En este curso gratuito, aprenda sobre

  • Flujo de trabajo inicial para crear una web con HTML5 y CSS3 en Dreamweaver
  • Estructura básica de una página HTML5 y vinculación de hojas de estilo CSS
  • Uso de selectores CSS básicos (elemento, clase, id, descendente) para dar estilos
  • Aplicación de plantillas en Dreamweaver para reutilizar cabeceras, menús y pies
  • Optimización y organización del CSS: limpieza, reutilización y buenas prácticas
  • Priorizar contenido vs. diseño: jerarquía visual y maquetación centrada en el contenido
  • Creación de una página de contacto: formularios, etiquetas, campos y validación básica
  • Elección del método POST para enviar datos sensibles en formularios (vs. GET)
  • Reordenación visual con Flexbox usando la propiedad order sin cambiar el HTML
  • Añadir transiciones y animaciones CSS3 para mejorar la interacción de la interfaz
  • Diseño responsive con media queries para adaptar la web a distintas resoluciones

Descripción del curso

Da tus primeros pasos en el desarrollo web y aprende a construir sitios atractivos, claros y funcionales con HTML y CSS. Este curso online gratuito está pensado para quienes quieren crear páginas desde cero y entender cómo se estructura una web moderna, cómo se aplica el estilo de forma eficiente y cómo se consigue un resultado adaptable a diferentes dispositivos.

A lo largo del recorrido trabajarás con buenas prácticas de maquetación y diseño, aprendiendo a organizar el contenido para que sea legible, mantenible y fácil de evolucionar. Verás cómo tomar decisiones de estilo con criterio, cómo reutilizar reglas para evitar código repetido y cómo optimizar hojas de estilo para que el sitio sea más consistente y rápido de ajustar.

El curso se centra en una evolución paso a paso de un proyecto: desde la estructura base y la aplicación de estilos, hasta la creación de secciones habituales en cualquier web profesional, como una página de contacto. También se profundiza en el uso de selectores CSS para ganar precisión, mejorar la jerarquía visual y facilitar el mantenimiento cuando el proyecto crece.

Además, desarrollarás una mirada práctica sobre maquetación moderna con Flexbox, entendiendo cómo distribuir elementos en un contenedor, alinear contenidos y reordenarlos visualmente sin tocar el marcado. Esto te permitirá diseñar interfaces más flexibles y adaptadas a necesidades reales, tanto para páginas informativas como para layouts más complejos.

Para completar un enfoque actual, aprenderás a preparar tu sitio para diferentes resoluciones mediante técnicas responsive con media queries. Así podrás ajustar tipografías, espacios, distribución de columnas y navegación para que la experiencia sea sólida en móvil, tablet y escritorio.

El curso también incluye la mejora visual con transiciones y animaciones en CSS3, un recurso clave para aportar feedback, suavizar cambios de estado y añadir microinteracciones sin depender de librerías externas. Por último, se refuerzan conceptos relacionados con formularios y el envío de datos, ayudándote a tomar decisiones correctas al crear interacciones habituales en sitios web.

Al finalizar, contarás con una base sólida para seguir creciendo en desarrollo web: habrás practicado con un flujo de trabajo realista, reforzado habilidades útiles para proyectos personales o profesionales y adquirido fundamentos que te servirán para avanzar hacia temas como accesibilidad, componentes, preprocesadores o frameworks.

Contenido del curso

  • Lección en vídeo: ???? Tutorial Primeros pasos creación web con HTML5 y CSS3 Dreamweaver Ilustrator CIPSA Lara Acebes

    21m

  • Lección en vídeo: ???? Tutorial Selectores básicos CSS crear Web HTML5 con Dreamweaver CIPSA ESCUELA Lara Acebes

    26m

  • Lección en vídeo: ???? Tutorial Plantillas Web HTML5 con Dreamweaver CIPSA ESCUELA Lara Acebes

    23m

  • Lección en vídeo: ????Desarrollo web paso a paso con HTML5 y CSS3: Optimizar la CSS Profesora Lara Acebes Bilbao

    20m

  • Ejercicio: ¿Qué propiedad de Flexbox permite reordenar visualmente elementos dentro de un contenedor sin modificar el HTML?

  • Lección en vídeo: ????El contenido por delante del diseño web HTML5 CSS3. Profesora Lara Acebes Cursos

    11m

  • Lección en vídeo: ????Crear la página de contacto diseño web HTML5 CSS3. Profesora Lara Acebes Cursos

    23m

  • Ejercicio: ¿Cuál es el método adecuado en un formulario para enviar datos sensibles como el correo electrónico del usuario?

  • Lección en vídeo: ???? Añadir al proyecto transiciones y animaciones CSS3, diseño web . Profesora Lara Acebes CIPSA

    25m

  • Lección en vídeo: ????Adaptar el diseño a otras resoluciones con media queries CSS3, diseño web y App movil Lara Acebes

    45m

Este curso gratuito incluye:

3 horas y 17 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: HTML y CSS para la creación de WebSites

KD

KEINER DAVID ARIAS MORALES

estrellaestrellaestrellaestrellaestrella

excelente curso

Más cursos gratuitos en Desarrollo web

¡Libro electrónico y audiolibros gratis! ¡Aprende escuchando o leyendo!

¡Descarga la App ahora para tener acceso a + 5000 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 60 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.