OpenWebinars
Frontend

Curso de Diseño de plantillas web

Aprende a diseñar y crear maquetas web para beneficiarte de todas las ventajas que ofrecen, realizando este curso de diseño de plantillas web.


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.450 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:Nadia Prida

Nadia Prida

EXPERTA EN WORDPRESS

Contenido del Curso

5 Secciones · 20 Lecciones · 2 h. y 20 min. en total

Introducción

27 min.

Maquetación Flexbox

28 min.

Maquetas y el uso de Frameworks

49 min.

Maquetas y el uso de preprocesadores

18 min.

Maqueta de diseño responsive

17 min.

Habilidades que obtendrás

  • Aprenderás a crear maquetas web a partir de un diseño.
  • A crear una estructura para tu maqueta web.
  • Variedad de herramientas y recursos gráficos.
  • La maquetación aplicada a esta maqueta en Flexbox.
  • Eventos JS necesarios para el desarrollo de la maqueta.
  • Dar estilos a tu maqueta utilizando variables y creando una pequeña base de framework con clases principales.

Requisitos mínimos

Para la realización del curso son necesarios conocimientos básicos de programas de diseño de interfaces usuario. Tener un nivel intermedio de HTML, CSS Y JS para el desarrollo de dicha maqueta. Conocer Flexbox, propiedad de CSS que nos ayudará al diseño.

Completa tu formación con estos contenidos

Icono de la tecnología
Curso

Dominando Vue

Intermedio
5 h. y 5 min.

Este curso es una inmersión en Vue 3 y todo lo que nos ofrece la última versión del...

Laura González Martin
4.4
Icono de la tecnología
Curso

Vue en la práctica

Intermedio
3 h. y 20 min.

Este curso es un estudio práctico de Vue 3 a través del desarrollo de una aplicación de lista...

Laura González Martin
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.

Expertos 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.450 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.

Expertos 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.450 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
135 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.450 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
135 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 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.

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í.

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

En este curso de diseño de plantillas web aprenderás a desarrollar maquetas web, con las que obtener interesantes beneficios, además de implementar Flexbox en las mismas, añadirles frameworks de maquetación y aplicar estilos CSS a estas maquetas.

Los requisitos necesarios para poder seguir y completar este curso de plantillas web de una forma adecuada son tener conocimientos medios de programas de diseño, conocimientos avanzados de HTML y CSS, conocimientos básicos de Flexbox y también sobre el uso de Frameworks.

Si no cumples algunos de estos requisitos, puedes realizar algunos de nuestros cursos sobre esos temas, como el curso de HTML5 y CSS3, el curso de Flexbox y CSS Grid, el curso de Bootstrap 4: componentes y el curso de Bootstrap 4: maquetación responsive y layout, todos incluidos en tu suscripción.

Para comenzar encontrarás una completa introducción, en la que puedes conocer o refrescar conceptos fundamentales, como qué es un mockup, qué son los modelos de layouts y los elementos de bloque o qué es una maqueta, cómo se estructuran sus elementos y cómo obtener recursos para ellas.

Finalizada este primer bloque introductorio podrás pasar a la primera parte del curso, en la que se aprenderás todo lo relacionado con la maquetación de las plantillas web utilizando Flexbox, ya que se verá de forma práctica sus características y opciones más importantes.

Seguidamente pasarías al segmento sobre maquetas y el uso de frameworks en las mismas, un segmento en el que se desarrollará, también de forma eminentemente práctica la utilización de un framework como Bootstrap para desarrollar nuestras plantillas.

El siguiente paso que se expondrá dentro del desarrollo de las plantillas o maquetas web, será el del empleo de preprocesadores CSS dentro de las mismas.

Aquí te hablaremos sobre las ventajas que ofrecen estas herramientas, te mostraremos los preprocesadores más conocidos y utilizados, y finalmente cómo se implementan las variables en los mismos y cómo utilizarlas posteriormente.

Para concluir el curso te enseñaremos a implementar el diseño responsivo a tus maquetas web, como último paso dentro del desarrollo de las mismas.

De esta forma concluye esta formación, con la que aprenderás a diseñar y crear maquetas web, un curso que te permitirá dar un paso más en tus conocimientos como desarrollador frontend y aprovechar todas las ventajas que ofrecen las mismas.

Este curso es un curso muy práctico, ya que inicialmente se explican los conceptos de una forma teórica, pero la mayor parte de las clases están enfocadas en aplicar esa teoría, de forma que resulte mucho más visual y sencillo al alumno comprender los procesos explicados.