Lhabillage du texte

1
Lhabillage du texte

• ou la façon de retenir lattention !

2
Lhabillage du texte

• Police de caractères
• Sans empattement comme Arial car la lecture à
  lécran en est facilitée
• Exemple dune police avec empattement
• True type
• Performance et rendement à haute et basse
  résolution
• Universellement répandue

3
Lhabillage du texte (suite)

• Aucun souligné
• Sauf pour les liens hypertextes
• Gras et italique employés modérément
• Majuscules à éviter
• Lil a plus de mal à lire les mots tout en
  majuscules
• La vitesse de lecture diminue de 13

4
Lhabillage du texte (suite)

• Alignement du texte à gauche
• Toute autre disposition diminue la vitesse de
  lecture de 10

5
Lhabillage du texte (suite)

• Images efficaces et optimisées
• Qualité du message doit être améliorée
• Élément dinformation
• Élément de navigation
• Élément de mise en page
• Élément dornementation
• Rognage et recadrage
• Formats standards GIF et JPG

6
Lhabillage du texte (suite)

• Images efficaces et optimisées (suite)
• Image darrière-plan à éviter
• Attention aux images animées !
• Choisir la bonne place et user avec parcimonie
• Taille de toutes les images 30 à 50 Koctets
• Emploi de thumbnails recommandé si nombreuses
  images dans la même page
• Exemple

7
Page 11-7
8
Page 11-8
9
Lécriture Web

• Une présentation du