module 3 et 4 3TQS
This commit is contained in:
lrdlg
@@ -0,0 +1,236 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Module 4 — 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 4</strong>
|
||||
</nav>
|
||||
<h1>Mise en page et impression</h1>
|
||||
<p class="entete__meta">Traitement de texte · marges, sauts de page, en-tête, PDF</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="wrap">
|
||||
|
||||
<nav class="sommaire-lat" aria-label="Sommaire">
|
||||
<a class="top" href="#haut">Module 4</a>
|
||||
<h2>Module 4, mise en page</h2>
|
||||
<a href="#m4-page">La page</a>
|
||||
<a href="#m4-saut">Le saut de page</a>
|
||||
<a href="#m4-entete">En-tête et pied de page</a>
|
||||
<a href="#m4-champs">Les champs</a>
|
||||
<a href="#m4-sortir">Vérifier et imprimer</a>
|
||||
<a href="#m4-textes">Textes à saisir</a>
|
||||
<a href="#m4-quiz">Teste-toi</a>
|
||||
<h2>Autres modules</h2>
|
||||
<a href="../index.html">Tous les modules de la classe</a>
|
||||
<a href="../module3/index.html">Module 3, mettre en forme</a>
|
||||
</nav>
|
||||
|
||||
<main class="feuille" id="haut">
|
||||
<div class="regle" aria-hidden="true"></div>
|
||||
<div class="inner">
|
||||
|
||||
<p class="chapeau">Le module 3 travaillait à l'intérieur de la page. Celui-ci travaille sur la page
|
||||
elle-même : son format, ses marges, l'endroit où elle se coupe, ce qui se répète en haut et en bas,
|
||||
et la façon dont le document sort de l'ordinateur.</p>
|
||||
|
||||
<h2 id="m4-page"><span class="module-tag">Module 4</span><br>La page</h2>
|
||||
<p>Trois réglages définissent une page, et ils se trouvent tous au même endroit : Format, puis Style de page.</p>
|
||||
<p>Déplace les curseurs : la zone bleue est celle où ton texte peut s'écrire.</p>
|
||||
|
||||
<div class="at-mise">
|
||||
<div>
|
||||
<div class="at-page" id="at-page"><div class="at-page__zone" id="at-page-zone"></div></div>
|
||||
<p class="at-page__note" id="at-page-note"></p>
|
||||
</div>
|
||||
<div class="at-barre">
|
||||
<div>
|
||||
<label>Orientation</label>
|
||||
<div class="at-aligns" id="at-orient">
|
||||
<button type="button" data-v="portrait" aria-pressed="true">Portrait</button>
|
||||
<button type="button" data-v="paysage" aria-pressed="false">Paysage</button>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label for="at-m-haut">Marge du haut : <output id="at-m-haut-v">2</output> cm</label>
|
||||
<input type="range" id="at-m-haut" min="0.5" max="5" step="0.5" value="2">
|
||||
</div>
|
||||
<div>
|
||||
<label for="at-m-bas">Marge du bas : <output id="at-m-bas-v">2</output> cm</label>
|
||||
<input type="range" id="at-m-bas" min="0.5" max="5" step="0.5" value="2">
|
||||
</div>
|
||||
<div>
|
||||
<label for="at-m-gauche">Marge de gauche : <output id="at-m-gauche-v">2</output> cm</label>
|
||||
<input type="range" id="at-m-gauche" min="0.5" max="5" step="0.5" value="2">
|
||||
</div>
|
||||
<div>
|
||||
<label for="at-m-droite">Marge de droite : <output id="at-m-droite-v">2</output> cm</label>
|
||||
<input type="range" id="at-m-droite" min="0.5" max="5" step="0.5" value="2">
|
||||
</div>
|
||||
<div>
|
||||
<label>Zones répétées</label>
|
||||
<label class="at-case"><input type="checkbox" id="at-entete"> en-tête</label>
|
||||
<label class="at-case"><input type="checkbox" id="at-pied"> pied de page</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="regle-cle">
|
||||
<p>Format A4 en Belgique, 21 sur 29,7 cm. Deux centimètres de marge conviennent à presque tout. En dessous de 1,5 cm, certaines imprimantes coupent le texte. Pour un document à perforer, 2,5 cm à gauche.</p>
|
||||
</div>
|
||||
|
||||
<figure>
|
||||
<img src="../images/m4-style-page.png" alt="Boîte de dialogue Style de page"
|
||||
onerror="this.outerHTML='<div class=\'manque\'>Capture à ajouter : <code>3tq-technique-sociale/images/m4-style-page.png</code><br>Boîte Format, Style de page, onglet Page : format, orientation et les quatre marges.</div>'">
|
||||
<figcaption>Format, puis Style de page, onglet Page.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2 id="m4-saut">Le saut de page</h2>
|
||||
<p>Deux façons de faire commencer un titre en haut d'une page. Une seule tient la route.</p>
|
||||
<p>Clique sur le bouton : une phrase s'ajoute au début du texte, comme quand tu complètes un document déjà écrit.</p>
|
||||
|
||||
<div class="actions">
|
||||
<button type="button" id="at-flux-plus" class="plein">Ajouter une phrase au début</button>
|
||||
<button type="button" id="at-flux-reset">Remettre à zéro</button>
|
||||
</div>
|
||||
|
||||
<div class="at-duo">
|
||||
<div>
|
||||
<h4>Lignes vides jusqu'à la page suivante</h4>
|
||||
<div class="at-flux" id="at-flux-vides"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Saut de page avec <code>Ctrl+Entrée</code></h4>
|
||||
<div class="at-flux" id="at-flux-saut"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>À gauche, le titre glisse au milieu de la page 2 et il faudra supprimer des lignes vides une à une. À droite, il reste en haut de la page 2, quoi que tu ajoutes avant.</p>
|
||||
|
||||
<div class="regle-cle">
|
||||
<p><code>Ctrl+Entrée</code> pour changer de page. Pour supprimer un saut, place le curseur juste en dessous du trait pointillé et appuie sur Retour arrière.</p>
|
||||
</div>
|
||||
|
||||
<h2 id="m4-entete">En-tête et pied de page</h2>
|
||||
<p>L'en-tête est une zone en haut de chaque page, le pied de page une zone en bas. Ce qu'on y écrit se répète automatiquement sur toutes les pages. On y met ce qui identifie le document : son titre, l'organisme, la date, le numéro de page.</p>
|
||||
<p>Pour activer : Insertion, puis En-tête et pied de page, puis En-tête ou Pied de page, puis Style par défaut.</p>
|
||||
<p>Dans ces zones, la touche <code>Tab</code> saute au centre, une seconde fois à droite. Les taquets y sont déjà posés : tu n'as rien à régler, et surtout rien à aligner à la barre d'espace.</p>
|
||||
|
||||
<div class="regle-cle">
|
||||
<p>Si tu retapes le titre en haut de chaque page dans le corps du texte, tout est faux dès que le texte se décale d'une ligne.</p>
|
||||
</div>
|
||||
|
||||
<figure>
|
||||
<img src="../images/m4-entete.png" alt="Zone d'en-tête active dans Writer"
|
||||
onerror="this.outerHTML='<div class=\'manque\'>Capture à ajouter : <code>3tq-technique-sociale/images/m4-entete.png</code><br>Haut de page avec la zone d\'en-tête active, séparée du corps du texte.</div>'">
|
||||
<figcaption>La zone d'en-tête, active.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2 id="m4-champs">Les champs</h2>
|
||||
<p>Certaines informations ne se tapent pas : le logiciel les insère et les tient à jour. On les appelle des champs. À l'écran, ils apparaissent sur un fond grisé qui ne s'imprime pas.</p>
|
||||
|
||||
<table>
|
||||
<tr><th>Champ</th><th>Où le trouver</th></tr>
|
||||
<tr><td>Numéro de page</td><td>Insertion, Numéro de page</td></tr>
|
||||
<tr><td>Nombre de pages</td><td>Insertion, Champ, Nombre de pages</td></tr>
|
||||
<tr><td>Date</td><td>Insertion, Champ, Date</td></tr>
|
||||
<tr><td>Nom du fichier</td><td>Insertion, Champ, Nom de fichier</td></tr>
|
||||
</table>
|
||||
|
||||
<p>Ajoute des pages au document imaginaire ci-dessous et compare les deux pieds de page.</p>
|
||||
|
||||
<div class="actions">
|
||||
<button type="button" id="at-page-plus" class="plein">Ajouter une page</button>
|
||||
<button type="button" id="at-page-reset">Remettre à 4 pages</button>
|
||||
</div>
|
||||
|
||||
<div class="at-duo">
|
||||
<div>
|
||||
<h4>Numéro tapé à la main</h4>
|
||||
<div class="at-pied" id="at-pied-main"></div>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Numéro inséré comme champ</h4>
|
||||
<div class="at-pied" id="at-pied-champ"></div>
|
||||
</div>
|
||||
</div>
|
||||
<p id="at-champ-note"></p>
|
||||
|
||||
<h2 id="m4-sortir">Vérifier et imprimer</h2>
|
||||
<p>L'écran ment : il n'affiche pas la taille réelle et ne montre pas où les pages se coupent. L'aperçu, lui, montre le document tel qu'il sortira. Menu Fichier, puis Aperçu, ou <code>Ctrl+Maj+O</code>.</p>
|
||||
<p>Ce qu'on regarde dans l'aperçu :</p>
|
||||
<ul>
|
||||
<li>une page se termine-t-elle par un titre seul, sans texte en dessous ?</li>
|
||||
<li>une page commence-t-elle par une seule ligne isolée ?</li>
|
||||
<li>l'en-tête et le pied figurent-ils sur toutes les pages ?</li>
|
||||
<li>reste-t-il une page presque vide ?</li>
|
||||
<li>les marges sont-elles régulières ?</li>
|
||||
</ul>
|
||||
<p>Dans la fenêtre d'impression, <code>Ctrl+P</code>, trois réglages servent souvent : choisir les pages à imprimer en tapant par exemple 2-3, imprimer plusieurs pages sur une feuille pour relire sans gâcher de papier, et choisir le nombre d'exemplaires.</p>
|
||||
|
||||
<div class="regle-cle">
|
||||
<p>Le PDF pour envoyer, le .odt pour garder. Exporter ne remplace pas enregistrer : sans ton fichier modifiable, tu ne pourras plus rien corriger.</p>
|
||||
</div>
|
||||
|
||||
<p>Pour exporter : Fichier, Exporter vers, Exporter au format PDF.</p>
|
||||
|
||||
<h2 id="m4-textes">Textes à saisir</h2>
|
||||
<p>Les textes des exercices. Le document se construit d'un exercice à l'autre : tu repars à chaque fois du fichier précédent.</p>
|
||||
|
||||
<details><summary>Exercice 1, la fiche d'information</summary>
|
||||
<div class="specimen">
|
||||
<p>Fiche d'information à destination des parents</p>
|
||||
<p>La crèche Les Petits Pas accueille les enfants de deux mois et demi à trois ans. Elle dispose de trente-six places réparties en trois sections selon l'âge des enfants. L'équipe se compose de puéricultrices, d'une infirmière et d'une directrice.</p>
|
||||
<p>Les inscriptions se prennent à partir du quatrième mois de grossesse. Une visite des locaux est organisée avant toute inscription définitive. Elle permet de rencontrer l'équipe et de poser les questions pratiques liées à l'arrivée de l'enfant.</p>
|
||||
<p>La participation financière des parents est calculée sur la base des revenus du ménage, selon le barème fixé par l'Office de la naissance et de l'enfance. Une attestation fiscale est délivrée chaque année pour les frais de garde.</p>
|
||||
<p>La crèche est ouverte de sept heures à dix-huit heures trente, du lundi au vendredi. Elle est fermée les jours fériés légaux, entre Noël et Nouvel An, ainsi que trois semaines en été. Les dates de fermeture sont communiquées aux parents en début d'année.</p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details><summary>Exercice 2, les trois sections à ajouter</summary>
|
||||
<div class="specimen">
|
||||
<p>Le déroulement d'une journée</p>
|
||||
<p>L'accueil du matin se fait de sept heures à neuf heures. Chaque enfant est remis à une puéricultrice de sa section, avec les informations utiles de la nuit et du petit-déjeuner. Les activités d'éveil occupent la fin de la matinée.</p>
|
||||
<p>Le repas de midi est préparé sur place par une cuisinière. Les menus sont affichés à l'entrée et adaptés à l'âge des enfants. La sieste suit le repas et dure jusqu'à quinze heures pour les plus jeunes.</p>
|
||||
<p>Le matériel à fournir</p>
|
||||
<p>Les parents fournissent les langes, les vêtements de rechange, le doudou et la tétine si l'enfant en utilise. Tout est marqué au nom de l'enfant. Les biberons sont préparés par la crèche pour les enfants qui ne sont pas allaités.</p>
|
||||
<p>Les vêtements de rechange sont vérifiés chaque semaine par l'équipe. Un message est adressé aux parents lorsque le stock est insuffisant.</p>
|
||||
<p>En cas de maladie</p>
|
||||
<p>Un enfant fiévreux ou contagieux ne peut pas être accueilli. Les parents sont prévenus dès l'apparition des symptômes et viennent le chercher dans les meilleurs délais.</p>
|
||||
<p>Aucun médicament n'est administré sans prescription médicale écrite. Les vaccinations obligatoires doivent être à jour et le carnet de vaccination est présenté à l'inscription.</p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<h2 id="m4-quiz">Teste-toi, module 4</h2>
|
||||
<div class="quiz" id="quiz4"></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 src="../../assets/atelier-m3-m4.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user