Skip to content

Commit af474ba

Browse files
committed
maj finale 1.2 ajout favicon
1 parent df9a7bc commit af474ba

File tree

3 files changed

+26
-21
lines changed

3 files changed

+26
-21
lines changed

README.md

+25-21
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,56 @@
11
# Reservia
2+
23
Second projet de la formation "Développeur web" chez OpenClassroom. L'objectif de ce projet est d'intégrer une maquette en responsive HTML et CSS du site Réservia, outil de planification de vacances, de réservation d'hébergements et d'activités dans la ville de leur choix.
34

4-
## Les fonctionnalités du Site
5-
6-
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.
5+
## Les fonctionnalités du Site
6+
7+
• 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.
78

8-
Chaque carte d’hébergement ou d’activité devra être cliquable dans son intégralité. Pour l’instant les liens seront vides.
9+
• Chaque carte d’hébergement ou d’activité devra être cliquable dans son intégralité. Pour l’instant les liens seront vides.
910

10-
Les filtres ne seront pas fonctionnels pour cette version, en revanche, il faut qu’ils changent d’apparence au survol.
11+
• Les filtres ne seront pas fonctionnels pour cette version, en revanche, il faut qu’ils changent d’apparence au survol.
1112

12-
Dans le menu, les liens “Hébergements” et “Activités” sont des ancres qui doivent mener aux sections de la page.
13+
• Dans le menu, les liens “Hébergements” et “Activités” sont des ancres qui doivent mener aux sections de la page.
1314

1415
## Les contraintes techniques
1516

16-
Deux maquettes : l’une desktop et l’autre mobile. Le site devra également être adapté aux tablettes.
17+
• Deux maquettes : l’une desktop et l’autre mobile. Le site devra également être adapté aux tablettes.
1718

18-
Choisir le format le plus adapté par rapport à la résolution et au temps de chargement.
19+
• Choisir le format le plus adapté par rapport à la résolution et au temps de chargement.
1920

20-
Les icônes proviennent de la bibliothèque Font Awesome. Les couleurs de la charte sont le bleu #0065FC, et sa version plus claire #DEEBFF ainsi que le gris pour le fond #F2F2F2.
21+
• Les icônes proviennent de la bibliothèque Font Awesome. Les couleurs de la charte sont le bleu #0065FC, et sa version plus claire #DEEBFF ainsi que le gris pour le fond #F2F2F2.
2122

22-
La police du site est Raleway.
23+
• La police du site est Raleway.
2324

24-
Ne pas utiliser de framework ou pré-compilateur CSS ( utiliser du HTML et CSS)
25+
• Ne pas utiliser de framework ou pré-compilateur CSS ( utiliser du HTML et CSS)
2526

26-
Utiliser Visual Studio Code, et ses plugins Live Server ou Prettier…
27+
• Utiliser Visual Studio Code, et ses plugins Live Server ou Prettier…
2728

28-
Intégrer les icônes Font Awesome en HTML ou CSS.
29+
• Intégrer les icônes Font Awesome en HTML ou CSS.
2930

30-
Le code devra utiliser les balises sémantiques et ne doit contenir aucune erreur ni alerte au validateur W3C HTML et CSS.
31+
• Le code devra utiliser les balises sémantiques et ne doit contenir aucune erreur ni alerte au validateur W3C HTML et CSS.
3132

32-
Le site devra être compatible avec les dernières versions de Chrome et Firefox.
33+
• Le site devra être compatible avec les dernières versions de Chrome et Firefox.
3334

34-
Séparer le HTML et le CSS et organiser le dossier de rendu.
35+
• Séparer le HTML et le CSS et organiser le dossier de rendu.
3536

36-
Versionner le code avec Git puis le déployer sur la page GitHub Pages ou GitLab
37+
• Versionner le code avec Git puis le déployer sur la page GitHub Pages ou GitLab
3738

3839
## Notes sur la réalisation
3940

40-
La maquette a été délimité en différentes parties via les balises sémantiques afin de structurer la page (des notes additionnelles sont disponible aussi bien dans le HTML que dans le CSS afin de faciliter la lecture).
41+
Le site respecte bien les fonctionnalités et les contraintes techniques pour l'intégration de la maquette.
42+
43+
Afin de faciliter le code, la maquette a été délimité en différentes parties via les balises sémantiques afin de structurer la page (des notes additionnelles sont disponible aussi bien dans le HTML que dans le CSS afin de faciliter la lecture).
4144

42-
**1** Les balises de délimitations de zone dans une page :
45+
[**1)** Les balises de délimitations de zone dans la page :
4346

4447
L'entête du site avec HEADER, le menu de navigation avec NAV, le contenu principal avec MAIN, les contenu indépendants avec ARTICLES, les balises SECTION pour un découpage plus précis, le pied de page avec FOOTER.
4548

46-
**2** les balises de balisage de contenu :
49+
**2)** les balises de balisage de contenu :
4750

48-
Les balises standards comme les balises P, A, UL, STRONG etc…
51+
Les balises standards comme les balises P, A, UL, STRONG etc…]
4952

53+
Le code a été versionner sur GIT et déployé sur GITHUB a l'addresse suivante https://mlgdam.github.io/Reservia/
5054

5155
Enfin, le responsive a été intégré directement dans le fichier CSS "reservia.css"
5256

images/favicon.png

267 Bytes
Loading

index.html

+1
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
<link rel="stylesheet" href="reservia.css">
77
<script src="https://kit.fontawesome.com/3ee1cc3628.js" crossorigin="anonymous"></script>
88
<title>RESERVIA</title>
9+
<link rel="shortcut icon" type="image/png" href="images/favicon.png" />
910
</head>
1011
<body>
1112
<div id="blocpage">

0 commit comments

Comments
 (0)