Page de contenu classique en une seule colonne
Test de sous-titre (jamais utilisé...)
Verum ad istam omnem orationem brevis est defensio. Nam quoad aetas M. Caeli dare potuit isti suspicioni locum, fuit primum ipsius pudore, deinde etiam patris diligentia disciplinaque munita. Qui ut huic virilem togam deditšnihil dicam hoc loco de me; tantum sit, quantum vos existimatis; hoc dicam, hunc a patre continuo ad me esse deductum; nemo hunc M. Caelium in illo aetatis flore vidit nisi aut cum patre aut mecum aut in M. Crassi castissima domo, cum artibus honestissimis erudiretur.
Bloc avec les styles du RTE
A a À à Â â Ä ä Ã ã B b C c ç D d E e é È è Ê ê Ë ë F f G g H h I i Ì ì Î î Ï ï J j K k L l M m N n Ñ ñ O o Ò ò Ô ô Ö ö Õ õ P p Q q R r S s T t U u Ù ù Û û Ü ü V v W w X x Y y ÿ Z z
_ - ' . , ; : ! ? @ & § ~ ^ " ¨ ° | ( ) { } [ ] / \\ < > " #
0 1 2 3 4 5 6 7 8 9 ² * + = % µ
€ $ ¤ £ œ
A a À à Â â Ä ä Ã ã B b C c ç D d E e é È è Ê ê Ë ë F f G g H h I i Ì ì Î î Ï ï J j K k L l M m N n Ñ ñ O o Ò ò Ô ô Ö ö Õ õ P p Q q R r S s T t U u Ù ù Û û Ü ü V v W w X x Y y ÿ Z z
_ - ' . , ; : ! ? @ & § ~ ^ " ¨ ° | ( ) { } [ ] / \\ < > " #
0 1 2 3 4 5 6 7 8 9 ² * + = % µ
€ $ ¤ £ œ
Liens externes et internes
Ceci est un paragraphe avec un lien externe vers Artifica
Ceci est un paragraphe😀 avec 🤣 un lien interne vers la page d'accueil du site
Liens du RTE
Lien vers un paragraphe d'une page
Texte barré
Texte avec une partie en "important"
Texte avec un lien "0123456789"
Exemple de bouton paramétrable
Exemple de titres (du h3 au h6)
Texte du titre de niveau 4
Texte du titre de niveau 5
Il n'y a pas de titre de niveau 6
Exemple de citation
Contrairement à une idée répandue, le faux-texte ne donne même pas un aperçu réaliste du gris typographique, en particulier dans le cas des textes justifiés.
Exemple de vidéo enregistrée en BO uniquement avec un lien entre crochet
Le seul conseil, en effet, qu’une personne puisse donner à une autre à propos de la lecture, c’est de ne demander aucun conseil, de suivre son propre instinct, d’user de sa propre raison, d’en arriver à ses propres conclusions
H2 titre de paragraphe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus faucibus quis tellus ac fermentum. Nulla ut imperdiet turpis. Nunc adipiscing, ipsum ac imperdiet gravida, justo velit sagittis elit, vitae bibendum enim leo ultrices velit. Cum sociis natoque penatibus.
H2 titre de paragraphe
H3 titre de paragraphe
Praesent sit amet vehicula erat, vel convallis ligula. Quisque ut lobortis felis, dapibus aliquam orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean sollicitudin purus in nunc ultricies tristique. Proin pulvinar blandit magna, at hendrerit nisl sodales sed.
Curabitur vestibulum diam ut ultrices facilisis.
Praesent sit amet vehicula erat, vel convallis ligula. Quisque ut lobortis felis, dapibus aliquam orci. Pellentesque habitant morbi tristique. Proin pulvinar blandit magna, at hendrerit nisl sodales sed.
Praesent sit amet. Proin pulvinar blandit magna, at hendrerit nisl sodales sed.
Praesent sit amet vehicula erat, vel convallis ligula. Quisque ut lobortis felis, dapibus aliquam orci.
H2 TITRE DE PARAGRAPHE SUR DEUX LIGNES POUR TESTER TOUS LES CAS DE FIGURES
Praesent sit amet vehicula erat, vel convallis ligula. Quisque ut lobortis felis, dapibus aliquam orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
- Elément de liste ordonnée 1
- Elément de liste ordonnée 2
- Elément de liste ordonnée 3
Aenean sollicitudin purus in nunc ultricies tristique. Proin pulvinar blandit magna, at hendrerit nisl sodales sed.
- Donec tempor nisl lacinia viverra consectetur
- Nam pellentesque turpis eu dui eleifend congue
- Sed in sapien at ante
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus faucibus quis tellus ac fermentum. Nulla ut imperdiet turpis. Nunc adipiscing, ipsum ac imperdiet gravida, justo velit sagittis elit, vitae bibendum enim leo ultrices velit.
| En-tête 1 | En-tête 2 | En-tête 3 | En-tête 4 |
|---|---|---|---|
| text 1 1 | text 1 2 | text 1 3 | text 1 4 |
| text 2 1 | text 2 2 | text 2 3 | text 2 4 |
Listes
- Verum ad istam omnem orationem brevis est defensio. Nam quoad aetas M. Caeli dare potuit isti suspicioni locum, fuit primum ipsius pudore,
- deinde etiam patris diligentia disciplinaque munita.
- Qui ut huic virilem togam deditšnihil dicam
- eferente Thalassio doctus, quem e
- um odisse iam conpererat lege
- communi, scribens ad Caesar
- em blandius adiumenta paulat
- hoc loco de me; tantum sit, quantum
- vos existimatis; hoc dicam, hunc a patre continuo ad me esse deductum; nemo hunc M. Caelium in illo
- aetatis flore vidit
- nisi aut cum patre aut
- mecum aut in M. Crassi castissim
- a domo, cum artibus honestissimis
- im illi subtraxit, sollicitari se si
- mulans ne, uti est militare otiu
- m fere tumultuosum, in eius pe
- rniciem conspiraret, solisque scho
- lis iussit esse contentum palatinis et protecto
- rum cum Scutariis et Gentilibus, et m
- andabat Domitiano, ex comite largitionu
- m, praefecto ut cum in Syriam ven
- erudiretur.
- Haec subinde Constan
- tius audiens et quaedam
Liste à puces ordonnées
- Cras vestibulum bibendum augue. Praesent egestas leo in pede.
- Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales.
- Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh.
- Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
- Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar.
- Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula.
- Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna.
- Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis.
Texte + image au-dessus centrée
Texte + image au-dessus centrée Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean serricultrices mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat.
Texte + image au-dessous centrée
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean serricultrices mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat.
Texte + image à droite
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, ne
Texte + image à gauche
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat.
2 images sur 2 colonnes
test texte
Bloc d'URL
Test de lien interne
Car c’est par l’écriture toujours qu’on pénètre le mieux les gens. La parole éblouit et trompe parce qu’elle est mimée par le visage, parce qu’on la voit sortir des lèvres et que les lèvres plaisent et que les yeux séduisent. Mais les mots noirs, sur le papier blanc, c’est l’âme toute nue
Bloc d'accordéon (mettre un titre h3 pour l'accessibilité)
Généralement, on utilise un texte en faux latin (le texte ne veut rien dire, il a été modifié), le Lorem ipsum ou Lipsum, qui permet donc de faire office de texte d'attente. L'avantage de le mettre en latin est que l'opérateur sait au premier coup d'oeil que la page contenant ces lignes n'est pas valide, et surtout l'attention du client n'est pas dérangée par le contenu, il demeure concentré seulement sur l'aspect graphique.
Ce texte a pour autre avantage d'utiliser des mots de longueur variable, essayant de simuler une occupation normale. La méthode simpliste consistant à copier-coller un court texte plusieurs fois (« ceci est un faux-texte ceci est un faux-texte ceci est un faux-texte ceci est un faux-texte ceci est un faux-texte ») a l'inconvénient de ne pas permettre une juste appréciation typographique du résultat final.
Il circule des centaines de versions différentes du Lorem ipsum, mais ce texte aurait originellement été tiré de l'ouvrage de Cicéron, De Finibus Bonorum et Malorum (Liber Primus, 32), texte populaire à cette époque, dont l'une des premières phrases est : « Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit... » (« Il n'existe personne qui aime la souffrance pour elle-même, ni qui la recherche ni qui la veuille pour ce qu'elle est... »).
Expert en utilisabilité des sites web et des logiciels, Jakob Nielsen souligne que l'une des limites de l'utilisation du faux-texte dans la conception de sites web est que ce texte n'étant jamais lu, il ne permet pas de vérifier sa lisibilité effective. La lecture à l'écran étant plus difficile, cet aspect est pourtant essentiel. Nielsen préconise donc l'utilisation de textes représentatifs plutôt que du lorem ipsum. On peut aussi faire remarquer que les formules conçues avec du faux-texte ont tendance à sous-estimer l'espace nécessaire à une titraille immédiatement intelligible, ce qui oblige les rédactions à formuler ensuite des titres simplificateurs, voire inexacts, pour ne pas dépasser l'espace imparti.
Contrairement à une idée répandue, le faux-texte ne donne même pas un aperçu réaliste du gris typographique, en particulier dans le cas des textes justifiés : en effet, les mots fictifs employés dans le faux-texte ne faisant évidemment pas partie des dictionnaires des logiciels de PAO, les programmes de césure ne peuvent pas effectuer leur travail habituel sur de tels textes. Par conséquent, l'interlettrage du faux-texte sera toujours quelque peu supérieur à ce qu'il aurait été avec un texte réel, qui présentera donc un aspect plus sombre et moins lisible que le faux-texte avec lequel le graphiste a effectué ses essais. Un vrai texte pose aussi des problèmes de lisibilité spécifiques (noms propres, numéros de téléphone, retours à la ligne fréquents, composition des citations en italiques, intertitres de plus de deux lignes...) qu'on n'observe jamais dans le faux-texte.
Contrairement à une idée répandue, le faux-texte ne donne même pas un aperçu réaliste du gris typographique, en particulier dans le cas des textes justifiés : en effet, les mots fictifs employés dans le faux-texte ne faisant évidemment pas partie des dictionnaires des logiciels de PAO, les programmes de césure ne peuvent pas effectuer leur travail habituel sur de tels textes. Par conséquent, l'interlettrage du faux-texte sera toujours quelque peu supérieur à ce qu'il aurait été avec un texte réel, qui présentera donc un aspect plus sombre et moins lisible que le faux-texte avec lequel le graphiste a effectué ses essais.
Test de card par défaut
Titre de test
Sous-titre de test
Elles se groupèrent toutes autour du feu. Meg et Amy se placèrent sur les bras du grand fauteuil de leur mère, Beth à ses pieds, et Jo s’appuya sur le dos du fauteuil, afin que, si la lettre était émouvante, personne ne put la voir pleurer.
Dans ces temps de guerre, toutes les lettres étaient touchantes, et surtout celles des pères à leurs enfants. Celle-ci était non pas gaie, mais pleine d’espoir ; elle contenait des descriptions animées de la vie des camps et quelques nouvelles militaires. Il pensait que cette guerre, plus funeste qu’aucune autre, puisqu’elle avait le malheur d’être une guerre civile, prendrait fin plus tôt qu’on n’avait osé l’espérer. À la dernière page seulement, le cœur de l’écrivain se desserrait tout à fait, et le désir de revoir sa femme et ses petites filles y débordait.
Titre du 2ème bloc de card de test
La pendule sonna six heures, et Beth, ayant balayé le devant de la cheminée, mit à chauffer devant la flamme une paire de pantoufles. D’une façon ou d’une autre, la vue des pantoufles eut un bon effet sur les jeunes filles ; leur mère allait rentrer, et chacune d’elles s’apprêta à la bien recevoir. Meg cessa de gronder et alluma la lampe, Amy sortit du fauteuil sans qu’on le lui eût demandé, et Jo oublia combien elle était fatiguée en relayant Beth dans le soin qu’elle prenait de tenir le plus près possible du feu les pantoufles qui attendaient leur mère.
Mentions légales
- Théâtre Alexandre Dumas
- Jardin des Arts
- Place André-Malraux
- 78100 Saint-Germain-en-Laye
- Billetterie : 01 30 87 07 07