Pyrat.net – Création de sites Internet

Erreurs sur les listes à puce

2010-10-16T07:20:00Z

Les erreurs

Ne pas mettre de liste à puce :

L'association se compose de Membres d'Honneur, Membres bienfaiteurs, Membres adhérents.

Passer directement au 2^e niveau de liste à puce :

L'association se compose de :

Membres d'Honneur
Membres bienfaiteurs
Membres adhérents

Ou pire, mélanger des niveaux de liste à puce :

L'association se compose de :

Membres d'Honneur
Membres bienfaiteurs
Membres adhérents

La correction

L'association se compose de :

Membres d'Honneur
Membres bienfaiteurs
Membres adhérents

Erreur sur les titres

2010-10-16T07:20:00Z

Cas n°1

Un titre n'est pas un paragraphe grossièrement mis en forme pour ressembler à tel, mais bel et bien un élément structurant du contenu, disposant pour assurer sa fonction, d'un balisage dédié.

L'erreur

Ceci n'est pas un titre !`` {{{**La correction}}}

Ceci est un titre de niveau 3

Cas n°2

L'erreur

mon premier titre
 Mon premier paragraphe. Lorem ipsum dolor sit amet... mon second titre
 Mon second paragraphe. Consectuer perdidam palasquit nexem...

La correction

Comme explicité lors de la session : laissez votre fantaisie au vestiaire, vous n'écrivez pas pour vous faire plaisir. Laissez à votre titre sa fonction de titre, tout ajout d'artifice en perturbera invariablement le sens !

Même si pour vous ça fait « plus joli », en tant que rédacteur, ce n'est pas votre rôle. Pour « faire joli » il y a déjà le CMS, la CSS et un graphiste mandaté et payé fort cher pour réfléchir à ceci en amont.

D'accord, mais là… on voit bien que c'est un titre quand même !

Peut-être, mais on ne voit en revanche pas du tout ce que signifie la variante. Quelle est sa justification sémantique ? En a t'elle seulement une ?

À ce stade, si votre idée ne vous parait pas suffisamment distincte de la première au point de nécessiter une différenciation si appuyée, alors peut-être que chacune d'entre elle mérite une page dédiée.

Une brève histoire de la typographie

2010-10-16T06:55:00Z

Dès la préhistoire, l'homme communique :

Peintures rupestres de Lascaux

By Prof saxx [CC-BY-SA-3.0 or GFDL], from Wikimedia Commons

Avec les romains, le support reste la pierre, mais il devient transportable :

Plaque de marbre romaine avec inscriptions

Les manuscrits sur parchemin, papyrus, puis papier se répandent :

Parchemin avec enluminures

L'imprimerie permet une diffusion élargie :

Presse de Gutenberg

L'informatique permet une production par plus de personnes :

MacIntosh Plus

By Rama. [CC-BY-SA-2.0-FR], from Wikimedia Commons

En direct du futur, Karl Dubost nous parlait de format RDF :

Kark Dubost parlant de RDF

Un fil rouge relie chacun de ces âges de la communication…

Au commencement était le sens

2010-10-16T06:55:00Z

Avant d'être un message communiqué à quelqu'un d'autre, il y a une idée à communiquer.

Qu'est-ce que la typographie ?

La typographie,

c'est l'expérience
de la mise à disposition,
pour d'autres,
d'un message
sous forme écrite.

Cette expérience a mûri durant plusieurs siècles.

La typographie, c'est donc l'art de

mettre en forme un texte
afin d'en rendre le sens plus aisément, plus immédiatement accessible.

Et la mise en page ?

La mise en page, c'est l'art de rendre la typographie agréable à regarder.

Mais en quoi la typographie concerne le web ?

Typographie et Web, le poids des mots

2010-10-16T06:55:00Z

Chercher à obtenir tel ou tel effet graphique à l'intérieur d'un texte, c'est outrepasser son rôle.

Le rôle du rédacteur

Il s'agit de se mettre au service de l'intelligibilité du message.

Au service

Se mettre au service, c'est mettre en œuvre ses compétences pour quelqu'un d'autre.

Autrement dit, ce n'est pas (forcément) se faire plaisir, en tout cas, pas immédiatement.

De l'intelligibilité

Faire comprendre,
donner envie,
aider,
assister,
donner des indices
faciliter
défricher
…

Du message

Parce que finalement, ce qui compte, ce qui va intéressé le lecteur, c'est bien le message.

L'idée que quelqu'un cherche à transmettre mérite d'être mise en valeur.

Le rôle du média

Dans notre cas,

le média, c'est Internet,
mais plus spécifiquement, un site web,
et, de plus en plus souvent, un CMS

Nous allons donc demander au CMS

de s'occuper de la partie présentation
du contenu
que nous aurons correctement balisé
pour en rendre le sens plus immédiatement évident

Rendre le sens plus immédiatement évident

2010-10-16T06:55:00Z

Et non l'inverse !

Le sens d'un texte ?

Bien évidement, nous entendrons par sens :

non pas la signification d'un texte
mais l'organisation conceptuelle de ce texte

Organisation conceptuelle d'un texte

Nous avons pu voir que le texte

préexistait à sa mise en forme
que la mise en forme n'était que la conséquence de la mise en sens

Quels sens trouve-t-on dans un texte ?

Des idées

La première chose que l'on trouve dans un texte, ce sont des idées.

Une idée, c'est au minimum une phrase, parfois plusieurs.

Des groupes d'idées

Parfois, plusieurs idées forment un groupe d'idées, un tout conceptuel.

Des énumérations

Parfois, dans un texte, nous allons trouver des énumérations.

Il y a donc aussi la phrase qui précède l'énumération : elle qualifie l'énumération en question.

Des éléments plus importants dans le texte

Il est parfois utile d'insister sur un concept.

Si l'on est tenté d'insister sur une phrase entière, c'est probablement que c'est un groupe d'idées…

Traduire le sens extrait du texte en mise en forme est un processus « automatique ».

Écriture spécifique pour le web

2010-10-16T06:55:00Z

La mise en sens d'un texte destiné à être lu sur Internet présente quelques particularités à prendre en compte.

Une lecture pouvant commencer n'importe où dans la page

Premier lieu de lecture : les résultats dans les moteurs de recherche qui donnent un extrait de la page.

Et dans un second temps, une lecture en diagonale dans la page.

Dans les 2 cas, si votre contenu fait référence à des concepts vus juste un peu plus haut avec des termes tels que :

il
eux
elle
c'est
cela
…

La phrase n'a plus de sens hors de son contexte.

⇒ Il faut donc réécrire le contenu en explicitant tous les mots, tous les sujets des phrases pour que chaque phrase prise individuellement ait un sens sans avoir besoin de lire ce qui la précède.

Bien évidement, si le titre qui précède le groupe d'idées concernés contient le mot auquel vous faites référence, vous pouvez faire court car le titre donne le contexte.

Une lecture fatigante

Lire à l'écran fatigue plus que sur papier.

⇒ Faites des phrases simples

⇒ Évitez les propositions relatives : que, qui, dont…

Du sens à la mise en forme

2010-10-16T06:55:00Z

Nous venons de voir les principaux sens que l'on peut trouver dans un texte.

Leur traduction en terme de mise en forme obéit à des règles simples :

ces règles sont appliquées au niveau du texte
le CMS et la feuille de style s'occupent du rendu visuel final

Règles de mise en sens typographiques

Passage du sens à la mise en sens
Sens	Mise en sens
Une idée	Un paragraphe
Un groupe d'idée	Un titre précédent le groupe, en respectant une hiérarchie dans les titres
Une énumération	Une liste à puce
Un élément important	Du gras

Pour aller un peu plus loin

Les sigles étant écrits tout en majuscule, les noms propres ne le devraient pas.
→ Utilisez des petites capitales
Une parenthèse à l'intérieur du texte peut troubler la lecture
→ Utilisez des notes de bas de page
Vous présentez des informations obéissant à un schéma répétitif ?
→ Utilisez un tableau

Le gros mérite de cette méthode, c'est que :

elle nécessite un cerveau et des compétences pour extraire le sens d'un texte
la mise en forme du texte obéit à des règles simples et « automatiques »

Avec cette méthode, il est donc possible de

mettre en valeur la compétence des rédacteurs
tout en leur donnant les outils pour agir vite et efficacement

L'écriture pour le web présente certaines particularités.

L'arbre de Noël : le résultat classique d'un rédacteur débridé

2010-10-16T06:55:00Z

État des lieux

Un rédacteur laissé à sa fantaisie essaiera de faire joli (selon ses critères).

2 rédacteurs, cela conduit à 2 mise en page différentes.

Et 6 mois après, le site web est :

Un arbre de Noël

ou :

Une affiche de Kermesse

ou encore :

Affiche marché aux truffes Sorges

Que faire ?

Que l'on dispose d'un éditeur WYSIWYG ou non, faire l'économie de former les rédacteurs est un suicide éditorial !

Nous allons voir une méthode visant à donner les outils et la motivation aux rédacteurs pour produire un contenu correctement balisé et homogène dans tout le site.

La question de la transmission d'un message ne date pas de hier.

Présentation de l'atelier ParisWeb 2010

2010-10-11T19:34:03Z

Le sujet

Qui n'a jamais constaté combien les rédacteurs d'un site web étaient attachés à faire des pages ayant le look qui leur convienne. De vraies affiches de Kermesse !

L'objectif de cet atelier sera de donner les outils pour mettre en valeur l'intelligence des rédacteurs pour trouver le sens d'un texte et le rendre évident par sa mise en forme.

Du coup, nous parlerons de « mise en sens » d'un texte, c'est-à-dire, de mise en forme sémantique.

L'atelier s'adresse :

À ceux qui se prennent encore la tête pour mettre un texte en ligne
À ceux qui forment des gens qui auront à mettre du texte en ligne (avec un CMS par exemple)

Voir : Rédiger pour Internet : les grandes règles

Présenté par Jacques Pyrat

Passionné de typographie depuis 20 ans, Jacques Pyrat finit naturellement par adopter le CMS SPIP pour ses qualités typographiques.

Concepteur de sites web depuis 1995, il s'intéresse dès 2002 à l'accessibilité des contenus pour tous.

Formateur, il est amené à rencontrer de nombreux rédacteurs de sites.

De là, il développe une méthode invitant les rédacteurs à se mettre au service du contenu du message à faire passer à ses lecteurs.

Père de 4 enfants, il vit avec son épouse en Périgord où il exerce le métier de créateur de sites web sous SPIP.

Voir en ligne : Mettre en forme un texte pour le web ? Facile !