[A] Présenter un texte pour le web

Sujets inactifs depuis un an ou plus

Modérateur : Crazy

Avatar de l’utilisateur
Crazy
Impératrice incontestée du Pareil © Crazy
Messages : 9276
Inscription : mer. juin 05, 2013 9:30 pm
Rang special : Chieuse pas tentée
Localisation : IdF
Contact :

[A] Présenter un texte pour le web

Message par Crazy » ven. juin 14, 2013 12:26 am

Hello

J'avais évoqué le sujet tout à l'heure avec Saile, et j'ai donc retrouvé le truc que j'avais pondu il y a quelques années, à destination d'un forum de jeu que je co-administrais et où les membres postaient parfois l'histoire de leur personnage.

Enfin bref, ça donne ça, et je pense que c'est toujours d'actualité, donc je me permets de le reposter ici :mrgreen:

======================================================
L'affichage d'un texte sur une page web (que ce soit sur un site comme celui-ci ou sur un forum) doit obéir à des règles particulières à ce format, distinctes de celles qui régissent les textes sur papier.

Une page de roman, qu'elle soit publiée en petit ou en grand format, est relativement "courte" en largeur et bénéficie parfois d'un interligne augmenté, ce qui facilite la lecture.

Sur le web, au contraire, les lignes sont très longues, les polices de caractères souvent petites, et les interlignes fixes. Il est donc nécessaire, pour ne pas "étouffer" le lecteur, d'aérer son texte en "doublant" les retours à la ligne, ce qui espacera davantage les paragraphes (comme c'est le cas pour cet article).

En cas de dialogue, par contre, pour éviter l'effet inverse, on peut rassembler les lignes (mais il vaut mieux changer de ligne à chaque changement d'interlocuteur).

Si vous postez un texte copié à partir d'un autre logiciel (Word, Bloc-Note...) il se produit parfois des retours à la ligne intempestifs, ce qui compliquera également la lecture : même si ces coupures "artificielles" se font à peu près à la même longueur de ligne, leur aspect irrégulier gênera le passage à la ligne suivante.

N'hésitez donc pas à relire votre texte une fois posté : en plus de vérifier si vous n'avez pas laissé passer une faute d'orthographe, vous en profiterez pour vous assurer que votre texte est lisible et bien présenté.

======================================================
Le même article sans aération des paragraphes :

L'affichage d'un texte sur une page web (que ce soit sur un site comme celui-ci ou sur un forum) doit obéir à des règles particulières à ce format, distinctes de celles qui régissent les textes sur papier.
Une page de roman, qu'elle soit publiée en petit ou en grand format, est relativement "courte" en largeur et bénéficie parfois d'un interligne augmenté, ce qui facilite la lecture.
Sur le web, au contraire, les lignes sont très longues, les polices de caractères souvent petites, et les interlignes fixes. Il est donc nécessaire, pour ne pas "étouffer" le lecteur, d'aérer son texte en "doublant" les retours à la ligne, ce qui espacera davantage les paragraphes (comme c'est le cas pour cet article).
En cas de dialogue, par contre, pour éviter l'effet inverse, on peut rassembler les lignes (mais il vaut mieux changer de ligne à chaque changement d'interlocuteur).
Si vous postez un texte copié à partir d'un autre logiciel (Word, Bloc-Note...) il se produit parfois des retours à la ligne intempestifs, ce qui compliquera également la lecture : même si ces coupures "artificielles" se font à peu près à la même longueur de ligne, leur aspect irrégulier gênera le passage à la ligne suivante.
N'hésitez donc pas à relire votre texte une fois posté : en plus de vérifier si vous n'avez pas laissé passer une faute d'orthographe, vous en profiterez pour vous assurer que votre texte est lisible et bien présenté.

======================================================
Le même article avec de mauvaises coupures en largeur :

L'affichage d'un texte sur une page web (que ce soit sur un
site comme celui-ci ou sur un forum) doit obéir à des règles
particulières à ce format, distinctes de celles qui régissent
les textes sur papier.

Une page de roman, qu'elle soit publiée en petit ou en grand
format, est relativement "courte" en largeur et bénéficie
parfois d'un interligne augmenté, ce qui facilite la lecture.

