lrdlg
249 lines
13 KiB
HTML
249 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Module 1 — 3e TQ Technique sociale</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/atelier-texte.css">
|
|
</head>
|
|
<body class="classe-ts">
|
|
|
|
<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">3e TQ Technique sociale</a><span aria-hidden="true">/</span><strong>Module 1</strong>
|
|
</nav>
|
|
<h1>Le poste et les fichiers</h1>
|
|
<p class="entete__meta">Traitement de texte · saisir, enregistrer, retrouver</p>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="wrap">
|
|
|
|
<nav class="sommaire-lat" aria-label="Sommaire">
|
|
<a class="top" href="#haut">Module 1</a>
|
|
<h2>Module 1, le poste et les fichiers</h2>
|
|
<a href="#m1-machine">La machine</a>
|
|
<a href="#m1-fenetre">La fenêtre de Writer</a>
|
|
<a href="#m1-fichier">Fichier, dossier, extension</a>
|
|
<a href="#m1-enregistrer">Enregistrer</a>
|
|
<a href="#m1-nommer">Nommer un fichier</a>
|
|
<a href="#m1-erreurs">Quand ça coince</a>
|
|
<a href="#m1-quiz">Teste-toi</a>
|
|
<h2>Autres modules</h2>
|
|
<a href="../index.html">Tous les modules de la classe</a>
|
|
<a href="../module2/index.html">Module 2, saisir au kilomètre</a>
|
|
</nav>
|
|
|
|
<main class="feuille" id="haut">
|
|
<div class="regle" aria-hidden="true"></div>
|
|
<div class="inner">
|
|
|
|
<p class="chapeau">Ce module sert pendant le cours. Tu y retrouves les règles, les captures de
|
|
la fenêtre de Writer et de quoi vérifier toi-même si tu as compris. Il ne remplace pas tes notes :
|
|
il sert à les retrouver vite quand tu es devant ton écran.</p>
|
|
|
|
<h2 id="m1-machine"><span class="module-tag">Module 1</span><br>La machine et ses parties</h2>
|
|
|
|
<p>Un poste de travail se compose de trois familles d'éléments.</p>
|
|
<table>
|
|
<tr><th>Famille</th><th>À quoi ça sert</th><th>Exemples</th></tr>
|
|
<tr><td>Entrée</td><td>Donner des informations à la machine</td><td>Clavier, souris, micro, scanner</td></tr>
|
|
<tr><td>Sortie</td><td>Recevoir un résultat de la machine</td><td>Écran, imprimante, haut-parleurs</td></tr>
|
|
<tr><td>Unité centrale</td><td>Traiter et conserver</td><td>Processeur, mémoire vive, disque</td></tr>
|
|
</table>
|
|
|
|
<div class="regle-cle">
|
|
<p>La mémoire vive s'efface quand la machine s'éteint. Tant que tu n'as pas enregistré, ton document n'existe que là. Une coupure de courant ne laisse rien.</p>
|
|
</div>
|
|
|
|
<figure>
|
|
<img src="../images/m1-poste.jpg" alt="Le poste de travail de la salle informatique"
|
|
onerror="this.outerHTML='<div class=\'manque\'>Capture à ajouter : <code>3tq-technique-sociale/images/m1-poste.jpg</code><br>Le poste de la salle, unité centrale, écran, clavier et souris visibles.</div>'">
|
|
<figcaption>Le poste de travail de la salle.</figcaption>
|
|
</figure>
|
|
|
|
<h2 id="m1-fenetre">La fenêtre de Writer</h2>
|
|
<p>Elle contient toujours les mêmes zones. Clique sur une zone pour savoir à quoi elle sert.</p>
|
|
|
|
<figure>
|
|
<img src="../images/m1-fenetre-writer.png" alt="Fenêtre de LibreOffice Writer avec ses différentes zones"
|
|
onerror="this.outerHTML='<div class=\'manque\'>Capture à ajouter : <code>3tq-technique-sociale/images/m1-fenetre-writer.png</code><br>Fenêtre complète de Writer, document vide, zones numérotées de 1 à 6.</div>'">
|
|
<figcaption>Les six zones de la fenêtre de Writer.</figcaption>
|
|
</figure>
|
|
|
|
<div class="zones" id="zones"></div>
|
|
<p id="zone-txt">Choisis une zone ci-dessus.</p>
|
|
|
|
<h2 id="m1-fichier">Fichier, dossier, extension</h2>
|
|
<p>Un <strong>fichier</strong> est un ensemble d'informations enregistré sous un nom. Un <strong>dossier</strong> regroupe des fichiers et peut en contenir d'autres : c'est l'arborescence. L'<strong>extension</strong> est ce qui suit le point dans le nom. Elle dit de quel type de fichier il s'agit et quel programme l'ouvrira.</p>
|
|
|
|
<table>
|
|
<tr><th>Extension</th><th>Type</th><th>S'ouvre avec</th></tr>
|
|
<tr><td><code>.odt</code></td><td>Document texte, format ouvert</td><td>LibreOffice Writer</td></tr>
|
|
<tr><td><code>.docx</code></td><td>Document texte, format Microsoft</td><td>Word, Writer</td></tr>
|
|
<tr><td><code>.pdf</code></td><td>Document figé, non modifiable</td><td>Lecteur PDF, navigateur</td></tr>
|
|
<tr><td><code>.jpg</code> <code>.png</code></td><td>Image</td><td>Visionneuse d'images</td></tr>
|
|
<tr><td><code>.mp3</code></td><td>Son</td><td>Lecteur audio</td></tr>
|
|
</table>
|
|
|
|
<div class="regle-cle">
|
|
<p>Renommer <code>photo.jpg</code> en <code>photo.odt</code> ne transforme pas une photo en document. Ça rend seulement le fichier illisible.</p>
|
|
</div>
|
|
|
|
<h3>Ton dossier de l'année</h3>
|
|
<p class="specimen">traitement-de-texte-<em>tonnom</em><br>
|
|
m01<br>
|
|
exercices<br>
|
|
m02<br>
|
|
m03 … jusqu'à m09</p>
|
|
<p>Les numéros à deux chiffres ne sont pas un caprice : sans le zéro, le classement met <code>m10</code> juste après <code>m1</code>.</p>
|
|
|
|
<h2 id="m1-enregistrer">Enregistrer</h2>
|
|
<table>
|
|
<tr><th>Commande</th><th>Quand</th><th>Ce qu'elle demande</th></tr>
|
|
<tr><td>Enregistrer sous</td><td>La première fois, ou pour faire une copie</td><td>Où, sous quel nom, dans quel format</td></tr>
|
|
<tr><td>Enregistrer<br><code>Ctrl+S</code></td><td>Toutes les fois suivantes</td><td>Rien, elle réécrit au même endroit</td></tr>
|
|
</table>
|
|
|
|
<div class="regle-cle">
|
|
<p><code>Ctrl+S</code> toutes les cinq minutes, sans y penser. C'est le geste le plus rentable de l'année.</p>
|
|
</div>
|
|
|
|
<figure>
|
|
<img src="../images/m1-enregistrer-sous.png" alt="Boîte de dialogue Enregistrer sous"
|
|
onerror="this.outerHTML='<div class=\'manque\'>Capture à ajouter : <code>3tq-technique-sociale/images/m1-enregistrer-sous.png</code><br>Boîte Enregistrer sous, champ Nom de fichier et liste Type de fichier bien visibles.</div>'">
|
|
<figcaption>Les trois questions posées par Enregistrer sous.</figcaption>
|
|
</figure>
|
|
|
|
<h2 id="m1-nommer">Nommer un fichier</h2>
|
|
<p>Trois règles, et elles valent aussi en stage.</p>
|
|
<ol>
|
|
<li>Ni accent, ni espace, ni caractère spécial. Un tiret remplace l'espace.</li>
|
|
<li>Un nom qui décrit le contenu. <code>Document1</code> ne dit rien.</li>
|
|
<li>Une structure constante. Dans ce cours : <code>module-sujet-tonnom</code>.</li>
|
|
</ol>
|
|
|
|
<p>Tape un nom de fichier pour le vérifier.</p>
|
|
<div class="nomtest">
|
|
<label for="nom-in">Nom à tester</label><br>
|
|
<input id="nom-in" type="text" value="Rapport de stage (définitif).odt" spellcheck="false">
|
|
<ul class="check" id="nom-check"></ul>
|
|
<p id="nom-suggest"></p>
|
|
</div>
|
|
|
|
<h2 id="m1-erreurs">Quand ça coince</h2>
|
|
<p>Un message d'erreur n'est pas une punition, c'est une information. On le lit avant de cliquer.</p>
|
|
|
|
<details><summary>« Le document a été modifié. Voulez-vous enregistrer ? »</summary>
|
|
<p>Tu fermes sans avoir enregistré. Réponds Enregistrer, sauf si tu veux vraiment perdre ce que tu viens de faire.</p></details>
|
|
<details><summary>Mon fichier s'ouvre avec un programme inconnu</summary>
|
|
<p>L'extension est associée à un autre logiciel. Clic droit sur le fichier, Ouvrir avec, puis choisis LibreOffice Writer.</p></details>
|
|
<details><summary>Writer ne répond plus</summary>
|
|
<p>Attends trente secondes sans cliquer partout. Si rien ne revient, ferme par le gestionnaire des tâches, relance Writer et accepte la récupération qu'il propose.</p></details>
|
|
<details><summary>« Ce fichier est en lecture seule »</summary>
|
|
<p>Le fichier est déjà ouvert ailleurs, ou il est protégé. Fais Enregistrer sous avec un autre nom.</p></details>
|
|
<details><summary>Je ne retrouve pas mon travail de la semaine dernière</summary>
|
|
<p>Dans l'ordre : regarde dans ton dossier de travail, puis cherche un morceau du nom dans le gestionnaire de fichiers, puis ouvre le menu Fichier de Writer et regarde les derniers documents utilisés.</p></details>
|
|
|
|
<h2 id="m1-quiz">Teste-toi, module 1</h2>
|
|
<div class="quiz" id="quiz1"></div>
|
|
|
|
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<footer class="pied">
|
|
<div class="pied__interieur">
|
|
<p>Cours de traitement de texte, 3e année Techniques sociales et d'animation. M. Courcelle, 2026-2027.</p>
|
|
<p>Les captures d'écran sont à réaliser sur la version de LibreOffice installée en salle.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="../../assets/atelier-texte.js"></script>
|
|
<script>
|
|
"use strict";
|
|
/* ---------- zones de la fenêtre ---------- */
|
|
const ZONES = [
|
|
["Barre de titre","Affiche le nom du document. Tant que tu n'as pas enregistré, elle indique « Sans nom 1 »."],
|
|
["Barre de menus","Toutes les commandes du logiciel, classées par thème : Fichier, Édition, Format, Tableau…"],
|
|
["Barre de formatage","Les boutons de mise en forme les plus utilisés : police, taille, gras, alignement."],
|
|
["Règle","La largeur de la zone de texte et les marges. Plus tard, elle portera aussi les taquets de tabulation."],
|
|
["Zone de texte","La page sur laquelle tu écris."],
|
|
["Barre d'état","En bas : numéro de page, nombre de mots, langue du texte."]
|
|
];
|
|
const zc = document.getElementById('zones');
|
|
ZONES.forEach((z,i)=>{
|
|
const b = document.createElement('button');
|
|
b.textContent = (i+1)+'. '+z[0];
|
|
b.setAttribute('aria-pressed','false');
|
|
b.addEventListener('click',()=>{
|
|
zc.querySelectorAll('button').forEach(x=>x.setAttribute('aria-pressed','false'));
|
|
b.setAttribute('aria-pressed','true');
|
|
document.getElementById('zone-txt').textContent = z[1];
|
|
});
|
|
zc.appendChild(b);
|
|
});
|
|
|
|
|
|
/* ---------- validateur de nom de fichier ---------- */
|
|
const nomIn = document.getElementById('nom-in');
|
|
const nomCheck = document.getElementById('nom-check');
|
|
const nomSug = document.getElementById('nom-suggest');
|
|
|
|
function testerNom(){
|
|
const v = nomIn.value;
|
|
const base = v.replace(/\.[^.]*$/,'');
|
|
const tests = [
|
|
["Pas d'espace", !/\s/.test(v)],
|
|
["Pas d'accent ni de cédille", !/[àâäéèêëîïôöùûüçÀÂÄÉÈÊËÎÏÔÖÙÛÜÇ]/.test(v)],
|
|
["Pas de majuscule", v === v.toLowerCase()],
|
|
["Pas de caractère spécial", !/[()\[\]{}'"?!*:;,\/\\&%$#@]/.test(v)],
|
|
["Une extension est présente", /\.[a-z0-9]{2,5}$/i.test(v)],
|
|
["Le nom décrit le contenu", base.length > 5 && !/^(document|truc|nouveau|sans[-_ ]?nom|travail|essai|test)\d*$/i.test(base)]
|
|
];
|
|
nomCheck.innerHTML = tests.map(t=>'<li class="'+(t[1]?'ok':'ko')+'">'+t[0]+'</li>').join('');
|
|
if(tests.every(t=>t[1])){
|
|
nomSug.innerHTML = '<strong>Ce nom est correct.</strong>';
|
|
}else{
|
|
let p = v.normalize('NFD').replace(/[\u0300-\u036f]/g,'').toLowerCase();
|
|
const m = p.match(/\.[a-z0-9]{2,5}$/);
|
|
const ext = m ? m[0] : '.odt';
|
|
p = p.replace(/\.[a-z0-9]{2,5}$/,'');
|
|
p = p.replace(/[^a-z0-9]+/g,'-').replace(/^-+|-+$/g,'');
|
|
nomSug.innerHTML = p ? 'Proposition : <code>'+p+ext+'</code>' : 'Donne un nom qui décrit le contenu.';
|
|
}
|
|
}
|
|
nomIn.addEventListener('input', testerNom);
|
|
testerNom();
|
|
|
|
|
|
quiz(document.getElementById('quiz1'), [
|
|
{q:"Tu tapes depuis vingt minutes sans avoir enregistré. Le courant saute. Que reste-t-il ?",
|
|
r:["Tout, le disque garde le travail","Rien, le texte n'était que dans la mémoire vive","La moitié"],
|
|
b:1, e:"Tant que tu n'as pas enregistré, le document n'existe que dans la mémoire vive, qui s'efface."},
|
|
{q:"Quelle commande utilises-tu la première fois que tu enregistres un document ?",
|
|
r:["Enregistrer","Enregistrer sous","Exporter"],
|
|
b:1, e:"Enregistrer sous demande où, sous quel nom et dans quel format. Ensuite, Ctrl+S suffit."},
|
|
{q:"Lequel de ces noms de fichier est correct ?",
|
|
r:["Rapport de stage (final).odt","m02-annonce-dupont.odt","Document1.odt"],
|
|
b:1, e:"Pas d'espace, pas d'accent, pas de parenthèse, et un nom qui dit ce qu'il y a dedans."},
|
|
{q:"Tu renommes une photo de <code>photo.jpg</code> en <code>photo.odt</code>. Que se passe-t-il ?",
|
|
r:["Elle devient un document texte","Rien ne change","Le fichier ne s'ouvre plus correctement"],
|
|
b:2, e:"L'extension annonce le type du fichier, elle ne le transforme pas. On ne la change pas à la main."},
|
|
{q:"Dans quel cas envoies-tu un PDF plutôt qu'un fichier modifiable ?",
|
|
r:["Quand le document est terminé et doit rester tel quel","Quand le fichier est trop lourd","Quand le destinataire n'a pas d'ordinateur"],
|
|
b:0, e:"Le PDF fige le document : le destinataire le voit exactement comme tu l'as fait."}
|
|
]);
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|