ConTeXt/Charte graphique de ce Wikilivre
Pour signaler les chapitres non finalisés, insérer en tête de page :
Charte graphique et outils (Manuel ConTeXt)
[modifier | modifier le wikicode]Cette page centralise les gabarits et conventions utilisés dans le Manuel ConTeXt. Elle sert de référence pour harmoniser les pages (navigation, encadrés, typographie).
1. Squelette général d’une page
[modifier | modifier le wikicode]1.1. Ordre recommandé (haut de page)
[modifier | modifier le wikicode][[Fichier:ConTeXt Logo.svg|60px|alt=ConTeXt|link=ConTeXt]]
{{ConTeXtNavTemp
|part=I
|ch=1
|here=Titre de la page (affiché)
|prev=[[...|Page précédente]]
|next=[[...|Page suivante]]
}}
== Titre de la page ==
<!-- (Optionnel mais recommandé) : bloc de lisibilité écran -->
<div style="max-width:72ch; margin:0 auto; font-size:105%; line-height:1.75;">
... contenu ...
</div>
1.2. Ordre recommandé (bas de page)
[modifier | modifier le wikicode]... conclusion ...
{{ConTeXtNavTemp
|part=I
|ch=1
|here=Titre de la page (affiché)
|prev=[[...|Page précédente]]
|next=[[...|Page suivante]]
}}
{{AutoCat}}
2. Navigation entre pages
[modifier | modifier le wikicode]2.1. Modèle de navigation (appel)
[modifier | modifier le wikicode]Ce modèle est appelé en haut et en bas de page.
{{ConTeXtNavTemp
|part=I
|ch=1
|here=Préalables
|prev=[[ConTeXt/Pourquoi_ConTeXt_n%27est_pas_LaTeX_%3F|Page précédente]]
|next=[[ConTeXt/Installation|Page suivante]]
}}
2.2. Conventions de navigation
[modifier | modifier le wikicode]- Tout sur une seule ligne (cadre unique).
- Flèches : triangles noirs (◀ ▶) “gros”.
- Libellés : « Page précédente » / « Page suivante » (pas de titres longs).
- Orientation : « Part. X, ch. Y » au centre.
- Seule la page en cours est affichée en clair (paramètre
here).
3. Encadrés pédagogiques
[modifier | modifier le wikicode]3.1. Encadré « Objectifs »
[modifier | modifier le wikicode]Icône observée : 
(à conserver ou remplacer si besoin).
Gabarit (bloc “objectif” bleu clair, bord gauche) :
<div style="border-left:4px solid #3366cc; background:#eef4ff; padding:1em; margin:1.2em 0;"> <div style="font-family:Georgia, 'Times New Roman', serif; font-size:110%; margin-bottom:0.4em;"> [[File:Applications-office.svg|36px|link=|alt=Objectifs]] <b>Objectifs de cette section</b> </div> Texte introductif… <ul> <li>objectif 1</li> <li>objectif 2</li> <li>objectif 3</li> </ul> </div>
3.2. Encadré « Avertissement » (version rouge “stop”)
[modifier | modifier le wikicode]Icône observée : 
<div style="border-left:4px solid #8b0000; background:#f8eeee;
padding:1em; margin:1.2em 0; font-size:95%;">
[[File:Crystal128-stop.svg|32px]]
<b>Avertissement</b><br/>
Texte de l’avertissement.
</div>
3.3. Encadré « Avertissement » (version rouge “warning”)
[modifier | modifier le wikicode]Icône observée : 
<div style="border-left:4px solid #aa0000; background:#ffecec; padding:1em; margin:1.2em 0;"> [[File:Dialog-warning.svg|28px|alt=Avertissement|style=vertical-align:middle; margin-right:0.4em;]] <b>Avertissement</b><br> Texte de l’avertissement. </div>
3.4. Encadré « Avertissement » (version jaune)
[modifier | modifier le wikicode]Icône observée :
<div style="border-left:4px solid #c09000; background:#fff7e0; padding:1em; margin:1.2em 0;"> [[File:Dialog-warning.svg|28px|alt=Avertissement|style=vertical-align:middle; margin-right:0.4em;]] <b>Avertissement !</b><br> Texte de l’avertissement. </div>
3.5. Encadré « Astuce »
[modifier | modifier le wikicode]Icône observée : 
<div style="border-left:4px solid #999; background:#f6f6f6;
padding:1em; margin:1.2em 0; font-size:95%;">
[[File:Crystal_Clear_app_ktip.png|32px]]
<b>Astuce</b><br/>
Texte de l’astuce.
</div>
Encadré "À retenir"
[modifier | modifier le wikicode]À retenir
Dans ConTeXt, le papier définit la taille de la page, tandis que le layout définit la manière dont cette page est organisée en zones typographiques.
Encadré "Méthode"
[modifier | modifier le wikicode]
Méthode
Lire le MWE comme une architecture minimale, non comme un modèle figé. L’objectif est de comprendre la logique de séparation des rôles, pas de mémoriser des commandes.
4. Typographie et lisibilité écran
[modifier | modifier le wikicode]4.1. Bloc “lecture confortable”
[modifier | modifier le wikicode]Recommandé pour les pages longues (texte “plantureux”) :
<div style="max-width:72ch; margin:0 auto; font-size:105%; line-height:1.75;"> ... contenu ... </div>
5. Liste des icônes utilisées
[modifier | modifier le wikicode]- Logo :
- Objectifs :
- Avertissement (stop) :
- Avertissement (warning) :
- Astuce :
6. Règle pratique
[modifier | modifier le wikicode]Avant de modifier une page : 1) vérifier l’ordre : logo → nav → titre → encadrés → contenu → nav 2) uniformiser les encadrés (couleurs, bord gauche, tailles d’icônes) 3) garder la navigation compacte (1 ligne) et sémantique (Part./ch.)