Sur le web, au contraire, les lignes sont très longues, les
polices de caractères souvent petites, et les interlignes
fixes. Il est donc nécessaire, pour ne pas "étouffer" le
lecteur, d'aérer son texte en "doublant" les retours à
la ligne, ce qui espacera davantage les paragraphes (comme
c'est le cas pour cet article).

En cas de dialogue, par contre, pour éviter l'effet inverse,
on peut rassembler les lignes (mais il vaut mieux changer de
ligne à chaque changement d'interlocuteur).

Si vous postez un texte copié à partir d'un autre logiciel
(Word, Bloc-Note...) il se produit parfois des retours à la
ligne intempestifs, ce qui compliquera également la lecture :
même si ces coupures "artificielles" se font à peu près à la
même longueur de ligne, leur aspect irrégulier gênera le
passage à la ligne suivante.

N'hésitez donc pas à relire votre texte une fois posté
: en plus de vérifier si vous n'avez pas laissé passer une
faute d'orthographe, vous en profiterez pour vous assurer que
votre texte est lisible et bien présenté.
:mouahaha: Grenouille vampire :wamp:, Mith :jedi: et sadique :fouet:
:lect: Challenge 2019 : Symbiotes (SF/SpaceOp)
:stylo: Blog : Crazy's Wor(l)ds

Avatar de l’utilisateur
Macada
Va embrasser le prince grenouille
Messages : 10147
Inscription : jeu. mars 22, 2007 6:40 pm
Contact :

Re: Présenter un texte pour le web

Message par Macada » ven. juin 14, 2013 8:21 am

Perso, c'est la version sans double retours à la ligne que je préfère pour un texte long et continu.
Je pense que c'est parce que l'habitude fait que je considère les textes longs comme dans un livre et que donc, un double retour à la ligne, correspond pour moi à un changement de scène/partie, ce qui hache beaucoup ma lecture.
Surtout que dans les dits bouquins, l'interlignage n'est pas plus aéré que dans un forum.

Cependant, mes yeux comprennent ta demande d'aération.
Si la solution de sauter des lignes ne me semble pas faciliter la lecture dans le cas d'un texte de fiction (pour les posts de discussions, c'est pas mal je trouve), tu peux aussi :
- agrandir les caractères (option zoom de ton navigateur).
- faire tes bêtas hors ligne (ce qui est recommandé à cause des coupures net) dans un traitement de texte où tu règles toi même l'interlignage et la taille de police qui te conviennent.
Actualité :
Ceux qui vivront, Challenge en cours
Rose-thé et gris-souris, Gephyre (avril 2019)
Entre troll et ogre, ActuSF (avril 2018)
Les Aériens, Sarbacane (octobre 2017)

Avatar de l’utilisateur
Saile
Messages : 344
Inscription : mar. mai 21, 2013 2:24 pm
Rang special : Schoko-Bon
Localisation : Paris
Contact :

Re: Présenter un texte pour le web

Message par Saile » ven. juin 14, 2013 9:22 am

Merci d'avoir retrouvé l'article, Crazy ! ;)

Je comprends effectivement les soucis de lecture que peuvent poser des pavés sur un forum. Cela dit, pour ma part, j'applique toujours la même méthode, c'est-à-dire celle de Macada :
Macada a écrit :- faire tes bêtas hors ligne (ce qui est recommandé à cause des coupures net) dans un traitement de texte où tu règles toi même l'interlignage et la taille de police qui te conviennent.
En ce qui concerne la bêta lecture, il me semble important de garder la cohérence du texte telle qu'elle a été conçue à l'origine, pour ne pas perdre le lecteur avec des sauts de ligne impromptus. Tant que les paragraphes restent solidaires, c'est qu'il y a une continuité dans ce qui est écrit, contrairement au saut de ligne qui induit un changement de décor, de situation, de point de vue, d'idée, etc...
Ceci dit, je comprends la démarche : il est vrai que sur un forum avec une grande largeur (comme CoCy), un gros tas de mots est moins digeste que des paragraphes bien aérés. C'est aussi vrai sur un blog où il faut faire attention à la mise en page, qui doit rester agréable à l’œil (si l'on veut que le lecteur ose lire le billet !).
Blog
Mon premier roman paru chez Walrus : Les Marcheurs de Brume

Avatar de l’utilisateur
Crazy
Impératrice incontestée du Pareil © Crazy
Messages : 9276
Inscription : mer. juin 05, 2013 9:30 pm
Rang special : Chieuse pas tentée
Localisation : IdF
Contact :

Re: Présenter un texte pour le web

Message par Crazy » ven. juin 14, 2013 9:47 am

