Le Web a sa propre typographie

Sommaire
cuy copyleft
  See You Why?  

 


          Retour au sommaire
Sommaire (00)
        Retour au sommaire
À chaque média ses contraintes... (01)

LA TYPOGRAPHIE du WEB

Sommaire

 
 
1 À chaque média, ses contraintes...
2 Genèse et performances du HTML
3 Les ressources typographiques du HTML
4 Le rôle du système informatique
5 Les feuilles de style
6 Le format PDF et son usage
7 Cédons à la mode : Flash !
8 Conclusion
Résumé Plan détaillé
 
 

 

Résumé

Les contraintes auxquelles est soumise la reproduction du texte sont très différentes lorsqu'on l'imprime ou lorsqu'on l'affiche sur l'écran du moniteur d'un ordinateur. Nous aborderons dans le chapitre 1, quelques précisions techniques telle la résolution de l'écran, sa taille, sa définition.

 

Dans ce même chapitre 1, nous montrerons qu'Internet (la toile, le web) rajoute ses contraintes propres. D'abord, le débit d'Internet est faible, et il n'augmentera pas substantiellement avant plusieurs années. Ensuite, on ne télécharge donc pas les polices avec les pages web, et ces dernières sont affichées avec les polices résidant sur l'ordinateur de l'internaute. Ce dernier, de plus, est maître de la nature et de la taille de la police utilisée. Le HTML, enfin, ne permet pas de régler tous les paramètres qui gouvernent la typographie.

En effet, le web étant un petit tuyau, le langage de description de page qu'il utilise — le HTML — a été conçu de manière à fournir des fichiers de taille aussi réduite que possible. Revers de la médaille : le HTML ne permet pas toutes les subtilités de typographie et de mise en page qu'offre un bon traitement de texte. Ainsi, on ne peut régler ni la graisse, ni le crénage, ni l'interlignage. De plus, on ne dispose que de 7 tailles de caractères. C'est le prix à payer pour que les pages web se téléchargent à une vitesse raisonnable.

Les ordinateurs récents, qu'ils soient Mac ou PC, possèdent une dizaine de polices en commun. Le design d’un site web est notoirement opposé à l’utilisation de polices de caractère riches et variées : tout vous invite à vous limiter à la petite liste des polices communes. Malheureusement, cela ne fait pas toujours l’affaire. On dispose ainsi d'une police fantaisie (Comic Sans MS), des caractères grecs (Symbol), de diverses icônes (Webdings), et de la possibilité de varier un peu la typographie des pages web, sans transformer une partie du texte en image gif pour autant. Or, pour un webmaster, quoi de plus important de savoir quelles sont le polices qu’il peut utiliser pour son site tant son choix est restreint étant donné que la police doit être installée sur l’ordinateur de la personne qui visite le site. On ne peut dès lors compter que sur les polices installées par défaut sur chacune des plate-forme.

Quels que soient les efforts de présentation consentis par le concepteur d'un site, l'affichage des pages correspondantes dépend de la plate-forme. Le Mac et le PC ne lissent pas les caractères de la même façon, ils ne les affichent pas avec la même taille, et ils ne reproduisent pas les couleurs de la même manière bien qu'ils soient équipés des mêmes moniteurs.

Le système appelé "police dynamique" consiste à décharger partiellement une police avec la page web dans laquelle elle est utilisée. Malheureusement, les deux navigateurs n'utilisent pas le même procédé : le navigateur de Netscape possède en standard le module externe de Bitstream, et celui de Microsoft le système Weft. Il en résulte que les polices dynamiques ne sont pratiquement pas utilisées.

Les feuilles de style sont, en typographie, l'ensemble d'attributs de caractères et de formats de paragraphes pouvant être appliqués en une seule opération à un ou plusieurs paragraphes, à un livre, etc. De façon extensive, c'est l'ensemble des contraintes typographiques, de maquette, couleurs, reliure, etc. qui définissent l'unité d'une collection littéraire, d'une revue périodique etc. C'est aussi un document permettant de mettre en forme un autre document, comme par exemple un document rédigé dans un langage de balisage, comme SGML, HTML ou XML. Pour ce faire les feuilles de style sont rédigées dans un langage spécifique. Un des langages de feuilles de style le plus courant est le CSS (anglais : Cascading Style Sheets).

Le format PDF a été conçu pour favoriser l'échange de documents numérisés entre plates-formes. Il fait son chemin en PAO, où il se pose à la fois comme collaborateur et comme concurrent de PostScript. Sur le web, la tentative de remplacement des pages HTML par des pages PDF a échoué, si bien que PDF ne peut pas être utilisé pour résoudre le problème du téléchargement de la police avec la page. En définitive, PDF a trouvé sa niche sur le web dans les pages "printer friendly" destinées à l'impression.

Le logiciel Flash répond à un réel besoin du web, pour lequel il n'existait pas de format pour l'image vectorielle. Pour l'instant, Flash est surtout utilisé pour créer du spectacle. À l'avenir, il trouvera son utilité dans l'image vectorielle fixe, et dans l'image vectorielle animée porteuse d'information. Flash permet de résoudre le problème du téléchargement des polices utilisées dans une page web, mais les inconvénients liés à cette solution font qu'elle n'est guère utilisée.

En conclusion, la typographie des pages web en est à ses débuts. Pour l'instant, ses possibilités sont limitées, mais le développement des feuilles de style améliorera la situation. Le nombre de polices disponibles augmentera probablement au-delà de la dizaine actuelle, soit par développement du système des polices dynamiques, soit par installation avec le système d'exploitation. Le création de nouvelles polices destinées au web s'orientera vers une plus grande lisibilité à l'écran, et une plus grande fantaisie.

 

