lrdlg
81 lines
3.3 KiB
HTML
81 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>2e commune — Informatique</title>
|
|
<meta name="description" content="Les modules du cours d'informatique de 2e commune.">
|
|
<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-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><strong>2e commune</strong>
|
|
</nav>
|
|
<h1>2e commune</h1>
|
|
<p class="entete__meta">Informatique, activité complémentaire EPT · M. Courcelle</p>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="contenu">
|
|
|
|
<p class="chapeau">Choisis le module sur lequel tu travailles. Chaque module reprend la théorie du cours papier, puis propose des exercices et des jeux corrigés automatiquement.</p>
|
|
|
|
<h2>Les modules du cours</h2>
|
|
|
|
<!-- ==================================================================
|
|
POUR AJOUTER UN MODULE
|
|
1. Créer le dossier du module à côté de ce fichier, avec son
|
|
index.html dedans (le plus simple : copier un module existant).
|
|
2. Copier-coller le bloc <li class="module"> ci-dessous, juste
|
|
avant la fin de la liste, et remplir les quatre champs :
|
|
module__num « Module 3 », « Module C »…
|
|
module__titre le titre affiché à l'élève
|
|
module__resume une phrase sur ce qu'on y fait
|
|
module__meta nombre de séances, chapitre du cours papier…
|
|
3. Adapter le href vers le dossier du nouveau module.
|
|
|
|
Gabarit à copier :
|
|
|
|
<li class="module">
|
|
<a class="module__lien" href="DOSSIER/index.html">
|
|
<span class="module__num">Module N</span>
|
|
<span class="module__titre">Titre du module</span>
|
|
<span class="module__resume">Ce qu'on y apprend, en une phrase.</span>
|
|
<span class="module__meta">X séances · cours papier, chapitre Y</span>
|
|
</a>
|
|
</li>
|
|
|
|
Un module annoncé mais pas encore prêt : garder le <li> en
|
|
ajoutant la classe « module--bientot » et remplacer le <a> par
|
|
un <div class="module__lien">, sans href.
|
|
================================================================== -->
|
|
|
|
<ul class="modules">
|
|
<li class="module">
|
|
<a class="module__lien" href="module1/index.html">
|
|
<span class="module__num">Module 1</span>
|
|
<span class="module__titre">La machine et son vocabulaire</span>
|
|
<span class="module__resume">Ce qui compose un ordinateur, les ports, allumer et éteindre, Windows, et les deux mémoires.</span>
|
|
<span class="module__meta">5 blocs de deux périodes · chapitres 1 à 5 · 84 exercices</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
</main>
|
|
|
|
<footer class="pied">
|
|
<div class="pied__interieur">
|
|
Support d'exercices hors ligne, utilisable depuis une clé USB. Toute la théorie utilisée figure dans le cours papier.
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|