From 65366f0446f88d6e90345935edded4fcc16e1edc Mon Sep 17 00:00:00 2001 From: EpicKiwi Date: Fri, 24 May 2024 13:07:25 +0200 Subject: [PATCH] Correction --- recettes/02-creer-un-journal.html | 46 +++++++++++++++---------------- 1 file changed, 23 insertions(+), 23 deletions(-) diff --git a/recettes/02-creer-un-journal.html b/recettes/02-creer-un-journal.html index 7c6d208..b70bb3f 100644 --- a/recettes/02-creer-un-journal.html +++ b/recettes/02-creer-un-journal.html @@ -15,7 +15,7 @@

Créer un journal

-

Ce guide donne les instructions pour creer une page web sous forme d'un journal d'activités comme une suite de titres et de paragraphes.

+

Ce guide donne les instructions pour créer une page web sous forme d'un journal d'activités comme une suite de titres et de paragraphes.

Ingrédients pour 1 page

@@ -29,29 +29,29 @@

Ajouter des sections

-

L'ensemble des operations de cette partie sont éfféctuées dans l'élément body (entre les balises <body> et </body>)

+

L'ensemble des opérations de cette partie sont effectuées dans l'élément body (entre les balises <body> et </body>)

-

Ecrire le titre de la section entre des balises <h2> et </h2>.

-

Ecrire un paragraphe à la suite du titre entre des balises <p> et </p>.

-

Ajouter autant de section que necessaire pour écrire l'ensemble du texte.

+

Écrire le titre de la section entre des balises <h2> et </h2>.

+

Écrire un paragraphe à la suite du titre entre des balises <p> et </p>.

+

Ajouter autant de section que nécessaire pour écrire l'ensemble du texte.

Enregistrer le fichier avec un nom finissant par .html quelque part sur l'ordinateur.

<!-- ... -->
 
 <body>
     <h1>Journal d'une rescapée</h1>
-    <p>Récis de survie et de découvertes.</p>
+    <p>Récits de survie et de découvertes.</p>
 
     <h2>Jour 1: Où suis-je ?</h2>
-    <p>Je ne sait pas combien de temps j'ai passé, évanouie sur cette plage.
+    <p>Je ne sais pas combien de temps j'ai passé, évanouie sur cette plage.
     J'ai mal à la tête et j'ai faim. Je vais essayer de trouver quelque chose à manger.</p>
 
     <h2>Jour 2: Trouver un toit</h2>
-    <p>J'ai trouvé de quoi manger et boire dans la forêt à coté de la plage.
+    <p>J'ai trouvé de quoi manger et boire dans la forêt à côté de la plage.
     Il y a de grands arbres et de nombreuses plantes; je ne me suis pas encore empoisonnée.
-    Je doit trouver un endroit où dormir, il faut trop froid la nuit.</p>
+    Je dois trouver un endroit où dormir, il faut trop froid la nuit.</p>
     <p>Il y a une grotte dans la falaise sur les hauteurs de la forêt,
-    je vais essayer d'aller voir si il est possible de s'y installer.</p>
+    je vais essayer d'aller voir s'il est possible de s'y installer.</p>
 </body>
 
 <!-- ... -->
@@ -59,19 +59,19 @@

Ajouter des images

-

Placer les images à coté du fichier .html créé dans l'étape précédente.

+

Placer les images à côté du fichier .html créé dans l'étape précédente.

Ajouter le code suivant à l'endroit où l'image sera insérée.

<img src="" alt="" />
-

Inscrire le nom du fichier de l'image doit etre écrit entre les guillemets de src="".

-

Ecrire une courte description de l'image entre les guillemets de alt="". +

Inscrire le nom du fichier de l'image doit être écrit entre les guillemets de src="".

+

Écrire une courte description de l'image entre les guillemets de alt="". Cette description remplacera l'image pour les personnes qui ne peuvent pas la voir ou si l'image ne peut pas charger.

<!-- ... -->
 
 <h2>Jour 1: Où suis-je ?</h2>
-<p>Je ne sait pas combien de temps j'ai passé, évanouie sur cette plage.
+<p>Je ne sais pas combien de temps j'ai passé, évanouie sur cette plage.
 J'ai mal à la tête et j'ai faim. Je vais essayer de trouver quelque chose à manger.</p>
 
 <img src="foret.jpg" alt="Une foret profonde et sombre avec de grands arbres" />
@@ -80,7 +80,7 @@ J'ai mal à la tête et j'ai faim. Je vais essayer de trouver quelque chose à m
-

Mettre certaines partie du texte en évidence

+

Mettre certaines parties du texte en évidence

Entourer le texte à mettre en évidence d'une balise <strong> et </strong>

J'ai <strong>mal à la tête</strong> et j'ai <strong>faim</strong>
@@ -88,7 +88,7 @@ J'ai mal à la tête et j'ai faim. Je vais essayer de trouver quelque chose à m

Centrer le contenu de la page

-

Dans l'élément head de la page, ajouter un élément style qui contiendra toutes les regles de style de la page.

+

Dans l'élément head de la page, ajouter un élément style qui contiendra toutes les règles de style de la page.

Ajouter le code suivant dans l'élément style

body {
@@ -101,7 +101,7 @@ J'ai mal à la tête et j'ai faim. Je vais essayer de trouver quelque chose à m
 }
-

Ajuster les valeurs de max-width et padding pour arriver aux espacements voulues.

+

Ajuster les valeurs de max-width et padding pour arriver aux espacements voulus.

<!DOCTYPE html>
 <html lang="fr">
@@ -143,7 +143,7 @@ J'ai mal à la tête et j'ai faim. Je vais essayer de trouver quelque chose à m
             
Ajuster les couleurs de la page

             
             

-                
Ajuster la couleur de l'arrière plan de la page en ajoutant le code suivant dans l'élément style précédente:

+                
Ajuster la couleur de l'arrière-plan de la page en ajoutant le code suivant dans l'élément style précédente:

                 
body {
     background-color: hsl(35.2, 69%, 83.5%);
 }

@@ -162,7 +162,7 @@ h1, h2, h3 {
     font-family: serif;
 }
@@ -187,7 +187,7 @@ h1 + p {
-

Ajouter un style particulier a ce meme paragraphe en ajoutant le code suivant dans l'élément style précédent:

+

Ajouter un style particulier a ce même paragraphe en ajoutant le code suivant dans l'élément style précédent:

h1 + p {
     font-size: 1.1rem;
     font-style: italic;
@@ -195,11 +195,11 @@ h1 + p {
-

Ajouter de la marge au dessus du titre principal et au dessous du paragraphe qui le suit en ajoutant le code suivant dans l'élément style de la plage:

+

Ajouter de la marge au-dessus du titre principal et au-dessous du paragraphe qui le suit en ajoutant le code suivant dans l'élément style de la plage:

h1 {
     margin-top: 100px;
 }
@@ -209,7 +209,7 @@ h1 + p {
 }