Intégration d’une maquette en site web :
- Partir d’une maquette graphique pour transformer une page web en HTML CSS.
- Implémenter une interface responsive.
- Uiliser un système de gestion de version pour le suivie du projet et son hébergement.
site web permettant aux usagers de trouver des hébergements et des activités dans la ville de leur choix.
Pour ce projet, aucune installation n'est nécessaire.
- La maquette pour les résolutions ordinateur et téléphone nous est donné.
- Toutes les images présentes sur le site sont aussi livrés en format sm, md, l & xl.
- Les icones proviennent de Font Awesome.
- Les couleurs de la charte sont le bleu
#0065FC, et sa version plus claire#DEEBFFainsi que le gris pour le fond#F2F2F2.
Réaliser un prototype
- Le site devra être responsive. Choix des Breakpoints et des adaptations libre.
- Les usagers pourront rechercher des hébergements dans la ville de leur choix. Le champ de recherche est donc un champ de saisie, dont le texte peut être édité par l’usager. En revanche, à ce stade, le bouton de recherche ne sera pas fonctionnel.
- Chaque carte d’hébergement ou d’activité devra être cliquable dans son intégralité. Pour l’instant les liens seront vides.
- Les filtres ne seront pas fonctionnels pour cette version, en revanche, il faut qu’ils changent d’apparence au survol. Je te laisse décider de l’effet le plus approprié.
- Dans le menu, les liens “Hébergements” et “Activités” sont des ancres qui doivent mener aux sections de la page.
- Ne pas utiliser de Framwork/Pré-compilateur CSS. Réalisaiton au Format Scratch.
L'IDE que j'ai utilisé est Visual Studio Code.
✔️ Ce projet a été validé par le jury d'OpenClassrooms le vendredi 23 octobre 2020.