OpenWebinars
Frontend
HTML y CSS

Curso de maquetación web con CSS

Aprende maquetación Web con CSS para que mediante el uso de hojas estilos puedas definir claramente la estructura de todos los elementos de tu Web como un profesional.

4.5(604 valoraciones)

Icono de la tecnología

No solo ofrecemos cursos; facilitamos un camino hacia la excelencia tecnológica para empresas que aspiran a liderar el cambio.

  • Relación continua de asesoramiento con especialistas.
  • Dashboards intuitivos y un LMS que se integra sin fisuras.
  • Formación práctica con líderes del sector.
  • Itinerarios que se adaptan a tus metas empresariales.
  • Acceso 24/7 a 1.450 cursos especializados y actualizados.

Para profesionales que necesitan mejorar sus habilidades y acelerar su carrera profesional.

  • Acceso 24/7 a 1.050 cursos tecnológicos y digitales para que siempre estés al día.
  • Certificados para agregar valor a tu CV.
  • Tutores y profesores con experiencia real.
  • Rutas de aprendizaje para avanzar más rápido.
  • Test de aptitudes para medir tu progreso.
Comenzar Prueba Gratis

Disfruta de 15 días de acceso total sin coste y sin compromiso.

Curso impartido por

Avatar:Juan Diego Pérez Jiménez

Juan Diego Pérez Jiménez

Experto en desarrollo Web

Contenido del Curso

2 Secciones · 17 Lecciones · 2 h. y 9 min. en total

Introducción

13 min.

Maquetación tradicional con CSS

1 h. y 56 min.

Habilidades que obtendrás

  • Aprenderás a crear de manera clara y eficaz la estructura de tu Web colocando los elementos donde tú deseas.
  • Conocerás el funcionamiento a nivel de maquetación de los distintos tipos de etiquetas.
  • Comprenderás cómo funciona el flujo de una Web
  • Aprenderás cómo el flujo de elementos Web se adapta a los distintos tamaño de pantallas y navegadores.
  • Crearás la maquetación de una página web compleja.

Requisitos mínimos

Para poder realizar este curso con soltura debes de tener una base sólida de HTML y de CSS, si quieres obtenerlos tienes disponible el curso de HTML5 y CSS3 desde cero, ideal para introducirte en el desarrollo Web.

Valoración de nuestros alumnos

4.5
604 valoraciones
  • 5
  • 4
  • 3
  • 2
  • 1
Muy práctico para comenzar
Cesar Lopez Marquina
La web no funciona bien en el ipad.
Enrique González Ortiz

Completa tu formación con estos contenidos

Cambios entre CSS y CSS3
Blog

Cambios entre CSS y CSS3

Te contamos la evolución que ha tenido CSS desde sus inicios hasta la versión versión actual, para que puedas asimilar correctamente los cambios...

Juan Diego Pérez Jiménez
Icono de la tecnología
Curso

HTML5 y CSS3

Intermedio
4 h. y 21 min.

Aprende desde cero a crear páginas Webs con este curso de HTML5 y CSS3. Crea paso a paso...

Juan Diego Pérez Jiménez
4.5

FORMACIÓN EMPRESARIAL

Descubre cómo OpenWebinars puede ser el socio estratégico en el desarrollo profesional de tu equipo

Más de 300.000 profesionales de distintas industrias han encontrado en nuestra metodología y contenidos la clave para su transformación digital. Únete a líderes del sector que ya han elevado la formación de sus equipos con nosotros.

CetelemLogo
TelefonicaLogo
VassLogo
AccentureLogo
IbermaticaLogo
MapfreLogo
OpenWebinars

/ business

La formación que tu equipo merece, los resultados que tu empresa necesita

Asesoría Personalizada

Una relación continua de asesoramiento con especialistas dedicados a maximizar el impacto formativo en tu equipo.

Herramientas Avanzadas

Dashboards intuitivos y un LMS que se integra sin fisuras con tu infraestructura actual a través de SSO.

Itinerarios Personalizados

Diseñamos un mapa de las rutas formativas de tus equipos que se alinea con los objetivos estratégicos y operativos de tu empresa.

Especialistas de la Industria

Los profesores de OpenWebinars son líderes en sus campos, brindando conocimientos prácticos que transforman la teoría en habilidades aplicables.

Formación On-Demand

Accede a un catálogo de contenidos que evoluciona al ritmo de la tecnología, disponible 24/7, para que nunca dejes de avanzar.

Desarrollo Profesional Continuo

Más de 1.450 cursos especializados y actualizados, diseñados para mantener a tu empresa a la delantera de la innovación tecnológica.

Experimenta cómo nuestra metodología ya ha potenciado a más de 300.000 profesionales en diversas industrias.
Conviértete en el experto que el mercado tecnológico busca

Amplia Biblioteca de Cursos

Más de 1.050 cursos especializados en tecnología y negocios digitales, disponibles 24/7 para que aprendas a tu ritmo y según tus intereses.

Dominio en Tecnologías Emergentes

Acceso a formaciones de IA, Cloud, Data, Ciberseguridad y Desarrollo, para mantenerte a la vanguardia en las áreas más innovadoras.

Certificaciones Profesionales

Completa tu formación y obtén certificados que agreguen valor a tu CV, destacando en un mercado laboral competitivo.

Especialistas de la Industria

Aprende de aquellos que no solo enseñan, sino que innovan, profesores que traen experiencias del mundo real a tu pantalla.

Rutas de Aprendizaje

Ya sea que estés empezando o buscando acelerar tu progreso, encuentra cursos alineados con tus aspiraciones y desafíos profesionales.

Evaluaciones Prácticas

Test de aptitudes y evaluaciones para seguir tu avance y enfocar tu desarrollo donde más lo necesitas.

Experimenta cómo nuestra metodología ya ha potenciado a más de 300.000 profesionales en diversas industrias. Comenzar Prueba Gratis
Elige el Plan de OpenWebinars que impulse tu transformación
La metodología, contenidos y plataforma de formación que se adapta al tamaño y ritmo de tu empresa, sea una gran Corporación, una Startup o una Empresa en crecimiento
OpenWebinars Business Soluciones escalables y personalizadas para tu empresa
Acceso 24/7 a 1.450 cursos especializados y actualizados
Automatizaciones y planificador de licencias
Itinerarios personalizados que se adaptan a tus metas empresariales
Creación de informes avanzados y personalizados
Dashboards intuitivos para gestionar la formación y analizar progresos
Customer Success dedicados a maximizar el impacto en tu equipo
Gestor de contenido propio (LMS): Total control en el contenido formativo
Personalización de la experiencia: Integración visual que refleja tu marca
Implementación de SSO: Integración perfecta con tus sistemas internos
Acceso a API: Conecta OpenWebinars con tus propias apps y flujos de trabajo
Básico Mensual

39,90€/mes

Ideal para profesionales con necesidades específicas a corto plazo o que prefieren una flexibilidad total.

Acceso 24/7 a 1.050 cursos especializados y actualizados
Formaciones de IA, Cloud, Ciberseguridad, Data y Desarrollo
Certificados para agregar valor a tu CV
Tutores y profesores con experiencia real
75 Rutas de aprendizaje para avanzar más rápido
Test de aptitudes para medir tu progreso
Suscríbete ahora
Experto Anual

225€/año

18,75€/mes (Ahorras 6 meses)

Para profesionales que buscan ahorrar en su formación continua y quieren convertirse en expertos demandados.

Acceso 24/7 a 1.050 cursos especializados y actualizados
Formaciones de IA, Cloud, Ciberseguridad, Data y Desarrollo
Certificados para agregar valor a tu CV
Tutores y profesores con experiencia real
75 Rutas de aprendizaje para avanzar más rápido
Test de aptitudes para medir tu progreso
Comenzar Prueba Gratis Disfruta de 15 días de acceso total sin coste y sin compromiso.

Preguntas frecuentes

Resuelve tus dudas o contacta con nosotros para más información.

En OpenWebinars las formaciones no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

En OpenWebinars no vendemos formaciones.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

En todos los cursos existe un examen final para evaluar tus conocimientos adquiridos. Si superas este examen con más de un 80% de preguntas correctas obtendrás el diploma de certificación. Puedes realizar un intento cada 24 horas.

Este diploma es un certificado privado emitido por OpenWebinars, y valorado en el mundo empresarial, ya que tenemos grandes compañías clientes que se forman con nosotros y valoran nuestras certificaciones.

No olvides poner tu certificación en tu perfil Linkedin y en tu currículum.

becasBannerImg
+90.000 ESTUDIANTES CADA AÑO

Becas OpenWebinars

Para Centros de FP y Universidades de España

