Site portail de la ville de Tremblay-en-france logo

Sommaire

Bloc avec les styles du RTE

Sous-titre de bloc qui se transforme en titre de niveau h3

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é

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 !

Bloc de texte avec une belle image à sa droite

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

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.

Paragraphe avec 3 images au-dessous du texte

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

  1. Il circule des centaines
  2. Expert en utilisabilité des sites web et des logiciels
  3. 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
  4. Il circule des centaines
  5. 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
  • Il circule des centaines

Exemple d'encart classique (blanc)

Une personne était plus heureuse que lui. D’abord elle l’avait vu passer d’une des croisées de l’hôtel de ville ; montant ensuite en calèche et faisant rapidement un grand détour, elle arriva à temps pour frémir quand son cheval l’emporta hors du rang.

Texte avec encart bleu

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.

Bouton lien

lien externe

Exemple d'encart vert

Tel est le maire de Verrières, M. de Rênal. Après avoir traversé la rue d’un pas grave, il entre à la mairie et disparaît aux yeux du voyageur. Mais, cent pas plus haut, si celui-ci continue sa promenade, il aperçoit une maison d’assez belle apparence, et, à travers une grille de fer attenante à la maison, des jardins magnifiques. Au delà c’est une ligne d’horizon formée par les collines de la Bourgogne, et qui semble faite à souhait pour le plaisir des yeux. Cette vue fait oublier au voyageur l’atmosphère empestée des petits intérêts d’argent dont il commence à être asphyxié.

Encart sombre

Elle l’était davantage, un de ses grands désirs, qu’elle n’avait jamais avoué à Julien de peur de le choquer, était de le voir quitter, ne fût-ce que pour un jour, son triste habit noir. Avec une adresse vraiment admirable chez une femme si naturelle, elle obtint d’abord de M. de Moirod, et ensuite de M. le sous-préfet de Maugiron.

test bouton

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

Class table

Table Header 1Table Header 2Table Header 3
Division 1Division 2Division 3
Division 1Division 2Division 3
Division 1Division 2Division 3
A row with a cell spanning all 3 columns
Table Footer 1Table Footer 2Table Footer 3

Class table-striped

Table Header 1Table Header 2Table Header 3
Division 1Division 2Division 3
Division 1Division 2Division 3
Division 1Division 2Division 3
A row with a cell spanning all 3 columns
Table Footer 1Table Footer 2Table Footer 3

Class table-bordered

Table Header 1Table Header 2Table Header 3
Division 1Division 2Division 3
Division 1Division 2Division 3
Division 1Division 2Division 3
A row with a cell spanning all 3 columns
Table Footer 1Table Footer 2Table Footer 3

Class table-condensed

Table Header 1Table Header 2Table Header 3
Division 1Division 2Division 3
Division 1Division 2Division 3
Division 1Division 2Division 3
A row with a cell spanning all 3 columns
Table Footer 1Table Footer 2Table Footer 3

La hauteur des murs, la profondeur des fossés, l’air terrible des canons l’avaient occupé pendant plusieurs heures, lorsqu’il passa devant le grand café, sur le boulevard. Il resta immobile d’admiration ; il avait beau lire le mot café, écrit en gros caractères au-dessus des deux immenses portes, il ne pouvait en croire ses yeux. Il fit effort sur sa timidité ; il osa entrer, et se trouva dans une salle longue de trente ou quarante pas, et dont le plafond est élevé de vingt pieds au moins. Ce jour-là, tout était enchantement pour lui.

Bloc d'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.

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

Bloc annuaire dans le corps de la page

48.950316,2.58932

Bombos Da Borga Infernal (bdbi)

Adresse : 59 Aveneue Du Dauphine
93290 Tremblay en France

Courriel : Contacter

Voir la fiche

Liste d'actualités sans filtres

Liste d'événements sans filtres

Cet article vous a-t-il été utile ?

Oui Non