Feat: travail de reproduction en HTML

2022-09-26 14:03:55 +02:00 · 2022-09-26 14:03:55 +02:00 · d36406e7f5
parent 18c2c8444f
commit d36406e7f5
5 changed files with 44 additions and 0 deletions
--- a/SNT/01_WEB/reproduction/CSS3_logo.png
+++ b/SNT/01_WEB/reproduction/CSS3_logo.png
--- a/SNT/01_WEB/reproduction/HTML5_logo.png
+++ b/SNT/01_WEB/reproduction/HTML5_logo.png
--- a/SNT/01_WEB/reproduction/JavaScript_logo.png
+++ b/SNT/01_WEB/reproduction/JavaScript_logo.png
--- a/SNT/01_WEB/reproduction/reproduction.html
+++ b/SNT/01_WEB/reproduction/reproduction.html
@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<meta name="Author" content="B.Bertrand">
+		<title>Devoir maison SNT</title>
+	</head>
+
+	<body>
+        <h1>Reproduction html</h1>
+
+        <h2>1. Consignes</h2>
+
+        <p>Le but de ce DM est de reproduire la page web que vous êtes en train de lire.</p>
+        <p>Une bonne réalisation dépendra de eux critères. Le premier critère sera <strong>la précision</strong> avec laquelle vous reproduisez la page web. Le deuxième est la qualité de votre code.</p>
+
+        <h2>2. Une page web</h2>
+
+        On peut faire une page web avec 3 choses:
+        <ul>
+            <li>
+                <p>Le langage HTML est un langage a balise. Il décrit le contenu d'une page web</p>
+                <img src="./HTML5_logo.png">
+            </li>
+            <li>
+                <p>Pour décorer une page HTML, on peut utiliser le CSS</p>
+                <img width="100px" src="./CSS3_logo.png">
+            </li>
+            <li>
+                <p>Pour animer une page HTML, on peut utiliser le javascript</p>
+                <img width="100px" src="./JavaScript_logo.png">
+            </li>
+        </ul>
+
+        <p>Si vous cliquez sur <a href="https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Les_bases_HTML">ce lien</a>, vous irez à l'adresse https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Les_bases_HTML . Cette page explique les bases du HTML.</p>
+        <p>Pour découvrir les CSS, le <a href="https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Les_bases_CSS" >site de mozilla</a> propose des explications (l'adresse est https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Les_bases_CSS)</p>
+
+        <h2>3. Validation</h2>
+        <p>
+            Il est important d'avoir un code html propre pour cela il faut le valider avec <a href="https://validator.w3.org/">https://validator.w3.org/</a>.
+        </p>
+
+	</body>
+</html>
--- a/SNT/01_WEB/reproduction/reproduction.pdf
+++ b/SNT/01_WEB/reproduction/reproduction.pdf