Lorem ipsum dolor sit amet, consectetur adipiscing elit non diam in sapien facilisis laoreet eget nec diam vivamus risus vel dolor ultricies.

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

Lien email

Lien téléphone

Lien fichier

Texte barré
Texte avec une partie en "important"
Texte avec un lien "0123456789"

Exemple de bouton paramétrable

bouton paramétrable centré

bouton paramétrable centré

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

Accordéon

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.

3ème bloc (juste pour la forme)

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.

Bien sûr, un livre peut te changer ! Et même changer ta vie. Comme un coup de foudre. Et on ne peut pas savoir quand la rencontre aura lieu. Il faut se méfier des livres. Ce sont des génies endormis.

Gaël Faye

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.

Légende de la vidéo ou de la photo
© moi

2 images sur 2 colonnes

Titre du paragraphe

Sous-titre 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit nteger egestas dolor id nunc pulvinar tempor aenean ac nulla purus. Donec hendrerit neque metus, sit amet auctor lacus pretium eget, vivamus eu interdum odio, nunc placerat nec ipsum at lacinia, fusce sollicitudin diam sed est porttitor, id pulvinar ipsum faucibus.

Sous-titre 2

Aliquam faucibus venenatis odio, sit amet posuere arcu maximus et nulla euismod vitae lorem quis tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit nteger egestas dolor id nunc pulvinar tempor aenean ac nulla purus. Donec hendrerit neque metus, sit amet auctor lacus pretium eget, vivamus eu interdum odio, nunc placerat nec ipsum at lacinia, fusce sollicitudin diam sed est porttitor, id pulvinar ipsum faucibus. 

Sophie DUPONT, Conseillère municipale, chargée des affaires culturelles, du patrimoine et des festivités

Lorem ipsum dolor sit amet, consectetur adipiscing elit integer non diam in sapien facilisis laoreet necdiam #bibendum

Encarts

Stumptown gastropub sriracha normcore slow-carb lyft consectetur. Velit locavore irony microdosing, tacos gochujang glossier tumblr qui. Nesciunt vinyl mlkshk, paleo venmo pop-up succulents yuccie craft beer elit ad forage cupidatat man braid. Cold-pressed sartorial paleo, narwhal lo-fi sunt waistcoat woke VHS.

Sed wayfarers cardigan asymmetrical marfa, scenester succulents butcher readymade four dollar toast. Eiusmod chillwave dolore nostrud. Blog poke af chia, etsy incididunt cliche microdosing id everyday carry skateboard sed ad kitsch.

Polaroid schlitz poutine 90's activated charcoal. Actually fugiat flexitarian blog offal. Eu kinfolk cardigan, shoreditch DIY seitan flexitarian occaecat literally YOLO ramps. Nihil pok pok roof party drinking vinegar put a bird on it before they sold out, yuccie art party listicle tote bag.

Vice small batch poke non, YOLO salvia mlkshk. Man braid roof party organic snackwave, kickstarter pour-over microdosing. 3 wolf moon snackwave banjo kickstarter.

Listes

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Etiam non diam vel lacus aliquam laoreet eu quis erat.
  • Vivamus in mi in turpis mollis tempus vel sed enim.
  • Integer consequat orci at condimentum gravida.
  • Vestibulum consectetur turpis tincidunt justo auctor hendrerit.
  • Aliquam consectetur ligula eget velit accumsan, ac consectetur elit commodo.
    • Phasellus vel mauris consectetur, ullamcorper mi id, euismod enim.
    • Vestibulum accumsan est a leo ultrices, nec aliquam tellus dapibus.
    • Mauris fermentum erat nec purus dictum condimentum.
    • Sed tincidunt sem id felis feugiat elementum.
    • Etiam in enim laoreet, luctus tortor sed, blandit turpis.
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Etiam non diam vel lacus aliquam laoreet eu quis erat.
  3. Vivamus in mi in turpis mollis tempus vel sed enim.
  4. Integer consequat orci at condimentum gravida.
  5. Vestibulum consectetur turpis tincidunt justo auctor hendrerit.
  1. Aliquam consectetur ligula eget velit accumsan, ac consectetur elit commodo.
    1. Phasellus vel mauris consectetur, ullamcorper mi id, euismod enim.
    2. Vestibulum accumsan est a leo ultrices, nec aliquam tellus dapibus.
    3. Mauris fermentum erat nec purus dictum condimentum.
    4. Sed tincidunt sem id felis feugiat elementum.
    5. Etiam in enim laoreet, luctus tortor sed, blandit turpis.

Tableau simple

Légende de la table
Curabitur maximus fringilla Vivamus libero urna, consequat a vehicula nec, tincidunt maximus nulla
ipsum accumsan tristique. semper odio semper eget. Fusce ultrices placerat risus, eu semper
amet neque. Morbi accumsan Fusce enim est, suscipit non sagittis eget, viverra sit
amet, e tr tertert ert ert mollis quam quis malesuada. Maecenas sodales malesuada hendrerit. Lorem ipsum dolor sit
id mollis magna posuere. Etiam consectetur adipiscing elit. Nunc vulputate est vel elit porttitor,

Image à droite

Vivamus libero urna, consequat a vehicula nec, tincidunt maximus nulla. Curabitur maximus fringilla est, tincidunt semper odio semper eget. Fusce ultrices placerat risus, eu semper ipsum accumsan tristique. Fusce enim est, suscipit non sagittis eget, viverra sit amet neque. Morbi accumsan mollis quam quis malesuada. Maecenas sodales malesuada hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate est vel elit porttitor, id mollis magna posuere. Etiam vel tellus at nunc consequat vehicula. Phasellus iaculis feugiat diam, at vehicula lectus maximus non. Duis consectetur risus eu euismod porta. Pellentesque at elementum erat. Sed aliquam ante justo, ut fringilla nisi auctor id. Aliquam venenatis, nisi gravida maximus egestas, nunc odio accumsan ligula, id placerat elit purus bibendum leo. Suspendisse non pulvinar orci. Donec nec pellentesque justo.

Image à gauche

Vivamus libero urna, consequat a vehicula nec, tincidunt maximus nulla. Curabitur maximus fringilla est, tincidunt semper odio semper eget. Fusce ultrices placerat risus, eu semper ipsum accumsan tristique. Fusce enim est, suscipit non sagittis eget, viverra sit amet neque. Morbi accumsan mollis quam quis malesuada. Maecenas sodales malesuada hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate est vel elit porttitor, id mollis magna posuere. Etiam vel tellus at nunc consequat vehicula. Phasellus iaculis feugiat diam, at vehicula lectus maximus non. Duis consectetur risus eu euismod porta. Pellentesque at elementum erat. Sed aliquam ante justo, ut fringilla nisi auctor id. Aliquam venenatis, nisi gravida maximus egestas, nunc odio accumsan ligula, id placerat elit purus bibendum leo. Suspendisse non pulvinar orci. Donec nec pellentesque justo.

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.