UA-57156997-1

Modèle – Style et contenu d’une page

Cette page est réalisée en utilisant les formats de style du site. Ceci est le « chapô » du texte. Il expose les points essentiels de l’article en quelques lignes. Il est standardisé, en Style Titre 2


On peut isoler des textes avec le bouton ligne horizontale.

La police du texte est dans l’ordre selon les situations rencontrées sur l’ordinateur : Arial, ou Verdana, sans-serif, pour les 2 polices
La taille standard est de 14px, et la hauteur de ligne standard est de 24px.


Les titres et sous-titres sont en Georgia Sérif, ici en titre 3


Ce titres est en style Titre 3

Ceci est un texte formaté paragraphe standard. 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.

Le sous titre est en style Titre 4

Even though using « lorem ipsum » often arouses curiosity due to its resemblance to classical Latin, it is not intended to have meaning. Where text is visible in a document, people tend to focus on the textual content rather than upon overall presentation, so publishers use lorem ipsum when displaying a typeface or design in order to direct the focus to presentation. « Lorem ipsum » also approximates a typical distribution of spaces in English.


Titre du paragraphe en latin Titre 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Exemple de texte avec des liens

Ceci est un texte avec sa couleur standard, contenant un lien vers Google ou vers le site de l’Unaf. Les liens ont une présentation standard


Uniformité dans le texte et taille des polices

Les variations dans l’uniformité viennent de l’utilisation importante des autres fonctions mises à disposition, non implantées au début, mais rajoutées en cours de vie du site. Ces variations doivent être utilisées de façon limitée, et appliquées uniquement aux paragraphes, pour attirer l’attention de façon spécifique.

14px  12px 10px   12px 14 px  16px  20px 24 px 28px

Il est possible de faire varier la taille des caractères.

Texte paragraphe modifié en taille 10px

Texte paragraphe modifié en taille 12x

Texte standard paragraphe en taille 14px ou en gras

Texte paragraphe en taille 16px

Texte paragraphe en taille 20px

Texte paragraphe en taille 24px

Texte paragraphe en taille 28px


Textes avec des zones en couleur

Il est possible aussi de modifier l’apparence des contenus avec de la couleur.

Texte en jaune, en bleu, ou bien sûr d’autres couleurs ou surligné.

Autres surlignages


Utilisation du bleu

Les couleurs sont soit définies au niveau de la feuille de style générale du site, soit au cas par cas. Leur manipulation multiple au sein d’un m^me paragraphe peut s’avérer délicate en terme de rendu sur différents navigateurs.

Texte avec couleur – 1ère ligne 2ème boite en partant de gauche

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Texte avec couleur – 1ère ligne 3ème boite en partant de gauche

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Texte avec couleur – 1ère ligne 4ème boite en partant de gauche

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Texte avec couleur – 2ème ligne 3ème boite en partant de gauche


Fonctions standard du texte

Ceci est un texte  formaté paragraphe : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Il existe un format prédéfini nommé "Préformaté"

Il est possible de mettre un texte en exergue de façon standard avec le bouton « . Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Share This