Lección 12: Refuerzo | Curso de Maquetación Web

Lección 12: Refuerzo

Dispones de todo el conocimiento que deseaba transmitirte durante el curso, ahora toca adquirir experiencia propia con casos reales. El momento de equivocarte, desesperarte y aprender de tus errores. Por ello, he listado una serie de ejercicios de refuerzo donde deberás utilizar todo lo que hemos practicado.

El objetivo de todos los restos es implementar cada diseño dentro de tus posibilidades, sin ignorar sus versiones de smartphones y escritorio.

La curva de dificultad esta bien ajustada, no hagas trampas y ¡síguelos en orden!

1: Clean Blog

Previa

Realiza este micro sitio web que costa de las siguientes páginas:

  • Home: Inicio.
  • About: Sobre mí.
  • Posts: Listado de artículos.
  • Single: Un artículo.
  • Contact: Formulario de contacto.

Descarga aquí los diseños.

2: Ex-machina

Construye la siguente web usando Flex.

Previa

Descarga aquí el diseño.

3: Big Blue Button

Construye la siguente web usando Flex.

Previa

Descarga aquí el diseño.

4: Loom

Construye la siguente web usando Grid.

Previa

Descarga aquí el diseño.

5: Restaurante

Construye la siguente web usando Grid.

Previa

Descarga aquí el diseño.

Esta obra está bajo una Licencia Creative Commons Atribución-NoComercial-SinDerivadas 4.0 Internacional.

Atribución/Reconocimiento-NoComercial-SinDerivados 4.0 Internacional

¿Me ayudas?

Comprame un café
Pulsa sobre la imagen

No te sientas obligado a realizar una donación, pero cada aportación mantiene el sitio en activo logrando que continúe existiendo y sea accesible para otras personas. Además me motiva a crear nuevo contenido.

Comentarios

{{ comments.length }} comentarios

Nuevo comentario

Nueva replica  {{ formatEllipsisAuthor(replyComment.author) }}

Acepto la política de Protección de Datos.

Escribe el primer comentario