Règles Typographiques sur 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.

1. La police

  - Police avec empattements (exemple : times new roman,…)
  - Police sans empattement (exemple : arial,…)
  - quelques banques de typographies : DAFONT

2. 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 ?

Atelier : Observez bien un périodique papier puis numérique au niveau du gras,
de l’italique et du souligné.


3. 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 :
es 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.
Atelier : Observez bien un périodique papier puis numérique pour y trouver des mots en majuscule.
Combien ?


4. La ponctuation

Insérer une 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.

1) pas de virgule à la fin de chaque élément de la liste, ni de point à la fin :
    ligne 1
    ligne 2

2) un point-virgule à la fin de chaque élément de la liste, un point à la fin :
    ligne 1 ;
    ligne 2.

5. 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 acran est de 1280x800 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


__________________________