RobinCharles_2_09052021

Projet 2 du parcours développeur web chez OpenClassrooms. L'objectif est d'intégrer la maquette d'un site de planification de vacance nommé "Reservia" (voir l'image un peu plus bas).

Lien vers la page web du projet

https://robinperso.github.io/RobinCharles_2_09052021/

Éléments fournis par l'entreprise virtuelle

• La maquette pour les résolutions ordinateur et iPhone 8 nous est donné.
• Toutes les images présentes sur le site sont aussi livrés en format sm, md, l & xl.
• Les icônes proviennent de Font Awesome
• Les couleurs sont : bleu #0065FC - bleu clair #DEEBFF - gris #F2F2F2
• La police est Raleway

Cahier des charges

• L'intégration doit se faire en HTML5 & CSS3, sans framework
• Le champ de recherche doit être un champ de saisie, dont le texte peut être édité. La fonctionnalité de recherche ne doit pas être implémentée pour autant.
• Chaque carte d’hébergement ou d’activité doit être cliquable dans son intégralité. Pour l’instant, les liens seront vides.
• Les filtres, bien que non fonctionnels, doivent changer de style au survol.
• Dans le menu, les liens “Hébergements” et “Activités” sont des ancres qui doivent mener aux sections de la page.
• Même si aucune maquette pour la résolution tablette n'est fournie, l'intégration doit la prendre en charge.
• Les images doivent être de taille adéquate afin qu'elle soit le plus jolie possible.
• Le code devra utiliser les balises sémantiques.
• Le code HTML et CSS ne doit contenir aucune erreur ni alerte au validateur W3C HTML et validateur W3C CSS
• Le site doit être compatible avec les dernières versions de Chrome et Firefox.
• Le HTML et le CSS, et les autres éléments, doivent être organisés en dossiers séparés.
• Le code doit être versionné avec git et doit avoir un repo distant sur Github ou Gitlab

Autres éléments à respecter

• Il faut penser à indenter le code.
• Il faut commenter si nécessaire.
• Il faut choisir des messages clairs pour les commit.
• Il faut respecter la maquette à la lettre

Notes

L'intégration est faite avec l'éditeur Visual Studio Code.

Les extensions utilisées :

• HTML CSS Support (CSS Intellicence for HTML : extension VS Code par défaut),
• Live server (serveur web local),
• Prietter - Code formatter,
• W3C validation ("The extension to enable W3C validation support by the Nu Html Checker library").
• HTMLHint (A Static Code Analysis Tool for HTML)