|
1 | 1 | --- |
2 | | -altLangPage: https://design.canada.ca/recommended-templates/generic-destination.html |
3 | | -date: null |
4 | 2 | dateModified: '2025-12-17' |
5 | | -description: null |
| 3 | +layout: redirect |
| 4 | +redirect: |
| 5 | + link: https://systeme-design.alpha.canada.ca/fr/modeles-de-page/basic/ |
| 6 | + title: Modèle de page de base du Système de design GC |
6 | 7 | title: "Page de contenu de base" |
7 | 8 | --- |
8 | | - |
9 | | - |
10 | | -<section class="alert alert-info mrgn-tp-md"> |
11 | | - <p>Nous retirons ce modèle. Vous pouvez utiliser le <a href="https://systeme-design.alpha.canada.ca/fr/modeles-de-page/basic/">modèle de page de base</a> du Système de design GC.</p> |
12 | | - <p>Vous pouvez aussi combiner les éléments et les modèles obligatoires tirés de conception.canada.ca afin de créer une page qui aidera les utilisateurs à accomplir leurs tâches :</p> |
13 | | - <ul> |
14 | | - <li><a href="https://conception.canada.ca/specifications/elements-obligatoires.html">Éléments obligatoires de la conception de Canada.ca</a></li> |
15 | | - <li><a href="https://conception.canada.ca/bibliotheque-modeles.html">Bibliothèque de modèles et de configurations de conception</a></li> |
16 | | - </ul> |
17 | | -</section> |
18 | | - |
19 | | -<div> |
20 | | - |
21 | | - <section> |
22 | | - <p> |
23 | | - Ce modèle est la mise en page de base pour les pages de contenu de Canada.ca. |
24 | | - </p> |
25 | | - </section> |
26 | | - <section> |
27 | | - <h2> |
28 | | - Sur cette page |
29 | | - </h2> |
30 | | - <ul> |
31 | | - <li> |
32 | | - <a href="#quand"> |
33 | | - Quand l'utiliser |
34 | | - </a> |
35 | | - </li> |
36 | | - <li> |
37 | | - <a href="#eviter"> |
38 | | - Quoi éviter |
39 | | - </a> |
40 | | - </li> |
41 | | - <li> |
42 | | - <a href="#comment"> |
43 | | - Comment mettre en œuvre |
44 | | - </a> |
45 | | - </li> |
46 | | - <li> |
47 | | - <a href="#changements"> |
48 | | - Derniers changements |
49 | | - </a> |
50 | | - </li> |
51 | | - </ul> |
52 | | - </section> |
53 | | - <section> |
54 | | - <h2 id="quand"> |
55 | | - Quand l'utiliser |
56 | | - </h2> |
57 | | - <p> |
58 | | - Utilisez-la comme point de départ pour combiner des composants et des modèles. |
59 | | - </p> |
60 | | - </section> |
61 | | - <section> |
62 | | - <h2 id="eviter"> |
63 | | - Quoi éviter |
64 | | - </h2> |
65 | | - <p> |
66 | | - Avant de tenter de créer votre propre mise en page, vérifiez s'il existe un modèle obligatoire ou recommandé dans la bibliothèque pour le contenu que vous voulez publier. |
67 | | - </p> |
68 | | - <a href="https://www.canada.ca/fr/gouvernement/a-propos/systeme-conception/bibliotheque-modeles.html"> |
69 | | - Bibliothèque de modèles et de configurations de conception |
70 | | - </a> |
71 | | - </section> |
72 | | - <section> |
73 | | - <h2 id="comment"> |
74 | | - Comment mettre en œuvre |
75 | | - </h2> |
76 | | - <p> |
77 | | - Combinez les composantes et les modèles de la bibliothèque pour créer une page qui aidera les utilisateurs à accomplir leurs tâches. Assurez-vous de rédiger le contenu en suivant les principes du Guide de rédaction du contenu du site Canada.ca. |
78 | | - </p> |
79 | | - <ul> |
80 | | - <li> |
81 | | - <a href="{{ site.url }}/specifications/elements-obligatoires.html"> |
82 | | - Éléments obligatoires du système de conception |
83 | | - </a> |
84 | | - </li> |
85 | | - <li> |
86 | | - <a href="https://www.canada.ca/fr/gouvernement/a-propos/systeme-conception/bibliotheque-modeles.html"> |
87 | | - Bibliothèque de modèles et de configurations de conception |
88 | | - </a> |
89 | | - </li> |
90 | | - <li> |
91 | | - <a href="https://www.canada.ca/fr/secretariat-conseil-tresor/services/communications-gouvernementales/guide-redaction-contenu-canada.html"> |
92 | | - Guide de rédaction |
93 | | - </a> |
94 | | - </li> |
95 | | - </ul> |
96 | | - <p> |
97 | | - Voici quelques exemples de mises en page avec lesquelles vous pouvez commencer : |
98 | | - </p> |
99 | | - <div class="row"> |
100 | | - <div class="col-md-9 col-lg-8"> |
101 | | - <table class="table"> |
102 | | - <caption> |
103 | | - Examples de page de contenu de base |
104 | | - </caption> |
105 | | - <thead> |
106 | | - <tr> |
107 | | - <th> |
108 | | - Mise en page |
109 | | - </th> |
110 | | - <th> |
111 | | - Modèles utilisés |
112 | | - </th> |
113 | | - </tr> |
114 | | - </thead> |
115 | | - <tbody> |
116 | | - <tr> |
117 | | - <td> |
118 | | - <a href="../mise-en-page/generique-base.html"> |
119 | | - Page de contenu de base |
120 | | - </a> |
121 | | - </td> |
122 | | - <td> |
123 | | - <ul> |
124 | | - <li> |
125 | | - <a href="https://www.canada.ca/fr/secretariat-conseil-tresor/services/communications-gouvernementales/guide-redaction-contenu-canada.html#wp5-1"> |
126 | | - Titre de page |
127 | | - </a> |
128 | | - </li> |
129 | | - </ul> |
130 | | - </td> |
131 | | - </tr> |
132 | | - <tr> |
133 | | - <td> |
134 | | - <a href="../mise-en-page/generique-toc.html"> |
135 | | - Avec table des matières à l’intérieur de la page |
136 | | - </a> |
137 | | - </td> |
138 | | - <td> |
139 | | - <ul> |
140 | | - <li> |
141 | | - <a href="https://www.canada.ca/fr/secretariat-conseil-tresor/services/communications-gouvernementales/guide-redaction-contenu-canada.html#wp5-1"> |
142 | | - Titre de page |
143 | | - </a> |
144 | | - </li> |
145 | | - <li> |
146 | | - <a href="../configurations-conception-communes/table-matiere-interieur.html"> |
147 | | - Table des matières à l’intérieur de la page |
148 | | - </a> |
149 | | - </li> |
150 | | - </ul> |
151 | | - </td> |
152 | | - </tr> |
153 | | - <tr> |
154 | | - <td> |
155 | | - <a href="../mise-en-page/generique-sit1.html"> |
156 | | - Avec navigation dans plusieurs pages ordonnées |
157 | | - </a> |
158 | | - </td> |
159 | | - <td> |
160 | | - <ul> |
161 | | - <li> |
162 | | - <a href="https://www.canada.ca/fr/secretariat-conseil-tresor/services/communications-gouvernementales/guide-redaction-contenu-canada.html#wp5-1"> |
163 | | - Titre de page |
164 | | - </a> |
165 | | - </li> |
166 | | - <li> |
167 | | - <a href="../configurations-conception-communes/navigation-plusieurs-pages.html"> |
168 | | - Navigation dans plusieurs pages ordonnées |
169 | | - </a> |
170 | | - </li> |
171 | | - </ul> |
172 | | - </td> |
173 | | - </tr> |
174 | | - </tbody> |
175 | | - </table> |
176 | | - </div> |
177 | | - </div> |
178 | | - </section> |
179 | | - |
180 | | -<section> |
181 | | - <h2 id="changements">Derniers changements</h2> |
182 | | - <dl class="dl-horizontal"> |
183 | | - <dt><time>2025-12-17</time></dt> |
184 | | - <dd>ajout d’une alerte pour indiquer qu’une mise hors service est programmée pour ce modèle</dd> |
185 | | - </dl> |
186 | | - </section> |
0 commit comments