lrdlg
218 lines
12 KiB
HTML
218 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Module 3 — 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">
|
|
<link rel="stylesheet" href="../../assets/atelier-m3-m4.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 3</strong>
|
|
</nav>
|
|
<h1>Mettre le texte en forme</h1>
|
|
<p class="entete__meta">Traitement de texte · caractères, paragraphes, encadrés</p>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="wrap">
|
|
|
|
<nav class="sommaire-lat" aria-label="Sommaire">
|
|
<a class="top" href="#haut">Module 3</a>
|
|
<h2>Module 3, mettre en forme</h2>
|
|
<a href="#m3-cp">Caractère ou paragraphe</a>
|
|
<a href="#m3-atelier">Atelier de mise en forme</a>
|
|
<a href="#m3-caracteres">Les caractères</a>
|
|
<a href="#m3-paragraphes">Les paragraphes</a>
|
|
<a href="#m3-outils">Reproduire et effacer</a>
|
|
<a href="#m3-textes">Textes à saisir</a>
|
|
<a href="#m3-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>
|
|
<a href="../module4/index.html">Module 4, mise en page</a>
|
|
</nav>
|
|
|
|
<main class="feuille" id="haut">
|
|
<div class="regle" aria-hidden="true"></div>
|
|
<div class="inner">
|
|
|
|
<p class="chapeau">Le module 2 t'interdisait de mettre en forme. Celui-ci t'y autorise enfin. Une
|
|
seule règle tient tout le module : la mise en forme se règle par les commandes du logiciel, jamais
|
|
par des espaces ou des touches Entrée.</p>
|
|
|
|
<h2 id="m3-cp"><span class="module-tag">Module 3</span><br>Caractère ou paragraphe</h2>
|
|
<p>C'est la distinction qui commande tout le reste. Une mise en forme de <strong>caractère</strong> s'applique à ce que tu as sélectionné. Une mise en forme de <strong>paragraphe</strong> s'applique au paragraphe entier, celui où se trouve le curseur, même sans sélection.</p>
|
|
|
|
<div class="regle-cle">
|
|
<p>Le caractère se sélectionne. Le paragraphe se pointe.</p>
|
|
</div>
|
|
|
|
<p>Classe chaque réglage. Clique sur C pour caractère, sur P pour paragraphe.</p>
|
|
<div class="at-tri" id="at-tri"></div>
|
|
<p class="at-score" id="at-tri-score"></p>
|
|
<div class="actions"><button type="button" id="at-tri-reset">Recommencer</button></div>
|
|
|
|
<h2 id="m3-atelier">Atelier de mise en forme</h2>
|
|
<p>Règle les curseurs et regarde ce qui change. La pastille bleue marque un réglage de caractère, la pastille brune un réglage de paragraphe.</p>
|
|
|
|
<div class="at-atelier">
|
|
<div class="at-barre">
|
|
<div>
|
|
<label for="at-police"><span class="at-badge at-badge--c">C</span>Police</label>
|
|
<select id="at-police">
|
|
<option value="Cambria, Georgia, serif">Avec empattements</option>
|
|
<option value="Inter, 'Segoe UI', system-ui, sans-serif">Sans empattements</option>
|
|
<option value="'JetBrains Mono', Consolas, monospace">Chasse fixe</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label for="at-taille"><span class="at-badge at-badge--c">C</span>Taille : <output id="at-taille-v">11</output> pt</label>
|
|
<input type="range" id="at-taille" min="8" max="20" value="11">
|
|
</div>
|
|
<div>
|
|
<label><span class="at-badge at-badge--p">P</span>Alignement</label>
|
|
<div class="at-aligns" id="at-align">
|
|
<button type="button" data-v="left" aria-pressed="true">Gauche</button>
|
|
<button type="button" data-v="center" aria-pressed="false">Centré</button>
|
|
<button type="button" data-v="right" aria-pressed="false">Droite</button>
|
|
<button type="button" data-v="justify" aria-pressed="false">Justifié</button>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<label for="at-retrait"><span class="at-badge at-badge--p">P</span>Retrait 1re ligne : <output id="at-retrait-v">0,00</output> cm</label>
|
|
<input type="range" id="at-retrait" min="0" max="3" step="0.25" value="0">
|
|
</div>
|
|
<div>
|
|
<label for="at-espace"><span class="at-badge at-badge--p">P</span>Espacement après : <output id="at-espace-v">0,0</output> cm</label>
|
|
<input type="range" id="at-espace" min="0" max="1" step="0.1" value="0">
|
|
</div>
|
|
<div>
|
|
<label for="at-interligne"><span class="at-badge at-badge--p">P</span>Interligne</label>
|
|
<select id="at-interligne">
|
|
<option value="1.5">Simple</option>
|
|
<option value="2.1">1,5 ligne</option>
|
|
<option value="2.8">Double</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label><span class="at-badge at-badge--p">P</span>Encadré</label>
|
|
<label class="at-case"><input type="checkbox" id="at-bordure"> bordure et fond</label>
|
|
</div>
|
|
<div>
|
|
<label><span class="at-badge at-badge--c">C</span>Style du texte</label>
|
|
<label class="at-case"><input type="checkbox" id="at-gras"> gras</label>
|
|
<label class="at-case"><input type="checkbox" id="at-italique"> italique</label>
|
|
</div>
|
|
</div>
|
|
<div class="at-atelier__corps">
|
|
<div id="at-apercu">
|
|
<p>La maison de quartier Les Tilleuls organise des ateliers pour les enfants de six à douze ans. Les activités se déroulent dans la salle du rez-de-chaussée, accessible par la cour.</p>
|
|
<p>L'accueil se fait de treize heures à treize heures trente. Les ateliers commencent à quatorze heures et se terminent à seize heures trente.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p>Remarque en jouant : les réglages bruns agissent sur les deux paragraphes entiers, sans que tu aies rien sélectionné. C'est exactement ce qui se passe dans Writer.</p>
|
|
|
|
<h2 id="m3-caracteres">Les caractères</h2>
|
|
<table>
|
|
<tr><th>Réglage</th><th>Où</th><th>Raccourci</th></tr>
|
|
<tr><td>Police et taille</td><td>listes de la barre de formatage</td><td>aucun</td></tr>
|
|
<tr><td>Gras</td><td>bouton G</td><td><code>Ctrl+B</code></td></tr>
|
|
<tr><td>Italique</td><td>bouton I</td><td><code>Ctrl+I</code></td></tr>
|
|
<tr><td>Souligné</td><td>bouton S</td><td><code>Ctrl+U</code></td></tr>
|
|
<tr><td>Majuscules</td><td>Format, Texte</td><td>aucun</td></tr>
|
|
<tr><td>Tout au même endroit</td><td>Format, Caractère</td><td>aucun</td></tr>
|
|
</table>
|
|
|
|
<div class="regle-cle">
|
|
<p>Une police pour le texte, une pour les titres, pas plus. Texte courant entre 10 et 12 points. Le souligné date de la machine à écrire : aujourd'hui, un mot souligné ressemble à un lien internet.</p>
|
|
</div>
|
|
|
|
<h2 id="m3-paragraphes">Les paragraphes</h2>
|
|
<p>Tout se règle dans Format, puis Paragraphe. Les quatre onglets utiles cette année :</p>
|
|
<table>
|
|
<tr><th>Onglet</th><th>Ce qu'on y trouve</th></tr>
|
|
<tr><td>Retraits et espacement</td><td>retraits, espacement avant et après, interligne</td></tr>
|
|
<tr><td>Alignement</td><td>gauche, centré, droite, justifié</td></tr>
|
|
<tr><td>Bordures</td><td>encadré, épaisseur, espacement intérieur</td></tr>
|
|
<tr><td>Zone</td><td>couleur de fond. Cet onglet s'appelle Arrière-plan dans les versions plus anciennes</td></tr>
|
|
</table>
|
|
|
|
<div class="regle-cle">
|
|
<p>Aucune ligne vide obtenue avec la touche Entrée, aucun alignement obtenu à la barre d'espace. L'espacement après et l'alignement font le travail, et se modifient d'un seul geste sur tout le document.</p>
|
|
</div>
|
|
|
|
<h2 id="m3-outils">Reproduire et effacer</h2>
|
|
<table>
|
|
<tr><th>Outil</th><th>Ce qu'il fait</th><th>Où</th></tr>
|
|
<tr><td>Cloner le formatage</td><td>copie une mise en forme et l'applique ailleurs</td><td>pinceau de la barre standard</td></tr>
|
|
<tr><td>Effacer le formatage direct</td><td>ramène le texte à sa présentation de base</td><td>Format, ou <code>Ctrl+M</code></td></tr>
|
|
<tr><td>Collage sans mise en forme</td><td>colle un texte nu, sans ce qui vient du site d'origine</td><td><code>Ctrl+Maj+V</code></td></tr>
|
|
<tr><td>Rechercher et remplacer</td><td>remplace un mot dans tout le document</td><td><code>Ctrl+H</code></td></tr>
|
|
</table>
|
|
<p>Avec le pinceau : un clic simple l'active pour une seule application, un double-clic le garde actif jusqu'à ce que tu appuies sur Échap. Maintiens <code>Ctrl+Maj</code> pendant l'application pour emporter aussi la mise en forme du paragraphe.</p>
|
|
|
|
<h2 id="m3-textes">Textes à saisir</h2>
|
|
<p>Les textes des exercices, pour les avoir sous les yeux pendant que tu tapes. Ne recopie pas les retours à la ligne que tu vois à l'écran.</p>
|
|
|
|
<details><summary>Exercice 1, les ateliers du mercredi</summary>
|
|
<div class="specimen">
|
|
<p>Ateliers du mercredi après-midi</p>
|
|
<p>La maison de quartier Les Tilleuls organise des ateliers pour les enfants de six à douze ans. Les activités se déroulent dans la salle du rez-de-chaussée, accessible par la cour.</p>
|
|
<p>L'accueil se fait de treize heures à treize heures trente. Les ateliers commencent à quatorze heures et se terminent à seize heures trente. Un goûter est servi à quinze heures quinze.</p>
|
|
<p>La participation est gratuit pour les familles de la commune. Les inscriptions se prennent au 069 22 34 56 ou directement auprès des animateurs, le mercredi.</p>
|
|
<p>Nadia Bouchard, coordinatrice des activités enfance</p>
|
|
</div>
|
|
<p>Ce texte contient une faute d'accord. La trouveras-tu en le mettant en forme ?</p>
|
|
</details>
|
|
|
|
<details><summary>Exercice 3, la sortie au musée</summary>
|
|
<div class="specimen">
|
|
<p>Sortie au musée de la vie rurale</p>
|
|
<p>Le groupe des huit à dix ans se rendra au musée de la vie rurale le jeudi 12 mars. Le départ est prévu à neuf heures devant la maison de quartier et le retour vers seize heures au même endroit. Le trajet se fait en car.</p>
|
|
<p>La visite est guidée le matin. L'après-midi est consacrée à un atelier de fabrication de pain, animé par le personnel du musée. Les enfants repartent avec ce qu'ils ont préparé.</p>
|
|
<p>Important : l'autorisation parentale doit être rentrée pour le vendredi 6 mars au plus tard. Aucun enfant ne pourra participer sans ce document signé. Prévoir un pique-nique, une tenue qui ne craint rien et des chaussures fermées.</p>
|
|
</div>
|
|
</details>
|
|
|
|
<details><summary>Exercice 4, la journée type au centre de vacances</summary>
|
|
<div class="specimen">
|
|
<p>Déroulement d'une journée type au centre de vacances</p>
|
|
<p>Le matin</p>
|
|
<p>Les enfants arrivent entre huit heures et neuf heures. Le moniteur responsable du groupe fait l'appel et note les présences. La première activité commence à neuf heures trente.</p>
|
|
<p>Le midi</p>
|
|
<p>Le repas est pris en commun dans la grande salle. Chaque moniteur mange avec son groupe. Le temps de midi comprend aussi un moment calme, pendant lequel les enfants peuvent lire ou jouer à des jeux de table.</p>
|
|
<p>L'après-midi</p>
|
|
<p>Les activités reprennent à quatorze heures. Les moniteurs se répartissent les groupes selon les ateliers proposés. Le goûter est servi à seize heures et les parents arrivent à partir de seize heures trente.</p>
|
|
<p>Le centre de vacances est agréé par l'Office de la naissance et de l'enfance. L'encadrement est assuré par du personnel qualifié et le taux d'encadrement respecte la réglementation en vigueur.</p>
|
|
</div>
|
|
</details>
|
|
|
|
<h2 id="m3-quiz">Teste-toi, module 3</h2>
|
|
<div class="quiz" id="quiz3"></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>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="../../assets/atelier-texte.js"></script>
|
|
<script src="../../assets/atelier-m3-m4.js"></script>
|
|
</body>
|
|
</html>
|