Page 2 colonnes

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 ² * + = % µ
€ $ ¤ £ œ

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 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

Bloc de texte avec des titres dans le bloc (vérification des styles, dont la marge)

Test de titre h2

Test de titre h3

Test de titre h4

Test de titre h5

Pas de h6 prévu par Bootstrap Package !

Paragraphe avec lettrine . 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.

Bloc de texte avec une belle image à sa droite

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.

Bloc de texte avec une belle image à sa gauche

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.

Bloc de texte avec une image au-dessus

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... »).

Bloc de texte avec 4 images cliquables en-dessous

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.

Bloc de texte avec 2 images à droite

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.

Texte avec 6 images au-dessus...

Attention, la Préfecture refuse les demandes de renouvellement de carte d'identité bénéficiant de la prorogation de cinq ans (cartes établies depuis 2004 pour une personne majeure), pour les personnes possédant un passeport en cours de validité.

Listes

Liste ordonnée

Il circule des centaines
Expert en utilisabilité des sites web et des logiciels
pour ne pas dépasser l'espace imparti
1. Il circule des centaines
2. Nielsen préconise donc l'utilisation de textes représentatifs plutôt que du lorem ipsum
  1. Dragée candy danish.
  2. Il circule des centaines
3. Nielsen préconise donc l'utilisation de textes représentatifs plutôt que du lorem ipsum
Il circule des centaines
Expert en utilisabilité des sites web et des logiciels

Liste non-ordonnée

Nielsen préconise donc l'utilisation de textes représentatifs plutôt que du lorem ipsum
Expert en utilisabilité des sites web et des logiciels
Nielsen préconise donc l'utilisation de textes représentatifs plutôt que du lorem ipsum
- Il circule des centaines
- pour ne pas dépasser l'espace imparti
  - Il circule des centaines
  - Expert en utilisabilité des sites web et des logiciels
- Expert en utilisabilité des sites web et des logiciels
Nielsen préconise donc l'utilisation de textes représentatifs plutôt que du lorem ipsum
Test de texte dans une liste avec une partie en gras.

Test de paragraphe avec une partie en gras.

Information importante

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.

Image seule

Tableaux (table, table-striped, table-bordered et table-condensed)

Class table

This is a table caption
Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
A row with a cell spanning all 3 columns
Table Footer 1	Table Footer 2	Table Footer 3

Class table-striped

This is a table caption
Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
A row with a cell spanning all 3 columns
Table Footer 1	Table Footer 2	Table Footer 3

Class table-bordered

This is a table caption
Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
A row with a cell spanning all 3 columns
Table Footer 1	Table Footer 2	Table Footer 3

Class table-condensed

This is a table caption
Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
A row with a cell spanning all 3 columns
Table Footer 1	Table Footer 2	Table Footer 3

Test de code HTML