Plan détaillé
 
1- À chaque média ses contraintes...
    Introduction
  Nouveau media, nouvelles contraintes
  Première contrainte : le débit d'Internet
  Deuxième contrainte : la résolution de l'écran
  Troisième contrainte : les polices résidentes communes
  Quatrième contrainte : l'internaute est maître chez lui
  Cinquième contrainte : le système informatique
 
2- Genèse et performances du HTML
  La genèse du HTML
  Performances comparées du HTML et des autres formats
  Conclusion : pour le web, HTML est irremplaçable
 
3- Typographique et HTML
  Introduction : HTML 4.0 et la typographie
  Les 11 polices communes aux deux plates-formes  
  L'utilisation des polices communes
  La couleur des caractères
  Les ressources typographiques du HTML
  Le vocabulaire typographique de base
 
4- Le système informatique
  Introduction : le système n'est pas indifférent
  Le lissage des caractères sur le Mac : ATM
  Le lissage des caractères sur PC
  Du point au pixel
  Le problème de la couleur
  Les polices dynamiques
 
5- Les feuilles de style
  Définition, structure et fonctionnalités des feuilles de style
  La police : nature et téléchargement
  La casse, le style
  Les propriétés du caractère : corps, chasse, graisse, et couleur
  La décoration, le marquage, le masquage, l'encadrement
  Le positionnement vertical : indice et exposant, interlignage
  Le positionnement horizontal : crénage et distance entre mots
 
6- Le format PDF et son usage sur le web
  Le logiciel Acrobat et le format PDF
  PDF et le web
  PDFWriter
  Le fichier "printer friendly"
  Du HTML au PDF
  Un peu de pratique
  Conclusion
 
7- Et pourquoi pas le Flash !
  Introduction : l'image vectorielle et l'image matricielle
  Le logiciel Flash
  Les concurrents de Flash
  Une tentation forte : flasher les pages web
  La typographie dans Flash
  Pourquoi Flash est-il peu utilisé pour le texte ?
  Présentation des pages flashées
  Conclusion
 
8- Conclusion
  L'imprimé a perdu son monopole
  L'imprimé ne disparaîtra pas
  Un monde de différences
  Les aspects techniques
  Les aspects psychologiques et culturels
  Les aspects économiques et financiers
  Les aspects juridiques
  Les aspects éthiques
  Quel avenir pour la typographie du web ?

 

 

Merci de votre visite à partir de :

Vous êtes sur :
https://cuy.be/html/typoweb/index.html

partager sur FaceBook...           consulter sur FaceBook...

 

copyleft
Des liens ne fonctionnent plus ?
Avez-vous des suggestions ?
des commentaires, des corrections, un encouragement... ?
Pour info : Non, il n'y a pas de version papier ou DOC, PDF, etc. de ces notes.


Envoyez-moi un E-Mail (cuy(point)w(at)skynet(point)be)

Attention (at) signifie @ et (point) signifie .

Accueil CUY = See you why?

Compteur gratuitEasyCounter     BelStat Monitored by BelStat - Your Site Counts
La 1 000 000e page a été visitée le 21 mai 2010.
La 2 000 000e page a été visitée ce 18 mars 2012, vers midi.
La 3 000 000e page a été visitée ce 7 janvier 2014 entre 18 h et 18 h 45,
La 4 000 000e page a été visitée ce 5 juin 2015 entre 15 h 49 et 15 h 52,
La 5 000 000e page a été visitée ce 29 aout 2017 après 23 h 30,
Et la 6 000 000e page visitée, trop tôt pour y penser ?
 
et, d'après BelStat, CUY est visité surtout en semaine, peu le weekend...
moins et irrégulièrement pendant les vacances :

visites sur 3 mois, de la mi octobre 2013 à la mi janvier 2014.
 
La 3 333 333e page visitée a eu lieu ce mardi 10 juin 2014, en début d'après midi...
La 3 666 666e page visitée a eu lieu ce dimanche 28 decembre 2014, vers 16 h...
Un tiers de million de pages visitées en 154 jours cela fait une moyenne de 2165 pages visitées par jour...
Deux tiers de million de pages visitées en 355 jours soit une moyenne de 1878 pages visitées par jour...
et seulement 1195 pages visitées quotidiennement pendant les vacances estivales
de la mi juin à la mi septembre 2014

Vous voulez lire quelques messages reçus ?
quelques encouragements ?
Cliquez ici


Fin septembre 2009, installation de ce compteur
qui ne compte chaque nouvel ordinateur visiteur qu'une seule fois
free counter
 
m-à-j du 22/11/2021 :

Depuis cette fin septembre 2009, parmi les 210 pays (sur 274 drapeaux connus) qui nous ont visité,
voici les 100 pays qui nous visitent le plus, 
Nos petits visiteurs, classés par date de visite, où un seul ordi nous a visité, sont :
199. Turkmenistan (TM May 10, 2017) ; 200. Lesotho (LS March 1, 2017) ;
201. Turks and Caicos Island (TC January 18, 2016
202. Cook Islands (CK September 19, 2015)  203. Faroe Islands (FO January 27, 2015
204. Virgin Islands American (VI November 12, 2014) ;
205. Belize (BZ September 29, 2014) ;206. Eswatini - Swaziland (SZ July 21, 2014) ;
207. Grenada (GD April 3, 2014) ; 208. Timor-Leste (TI March 29, 2014) ;
209. American Samoa (AS December 26, 2012) ; 210. Guyana (GY November 5, 2010).