QUELQUES REGLES TYPOGRAPHIQUES POUR LE WEB

---

Les règles de typographie sont simplifiées sur Internet: accentuation, ponctuation, espaces, casse.
Adopter un code typographique présente l'avantage d'uniformiser le rendu écrit et de crédibiliser le contenu en garantissant un confort de lecture à l'internaute.

La police
Police avec empattements (exemple : Times New Roman,…)
Police sans empattement (exemple : Arial,…)

La mise en valeur du texte
Au départ du document, l’on saisit le texte au kilomètre sans mise en forme.
Ensuite on met en valeur des mots, des paragraphes en se posant bien la question de la force
du message que je désire faire passer.

Comment on s’y prend ?

Gras
Italique : Dans le corps d’un texte, les italiques sont utilisés dans les cas suivants :
   - Titre d’une oeuvre (l’Avare)
   -  Titre d’une publication, journal, périodique, etc. (Média)
   -  Les mots étrangers (Windows)
   -  Les dédicaces (À mon directeur préféré)
   -  Les notes de musique (mais non les signes d’altération) (do) (si b) sauf #
      L’usage fait également qu’on utilise les Italiques pour mettre en évidence un paragraphe, une remarque.
Souligné : Le souligné n’est jamais utilisé autant sur un périodique papier que sur un périodique
numérique. Sur le web le souligné peut-être apparenté à un lien hypertexte.
La couleur : Pourquoi en utiliser ? Que va t’elle m’apporter ? Va t’elle vraiment mettre en valeur
le message que je désire faire passer ?


MAJUSCULE ou minuscule?
LES MOTS EN MAJUSCULE ENTRAINE UNE MONOTONIE AU NIVEAU DE LA LECTURE.
En français, la majuscule s’utilise dans les conditions suivantes :
Premier mot d’une phrase (ou d’un vers) ;
Début d’une citation, d’un dicton, d’une devise, d’un aphorisme ;
Noms propres, prénoms, surnoms, pseudonymes, patronymes ;
Noms de marques et de modèles de marque ;
Noms des villes, pays, lieux-dits, peuples et habitants des régions ;
Noms des partis politiques et ordres civils, militaires et religieux ;
Noms historiques ;
Noms des monuments publics ;
Noms des sociétés, établissements, etc.
Les sigles ;
Les titres d’ouvrages ;
Les points cardinaux (s’ils désignent une région).

On n’utilisera pas les majuscules pour :
Les noms des mois (janvier, thermidor) ;
Les noms des jours (lundi, mercredi) ;
Les titres et qualités des chefs d’état ou de gouvernement (le premier ministre) ;
Les déterminatifs et adjectifs (la Légion d’honneur, la Cour suprême).

Contrairement à un usage répandu, la majuscule est inutile après :
Les deux-points ;
Un point d’interrogation ou d’exclamation qui ne termine pas la phrase.

La ponctuation
Insérer un espace ?

La ponctuation des signes simples et doubles :
Les signes simples sont :
la virgule ","
le point "."
les points de suspension "..."
La règle est : "signe simple, espace simple" ; l'espace se trouve après le signe.

Les signes doubles sont :
le point-virgule ";"
les deux-points ":"
le point d'exclamation "!"
le point d'interrogation "?"
La règle est : "signe double, espace double" (une espace avant, une espace après).
Néanmoins, sur Internet, mieux vaut ne pas intégrer d’espace pour éviter le retour à la ligne d’un
élément isolé.
Autre solution : ajouter un espace insécable en HTML représenté par &nbsp ;
La ponctuation des parenthèses, guillemets, crochets, accolades
Laisser des espaces à l'extérieur, mais pas à l'intérieur.

2 exceptions :
il n’y a pas d'espace entre la parenthèse finale et la ponctuation simple qui suit
pour les guillemets à la française « », appliquer la règle des signes doubles, soit des espaces
avant et après sauf s'ils sont suivis d'une ponctuation simple
Quelle ponctuation pour les listes à puces et à numéros ?
Pour les listes, il faut laisser une espace entre le tiret et le mot qui suit ; pour terminer une liste, 2
solutions sont possibles avec une préférence pour la seconde:
pas de virgule à la fin de chaque élément de la liste, ni de point à la fin :
ligne 1
ligne 2
un point-virgule à la fin de chaque élément de la liste, un point à la fin :
ligne 1 ;
ligne 2.

Les images
Pensez bien à diminuer votre image avant de l’utiliser sur un diaporama ou un article numérique.
Le fait de la diminuer sur votre support (un article par exemple) n’allège pas le poids de celle-ci.
Résolution de l’image : 72 dpi
Taille : Suivant votre besoin. La taille d’un écran est de 800x600 pixels en moyenne
Extention
GIF : Adapté pour des dessins comportant peu de couleur
JPEG : Adapté pour les photos
PNG : Adapté pour les photos, gère en plus la transparence