Exercice : Intégrer une maquette en utilisant Bootstrap

photo exercise maquette bootstrap davoyages photo exercise maquette bootstrap davoyages

Enoncé de l’exercice « Intégrer une maquette en HTML et CSS » :

Vous trouverez un document PSD et vous utiliserez Photoshop pour travailler les visuels et en extraire les images. Mais vous êtes libre d’utiliser le logiciel de votre choix pour mesurer la largeur, la hauteur et l’espacement des éléments de votre visuel. À partir de cette maquette, créez une structure de base en HTML et utilisez la grille Bootstrap pour organiser les éléments en colonnes. Notez bien que vous devez utiliser Bootstrap !

Ajoutez du CSS si besoin pour personnaliser l’apparence et aller au-delà de ce que vous permet Bootstrap. Vous pouvez changer les couleurs, les polices (utilisez une police web !), le dimensionnement, et plus encore. Essayez de vous rapprocher le plus possible de la maquette, même si nous comprendrons si la ressemblance n’est pas parfaite.

Vous devez donc partir d’un (ou plusieurs) documents au format PSD pour arriver à une page web finale.

J’ai choisi la maquette « travelly » de Monsieur Elliott Davidson, elle se trouve à l’adresse : https://despreneur.com/travelly-free-travel-website-psd-template/

Voici le site :

http://davoyages.tuyetrinhvt.fr/

1 thought on “Exercice : Intégrer une maquette en utilisant Bootstrap

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *