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.
Impartido por:
Lo que aprenderás en 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.
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.
Valoraciones de estudiantes:
Contenido del curso:
-
- 1 m
-
¿Qué es un Mockup?2 m
-
Modelos de Layouts y elementos de bloque2 m
-
¿Qué es una maqueta y cómo se estructuran sus elementos?5 m
-
Maquetas y obtención de recursos (Parte I)5 m
-
Maquetas y obtención de recursos (Parte II)9 m
-
-
Maquetación con Flexbox y características (Parte I)8 m
-
Maquetación con Flexbox y características (Parte II)6 m
-
Maquetación con Flexbox y características (Parte III)7 m
-
Resumen de propiedades de Flexbox6 m
-
-
-
¿Qué es un framework?4 m
- 3 m
-
Ejemplos de uso de framework (Parte I)11 m
-
Ejemplos de uso de framework (Parte II)8 m
-
Ejemplos de uso de framework (Parte III)12 m
-
Ejemplos de uso de framework (Parte IV)9 m
-
-
-
Ventajas de usar preprocesadores7 m
-
Variables y programación CSS10 m
-
-
-
Añade diseño responsive a tu maqueta (Parte I)5 m
-
Añade diseño responsive a tu maqueta (Parte II)11 m
-
Te dejamos una selección de cursos, carreras y artículos
Desarrollo web Frontend Profesional
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.
Dudas frecuentes
¿Cuál es el precio?
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í.
¿Cuándo comienza el curso?
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.
¿Obtengo un diploma de certificació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 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.
