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

La metodología y plataforma de formación que se adapta al tamaño y ritmo de tu empresa.

Cuéntanos tu caso

Curso impartido por

Avatar:Nadia Prida

Nadia Prida

EXPERTA EN WORDPRESS

Contenido de la formación

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.

Valoración de nuestros alumnos

4
231 valoraciones
  • 5
  • 4
  • 3
  • 2
  • 1
No.
Celia Molina Leal
Muy buen vídeo explica de todo un poco
Rafael Muñoz Ortega

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.6
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.4

Preguntas frecuentes

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

Cuéntanos tu caso

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

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.