index seance 1 seulement

2026-09-25 07:49:52 +02:00
parent dcd40f08b4
commit 661dc2e15b
3 changed files with 99 additions and 6 deletions
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>4e TQ Agent d'éducation · TIC</title>
+<meta name="description" content="Les séances du cours de TIC (traitement de texte) de 4e TQ Agent d'éducation.">
+<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">
+</head>
+<body class="classe-ae">
+
+<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><strong>4e TQ Agent d'éducation</strong>
+    </nav>
+    <h1>4e TQ Agent d'éducation</h1>
+    <p class="entete__meta">TIC (traitement de texte) · M. Courcelle</p>
+  </div>
+</header>
+
+<main class="contenu">
+
+  <p class="chapeau">Cette année, la classe fonctionne comme une agence qui reçoit des missions. Choisis la séance sur laquelle tu travailles : chaque page se lit du début à la fin, avec des exercices à faire directement dedans.</p>
+
+  <h2>Période 1 : Bienvenue à l'agence</h2>
+
+  <!-- ==================================================================
+       POUR AJOUTER UNE SÉANCE
+       1. Créer le dossier de la séance à côté de ce fichier (seance2,
+          seance3...), avec son index.html dedans (le plus simple :
+          copier seance1).
+       2. Copier-coller le bloc <li class="module"> ci-dessous dans la
+          liste de la bonne période, et remplir les quatre champs.
+       3. Adapter le href vers le dossier de la nouvelle séance.
+
+       Gabarit à copier :
+
+       <li class="module">
+         <a class="module__lien" href="DOSSIER/index.html">
+           <span class="module__num">Période N · Séance N</span>
+           <span class="module__titre">Titre de la séance</span>
+           <span class="module__resume">Ce qu'on y fait, en une phrase.</span>
+           <span class="module__meta">Ce qu'il y a dans la page</span>
+         </a>
+       </li>
+
+       Une séance annoncée mais pas encore prête : ajouter la classe
+       « module--bientot » au <li> et remplacer le <a> par un
+       <div class="module__lien">, sans href.
+       ================================================================== -->
+
+  <ul class="modules">
+    <li class="module">
+      <a class="module__lien" href="seance1/index.html">
+        <span class="module__num">Période 1 · Séance 1</span>
+        <span class="module__titre">Bienvenue à l'agence</span>
+        <span class="module__resume">Le fonctionnement du cours, un défi pour voir où tu en es, et ta première enquête : que raconte Internet sur le métier ?</span>
+        <span class="module__meta">Défi diagnostique · enquête · quiz « Cliché ou réalité ? » · 4 bonus</span>
+      </a>
+    </li>
+    <li class="module">
+      <a class="module__lien" href="seance2/index.html">
+        <span class="module__num">Période 1 · Séance 2</span>
+        <span class="module__titre">Ranger, nommer, mettre en forme</span>
+        <span class="module__resume">Construire ton dossier de l'année, nommer tes fichiers pour les retrouver, et arrêter de tricher avec les espaces.</span>
+        <span class="module__meta">Défi A (8 points) · vérificateur de nom · avant/après · 6 bonus</span>
+      </a>
+    </li>
+    <li class="module module--bientot">
+      <div class="module__lien">
+        <span class="module__num">Période 1 · Séance 3</span>
+        <span class="module__titre">Les styles</span>
+        <span class="module__resume">Titres, volet de navigation, table des matières : structurer un document en quelques clics.</span>
+        <span class="module__meta">Bientôt en ligne</span>
+      </div>
+    </li>
+  </ul>
+
+</main>
+
+<footer class="pied">
+  <div class="pied__interieur">
+    Les exercices se font dans LibreOffice Writer. Enregistre ton travail dans ton dossier de l'année, sur ta clé.
+  </div>
+</footer>
+
+</body>
+</html>