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:
-
- 1m
-
¿Qué es un Mockup?2m
-
Modelos de Layouts y elementos de bloque2m
-
¿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 Flexbox6m
-
-
-
¿Qué es un framework?4m
- 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 preprocesadores7m
-
Variables y programación CSS10m
-
-
-
Añade diseño responsive a tu maqueta (Parte I)5m
-
Añade diseño responsive a tu maqueta (Parte II)11m
-
Te dejamos una selección de cursos, carreras y artículos
Dominando Vue: De los fundamentos a la gestión de estado global
Este curso es una inmersión en Vue 3 y todo lo que nos ofrece la última versión del popular framework de JavaScript para la construcción …
Vue en la práctica: Desarrollo de una aplicación de lista de compras
Este curso es un estudio práctico de Vue 3 a través del desarrollo de una aplicación de lista de compras. Los participantes trabajarán en cada …
Dudas frecuentes
¿Cuál es el precio?
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í.
¿Cuándo comienza la formació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.
¿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.
