mise à niveau de tout le site

2026-09-21 10:56:04 +02:00
parent 5c644d17fc
commit a489298897
36 changed files with 3667 additions and 929 deletions
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Module 1 — 2e commune</title>
+<meta name="robots" content="noindex">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="../../assets/theme.css">
+<link rel="stylesheet" href="../../assets/exercices-commune.css">
+</head>
+<body class="classe-comm">
+
+<header class="entete">
+  <div class="entete__interieur">
+    <nav class="ariane" aria-label="Fil d'Ariane">
+      <a href="../../index.html">Mes cours</a><span aria-hidden="true">/</span><a href="../index.html">2e commune</a><span aria-hidden="true">/</span><strong>Module 1</strong>
+    </nav>
+    <h1>La machine et son vocabulaire</h1>
+    <p class="entete__meta">Module 1 · Activité complémentaire EPT Informatique · M. Courcelle</p>
+  </div>
+</header>
+
+<nav class="sommaire" aria-label="Blocs du module">
+  <div class="sommaire__interieur">
+    <a href="index.html" aria-current="page">Accueil</a>
+    <a href="bloc2.html">Bloc 2</a>
+    <a href="bloc3.html">Bloc 3</a>
+    <a href="bloc4.html">Bloc 4</a>
+    <a href="bloc5.html">Bloc 5</a>
+    <a href="bloc6.html">Bloc 6</a>
+  </div>
+</nav>
+
+<main class="contenu">
+
+  <p class="chapeau">Ce site accompagne le module 1 du cours. Chaque page correspond à un bloc de
+  deux périodes et reprend d'abord la théorie du chapitre, puis les exercices et les jeux.</p>
+
+  <p>Toutes les notions utilisées dans les jeux figurent dans le cours papier. Si tu bloques,
+  la réponse est dans ton cours, au chapitre indiqué en haut de la page.</p>
+
+  <h2>Les cinq blocs</h2>
+  <ul class="modules">
+    <li class="module">
+      <a class="module__lien" href="bloc2.html">
+        <span class="module__num">Bloc 2</span>
+        <span class="module__titre">Ce qui compose un ordinateur</span>
+        <span class="module__resume">Unité centrale, écran, clavier, pointage, allumage. Entrée, traitement, sortie.</span>
+        <span class="module__meta">Cours papier, chapitre 1 · 16 exercices</span>
+      </a>
+    </li>
+    <li class="module">
+      <a class="module__lien" href="bloc3.html">
+        <span class="module__num">Bloc 3</span>
+        <span class="module__titre">Les ports de connexion</span>
+        <span class="module__resume">USB, HDMI, VGA, RJ45, mini-jack, SD : reconnaître la forme et savoir ce qui passe dedans.</span>
+        <span class="module__meta">Cours papier, chapitre 2 · 15 exercices</span>
+      </a>
+    </li>
+    <li class="module">
+      <a class="module__lien" href="bloc4.html">
+        <span class="module__num">Bloc 4</span>
+        <span class="module__titre">Allumer, verrouiller, éteindre</span>
+        <span class="module__resume">La session, la veille, le verrouillage, l'arrêt propre et le dépannage de base.</span>
+        <span class="module__meta">Cours papier, chapitre 3 · 16 exercices</span>
+      </a>
+    </li>
+    <li class="module">
+      <a class="module__lien" href="bloc5.html">
+        <span class="module__num">Bloc 5</span>
+        <span class="module__titre">Se repérer dans Windows</span>
+        <span class="module__resume">Bureau, barre des tâches, menu Démarrer, fenêtres, dossiers et fichiers.</span>
+        <span class="module__meta">Cours papier, chapitre 4 · 18 exercices</span>
+      </a>
+    </li>
+    <li class="module">
+      <a class="module__lien" href="bloc6.html">
+        <span class="module__num">Bloc 6</span>
+        <span class="module__titre">Mémoire vive et mémoire de stockage</span>
+        <span class="module__resume">Le plan de travail et l'armoire. Octet, Ko, Mo, Go, To, et quand enregistrer.</span>
+        <span class="module__meta">Cours papier, chapitre 5 · 19 exercices</span>
+      </a>
+    </li>
+  </ul>
+
+  <h2>Comment ça marche</h2>
+  <div class="encadre encadre--theorie">
+    <ul>
+      <li>Le compteur en haut de chaque page indique combien d'exercices tu as réussis.</li>
+      <li>Un exercice compte pour un point, une seule fois, quand tu l'as terminé.
+          Il est réussi si tu l'as terminé sans erreur.</li>
+      <li>Pour les associations et les tris : clique d'abord sur l'étiquette, puis sur sa destination.</li>
+      <li>Les séries chronométrées demandent au moins 70 pour cent de bonnes réponses.
+          Tu peux les recommencer autant que tu veux : seul le premier passage compte pour le score.</li>
+      <li>Le bouton « Tout recommencer » remet la page à zéro.</li>
+    </ul>
+  </div>
+
+  <p>Le site fonctionne sans connexion Internet. Il peut être lancé depuis une clé USB.</p>
+
+</main>
+
+<footer class="pied">
+  <div class="pied__interieur">
+    Support d'exercices hors ligne, utilisable depuis une clé USB.
+    Toute la théorie utilisée ici figure dans le cours papier, chapitres 1 à 5.
+  </div>
+</footer>
+
+</body>
+</html>