Udemybeginneres

Aprende HTML y CSS: Domina las habilidades esenciales

Learn HTML5 & CSS3: Build responsive, semantic web layouts with flexbox & grid. Master accessibility & modern menu design. Practical skills!

4.2(7)
68students
21h 33m
Certificate
Disco Duro de Roer
Disco Duro de RoerDesarrollador, youtuber, streamer y profesor particular.

Course Content

Aprende HTML y CSS: Domina las habilidades esenciales is a beginner-level Udemy course taught by Disco Duro de Roer. It runs 21h 33m, is taught in Spanish, and includes a certificate of completion. Learners rate it 4.2 out of 5 from 7 reviews, with 68 students enrolled. It is a paid course, first published February 2023.

Aprende a Programar Web: HTML y CSS para Principiantes

Embárcate en el emocionante mundo del desarrollo web con esta completa guía para principiantes. Dominar HTML y CSS es el primer paso esencial para crear sitios web y aplicaciones atractivas y funcionales.

HTML: La Estructura de tu Página Web

HTML5 es la base de cualquier página web. Aprenderás a utilizar las etiquetas HTML5 más recientes, diseñadas para crear contenido más semántico, lo que mejora el posicionamiento en buscadores como Google y Bing.

  • Texto: Aprende a estructurar y formatear el texto en tus páginas web utilizando las etiquetas HTML adecuadas.
  • Enlaces: Crea enlaces internos y externos para conectar diferentes páginas y recursos.
  • Listas: Organiza la información de manera clara y estructurada con listas ordenadas y no ordenadas.
  • Imágenes: Incorpora imágenes de alta calidad para enriquecer visualmente tus páginas.
  • Tablas: Crea tablas para organizar y presentar datos de forma estructurada.
  • Formularios: Diseña formularios interactivos para recopilar información de los usuarios.
  • Atributos Globales: Comprende y utiliza los atributos globales de HTML.
  • Contenedores: Aprende a utilizar etiquetas de contenedor para agrupar y organizar elementos.
  • Frames: Utiliza frames para insertar contenido de otras páginas web.
  • HTML Semántico: Descubre qué es el HTML semántico y cómo implementarlo para mejorar la accesibilidad y el SEO.
  • Schemas: Aprende a utilizar schemas para proporcionar información estructurada a los motores de búsqueda.
  • Etiquetas HTML5 Exclusivas: Explora las etiquetas HTML5 más importantes y cómo utilizarlas.
  • Favicon: Crea y coloca un favicon personalizado para tu sitio web.
  • Mapa de Imágenes: Implementa un mapa de imágenes para optimizar el rendimiento de tus páginas.
  • Accesibilidad: Diseña páginas web accesibles para personas con discapacidades, siguiendo las pautas de accesibilidad web.

CSS: El Estilo de tu Página Web

CSS3 te permite controlar la apariencia visual de tu sitio web, desde colores y fuentes hasta diseño y disposición de los elementos.

  • Selectores: Aprende a seleccionar elementos específicos para aplicarles estilos.
  • Pseudo-clases: Utiliza pseudo-clases para aplicar estilos basados en el estado de un elemento.
  • Pseudoelementos: Añade estilos a partes específicas de un elemento sin modificar el HTML.
  • Prioridad: Comprende cómo funciona la cascada de estilos en CSS.
  • Colores: Aprende a representar colores de diversas maneras.
  • Unidades de Medida: Utiliza unidades absolutas y relativas para controlar el tamaño y la posición de los elementos.
  • Backgrounds: Aplica fondos a tus elementos.
  • Margin y Padding: Controla el espacio alrededor de los elementos.
  • Bordes: Añade bordes a tus elementos.
  • Texto y Fuentes: Formatea el texto y utiliza fuentes personalizadas.
  • Display: Controla cómo se muestran los elementos.
  • Anchura y Altura: Define el tamaño de los elementos.
  • Posicionamientos: Posiciona los elementos de diferentes maneras (static, relative, absolute, fixed, sticky).
  • Flotación: Utiliza la flotación para organizar el diseño de la página.
  • Sombras: Añade sombras a tus elementos.
  • Listas: Mejora el estilo de las listas con CSS.
  • Miscelánea: Aprende propiedades CSS útiles para tareas específicas.
  • Homogeneización de Estilos: Aplica estilos consistentes en todo el sitio web.
  • Media Query: Crea diseños responsive que se adapten a diferentes dispositivos.
  • Flexbox: Aprende a utilizar el sistema Flexbox para crear diseños flexibles y adaptables.
  • Grid: Utiliza el sistema Grid para crear diseños complejos y estructurados.
  • Iconos: Incorpora iconos a tus páginas web.
  • Menús: Diseña menús horizontales y verticales.
  • Transform: Aplica transformaciones a los elementos.

Este curso incluye tareas prácticas para ayudarte a aplicar lo aprendido y mejorar tus

$ whoami — the devs behind tutorialsearch.io

Need a web app built? Hire the team behind TutorialSearch.io

We ship fast, production-grade full-stack apps (Next.js, React, edge infra) — the same stack that powers this site.

5.0(2)
59m
beginner
5.0(8)
7h 32m
all

¡Aprende a hablar inglés!

by María Soledad Berdazaiz

5.0(14)
2h 2m
beginner
5.0(26)
1h 11m
beginner
5.0(14)
3h 39m
all
5.0(17)
3h 2m
intermediate