Je précise bien que je parle là exclusivement d'un texte affiché sur un forum ou une page web, et pas d'un pdf ou autre ebook (qui, eux, se plient aux règles "normales") ;)
:mouahaha: Grenouille vampire :wamp:, Mith :jedi: et sadique :fouet:
:lect: Challenge 2019 : Symbiotes (SF/SpaceOp)
:stylo: Blog : Crazy's Wor(l)ds

Avatar de l’utilisateur
Macada
Va embrasser le prince grenouille
Messages : 10147
Inscription : jeu. mars 22, 2007 6:40 pm
Contact :

Re: Présenter un texte pour le web

Message par Macada » ven. juin 14, 2013 9:55 am

Crazy a écrit :Je précise bien que je parle là exclusivement d'un texte affiché sur un forum ou une page web, et pas d'un pdf ou autre ebook (qui, eux, se plient aux règles "normales") ;)
Oui, moi aussi. Et plus précisément des extraits de romans et des nouvelles en bêta-lecture sur ce forum.
Actualité :
Ceux qui vivront, Challenge en cours
Rose-thé et gris-souris, Gephyre (avril 2019)
Entre troll et ogre, ActuSF (avril 2018)
Les Aériens, Sarbacane (octobre 2017)

Avatar de l’utilisateur
Selsynn
Messages : 908
Inscription : mar. août 11, 2009 2:06 pm
Rang special : Batracien
Contact :

Re: Présenter un texte pour le web

Message par Selsynn » ven. juin 14, 2013 2:13 pm

Pour une page web internet (et donc pas d'un forum), tu peux utiliser la balise de paragraphe "<p></p>" que tu peux modifier avec une feuille de style, et tu n'es surement pas obligé de faire "à la main", tu peux faire un bloc de texte qui occupe uniquement 80% de la largeur de l'écran.
Ce n'est pas possible en forum.

C'est d'ailleurs recommendé de faire de cette manière. Utiliser la balise de paragraphe pour séparer les paragraphes. A la base, comme sur un traitement de texte, il y aura une légère interligne.
Ensuite pour la largeur du texte, tu places le tout dans une balise "<div></div>" qui permet de spécialiser une mise en forme un peu spéciale, et à celle-ci, via ses arguments de mises en forme, tu peux choisir de changer l'affichage général.

A savoir, quand tu prends un fichier word (mais ça doit fonctionner avec les autres éditeurs) et que tu fais enregistrer sous format HTMl (filtré), il te gère l'espacement des paragraphe, et les règles de style que tu lui as donnés (sauf, peut-être les polices, parce qu'ils y a des problèmes de type disponibilité pour le client)

Après ce que tu dis est parfaitement vrai, pour un forum.
Pour une page Web, tu te compliques la vie (surtout à la longue).

Sinon, pour un forum, pour poster des extraits, j'ai parfaitement appliqué le même genre de règles que ce que tu donnes, sinon, en effet, c'est trop illisibles. Et pour moi, celui ou tu rentre à la lignes souvent, c'est encore plus illisible que celui qui est agloméré.
Selsynn
Rêveuse invétérée - N'hésitez pas à me relancer si j'ai promis quelque chose
Pitch-Banques Asrian
OLT-ETR T2
Syno - ETR

Avatar de l’utilisateur
Crazy
Impératrice incontestée du Pareil © Crazy
Messages : 9276
Inscription : mer. juin 05, 2013 9:30 pm
Rang special : Chieuse pas tentée
Localisation : IdF
Contact :

Re: Présenter un texte pour le web

Message par Crazy » ven. juin 14, 2013 2:32 pm

Selsynn a écrit :Pour une page web internet (...) tu places le tout dans une balise "<div></div>" qui permet de spécialiser une mise en forme un peu spéciale, et à celle-ci, via ses arguments de mises en forme, tu peux choisir de changer l'affichage général.
C'est pas faux, mon texte d'origine a "quelques" années ^^

Si tu fais du codage HTML, 'fectivement, tu peux faire pas mal de choses avec <div>. Néanmoins, il faut quand même contrôler le résultat (notamment sur plusieurs tailles de fenêtre) et quelle que soit la méthode employée, je pense que le texte a besoin d'être plus aéré que pour un média traditionnel ;)

(M'enfin bon, on est d'accord ;))
:mouahaha: Grenouille vampire :wamp:, Mith :jedi: et sadique :fouet:
:lect: Challenge 2019 : Symbiotes (SF/SpaceOp)
:stylo: Blog : Crazy's Wor(l)ds

Répondre