mise à niveau de tout le site
This commit is contained in:
lrdlg
@@ -0,0 +1,80 @@
|
||||
<!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>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -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>
|
||||
Reference in New Issue
Block a user