Colaboramos con más de 750 centros de Formación Profesional en España para dotar a los estudiantes IT de los recursos necesarios para afrontar el mercado laboral con las máximas garantías.

logoBecas

¿Quieres convertirte en desarrollador web profesional? Este curso de maquetación web es fundamental para comenzar a dominar las hojas de estilo CSS y sus aplicaciones, para que seas capaz de crear todo tipo de páginas web.

Si no tienes conocimientos previos sobre cómo maquetar una página web, este curso te resultará una forma muy interesante para comenzar desde cero, ya que el desarrollo de este curso de CSS se ha planteado de una forma tanto teórica como práctica, para que adquieras los fundamentos del lenguaje CSS de una forma aplicada.

Lo primero que te proponemos, si te animas a realizar el curso, es una introducción general del curso y al profesor que lo imparte. También hemos preparado uno resumen en el que te hablaremos de qué es la maquetación web, cómo se realiza, algunos consejos previos y unos ejemplos de diferentes tipos de maquetación.

Una vez introducidos ya en la maquetación CSS, conocerás el entorno de trabajo que se utilizará para el desarrollo del mismo y las herramientas que se recomiendan utilizar para desarrollar la maquetación web, como los navegadores Chrome o Firefox, el editor Visual Studio y algunas de sus extensiones, GitHub para el control de versiones.

Tras ver todo lo anterior ya podrías entrar de lleno en el curso propiamente dicho, que se va a desarrollar en diferentes lecciones que podrás ir realizando a medida que vayas superando las anteriores y tu tiempo te lo permita.

En este bloque durante el que irás aprendiendo a maquetar una web, comenzaremos proponiendo una serie de reglas o consejos fundamentales para realizar una maquetación correcta, lo que permitirá agilizar el proceso y todo el trabajo posterior que se quiera desarrollar sobre una maquetación previa.

En la siguiente lección irás conociendo el flujo de los elementos de una web cuando se abre con un navegador, cómo va a tratar las diferentes etiquetas y marcas de la misma. Aquí recordaremos algunos conceptos muy básicos de HTML para entrar poder entender bien los temas tratados.

Seguidamente introduciremos la propiedad display, su funcionamiento, sus valores más habituales y cómo influye en la visualización de nuestra página web. Verás la aplicación de esta propiedad en los diferentes elementos de una web, primero en su parte teórica y después en su parte aplicada.

Una vez acabada esta lección puedes continuar tu formación aprendiendo qué es el layout y los diferentes tipos que existen, sobre todo centrados en los tipos fixed, elastic, fluid y con min/max sizing, que son los más básicos y fundamentales.

El siguiente concepto que va a desarrollar el profesor será el del box-sizing, un concepto realmente importante a la hora de maquetar. Verás qué significa, cómo se aplica y las diferentes posibilidades que ofrece, como siempre combinando la teoría con la práctica.

Después se trata el tema del centrado de elementos, que también resulta uno de los más importantes dentro de los que aprenderás durante este curso. Conocerás los diferentes tipos de centrados que existen, tanto horizontales como verticales, cómo aplicarlos y cómo afectan a la maquetación de la web.

Complementando lo visto anteriormente, la siguiente lección trata sobre la propiedad position, que permite posicionar elementos sin tener en cuenta el flujo normal, lo que resulta de gran importancia a la hora de hacer una maquetación de la web más precisa.

Para ayudarte a comprender mejor el funcionamiento de position, podrás ver los ejemplos visuales que el profesor realiza con la misma, y además te proponemos un ejercicio totalmente práctico para que compruebes si realmente dominas su uso. Una vez termines de hacer este ejercicio, podrás acceder a su solución para verificar si lo has hecho correctamente.

Las dos últimas lecciones del curso te permitirán conocer dos nuevos conceptos, como son las columnas y los elementos flotantes, además de las propiedades de las mismas, sus posibles usos para maquetar una web y su aplicación práctica. Además, sobre los elementos flotantes te proponemos otro ejercicio para que puedas practicar con ellos y afianzar mejor el concepto y su empleo.

Para cerrar el curso, una vez vista toda la teoría, llegarás a la propuesta de realización de un proyecto práctico. Este proyecto consiste en la maquetación completa de una página web utilizando todos los conceptos vistos previamente. Es una forma muy interesante de completar la formación y comprobar si realmente has comprendido bien la teoría y has sabido aplicarla correctamente.