Tutoweb

Alignement du texte

Les concepteurs web se soucient généralement pas de l'alignement du texte. La plupart du temps, il se trouve bloqué à gauche comme le propose la plupart des logiciels d'édition web. Le texte est parfois justifié si la longueur de ligne le permet. L'alignement à droite est assez rare et convient mieux pour des annotations aux côtés des paragraphes.

Alignement

Les feuilles de style proposent 4 alignements: align: left, align: justify, align: right et align: center. Pour faire appel à d'autre mise en page des paragraphes, il est obligatoire de faire appel à une autre méthode comme la conversion des paragraphes en images avec tous les inconvénients que ça comprend.

Alignement à gauche

Largement utilisé, c'est le positionnement par défaut des logiciels de rédaction. En typographie, on dit que le texte est en drapeau. Cette expression est une métaphore entre la fluctuation de la longueur des lignes et l'aspect imprévisible d'un drapeau flottant à l'air libre. En drapeau, sous-entendu aligné à gauche puisque l'alignement à droite est considéré comme une aberration dans une lecture continue. On dit aussi fer à gauche faisant référence à la forme métallique utilisée par le typographe pour bloquer le texte. Le travail de mise en page est alors de réduire les blancs optiques en fin de ligne pour donner une impression d'homogénéité.

Alignement à droite

L'alignement au fer à droite est à utiliser avec parcimonie car il rend la lecture difficile. Bien que le bord droit est clairement marqué, l'oeil cherche à se poser à chaque retour à la ligne. On trouve cet alignement dans les magazines, les catalogues, les affiches, la publicité, les cartes de visite et beaucoup moins sur le web. Il agit alors comme complément à l'information principale.


www.causeur.fr (capture 05/05/2008)

Alignement centré

L'alignement centré se fait suivant un axe central sans aucun ajustement en début et fin de ligne. Cette disposition convient pour une invitation officielle, un menu de restaurant, une carte de visite, une en-tête de lettre, etc. Sur le web, l'alignement centré est très discrèt. On le trouve dans les citations, les images publicitaires ou la présentation du site. Tout comme la justification à droite, la lecture est plus difficile et ne convient pas pour de longs textes.


www.csszengarden.com/062 (sous Internet Explorer)

Alignement justifié

L'alignement justifé est...

À ces alignements, il faut ajouter le texte justifié dans ces différentes variantes: texte justifié simple avec coupure de mots automatique (1), texte justifié forcé (2), texte justifié en alinéa (3) et le texte en sommaire (4). Il peut enfin être en habillage quand on lui fait épouser les contours d'une forme. Cette mise en page perfectionnée est réalisée uniquement avec un logiciel de mise en page. Pour plus d'infos, lire l'article: « Le texte se justifie-t-il ?»

Alignement

Alignement variés

En PAO, on peut donner de nombreuses formes au texte, différentes d'un rectangle. Une composition où le texte prend une forme non rectangulaire est appelé en allégorie. L'alignement en allégorie se destine aux ouvrages anciens. Les paramètres de césures et la justification sont plus difficiles dans la mesure où chaque ligne a une longueur différente.

Le texte peut aussi être habillé selon les contours d'une image. On retrouve volontiers cette mise en page dans les magazines et parfois dans les quotidiens pour valoriser l'illustration. Les bords de l'image sont dotés d'une série de points mobiles qui peuvent être déplacés individuellement pour adapter au mieux le rédactionnel.


Le Soir du 23 juin 2007

Sur le web, l'alignement en allégorie n'est pas possible puisque le texte se trouve enfermé dans des boîtes rectangulaires. Le webmaster peut se risquer à forcer le retour à la ligne mais c'est loin d'être la meilleure solution.

Pour ce qui est de l'habillage des textes par rapport aux images, l'alignement se limite, une fois de plus, aux formes rectangulaires. L'espace autour de l'image est ajusté avec précision grâce aux feuilles de style plutôt que les valeurs hspace et vspace qui agissent par paires. Malgré tout, il n'est pas évident de trouver les bonnes valeurs d'espacement entre l'image et le texte pour que ce dernier tombe soigneusement sous l'image.


judorijeka.com (capture 04/045/2008)

 

Réalisé le 28 août 2006.
Haut de la page