Conocimientos y habilidades que adquieres realizando este curso

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

Temario

Introducción 27m

  • Presentación (vista previa)

    1m

  • ¿Qué es un Mockup?

    2m

  • Modelos de Layouts y elementos de bloque

    2m

  • ¿Qué es una maqueta y cómo se estructuran sus elementos?

    5m

  • Maquetas y obtención de recursos (Parte I)

    5m

  • Maquetas y obtención de recursos (Parte II)

    9m

  • Maquetación con Flexbox y características (Parte I)

    8m

  • Maquetación con Flexbox y características (Parte II)

    6m

  • Maquetación con Flexbox y características (Parte III)

    7m

  • Resumen de propiedades de Flexbox

    6m

  • ¿Qué es un framework?

    4m

  • ¿Cómo añadir un framework? (vista previa)

    3m

  • Ejemplos de uso de framework (Parte I)

    11m

  • Ejemplos de uso de framework (Parte II)

    8m

  • Ejemplos de uso de framework (Parte III)

    12m

  • Ejemplos de uso de framework (Parte IV)

    9m

  • Ventajas de usar preprocesadores

    7m

  • Variables y programación CSS

    10m

  • Añade diseño responsive a tu maqueta (Parte I)

    5m

  • Añade diseño responsive a tu maqueta (Parte II)

    11m

Relacionado

Te dejamos una selección de cursos, carreras y artículos

Preguntas Frecuentes

En OpenWebinars no vendemos cursos, talleres o laboratorios unitarios.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todos los cursos de la plataforma y a los nuevos 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 OpenWebinars los cursos 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 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.

Descripción

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.

* Requisitos del Curso

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.

Estas son algunas de las empresas que ya confían en OpenWebinars

Profesores y profesionales

Nuestros docentes son profesionales que trabajan día a día en la materia que imparten

Conviértete en profesor de OpenWebinars