Utilisateur:Raymond SÉNÈQUE/Article en cours : Différence entre versions

De WikiGenWeb
Aller à : navigation, rechercher
m
m
Ligne 1 : Ligne 1 :
 
+
'''L'indentation''' est un procédé de retrait de texte qui permet :
'''L'indentation''' est un procédé de retrait de texte qui permet d'organiser et de rendre plus lisibles les fils de [[discussion]].
+
* un retrait de texte dans un paragraphe,
 +
* une liste de description
 +
* d'organiser les fils de discussion.
  
 
== Mise en page des pages de discussion ==
 
== Mise en page des pages de discussion ==
Ligne 16 : Ligne 18 :
  
 
=== Exemple ===
 
=== Exemple ===
On aboutit ainsi au modèle suivant :
 
 
== Titre de la section ==
 
 
 
Sujet original Sujet original Sujet original Sujet original Sujet
 
original Sujet original Sujet original Sujet original Sujet original
 
Sujet original Sujet original Sujet original Sujet original Sujet 
 
original Sujet original. <nowiki>--[[Utilisateur:utilisateur 1|]]</nowiki> date 1
 
            <nowiki><!--saut de ligne invisible sur la page--></nowiki>
 
:Réponse 1 Réponse 1 Réponse 1 Réponse 1 Réponse 1 Réponse 1 Réponse
 
1 Réponse 1 Réponse 1 Réponse 1 Réponse 1 Réponse 1 Réponse 1 Réponse
 
1 Réponse 1 Réponse 1 Réponse 1 Réponse 1 Réponse 1 Réponse 1. --
 
<nowiki> [[Utilisateur:utilisateur 2|]]</nowiki> date 2
 
 
:Réponse 2 Réponse 2 Réponse 2 Réponse 2 Réponse 2 Réponse 2 Réponse
 
2 Réponse 2 Réponse 2 Réponse 2 Réponse 2 Réponse 2 Réponse 2 Réponse
 
2 Réponse 2 Réponse 2 Réponse 2 Réponse 2 Réponse 2 Réponse 2. --
 
<nowiki>[[Utilisateur:utilisateur 3|]]</nowiki> date 3
 
:: <nowiki><!-- deux deux-points sont indispensables ici pour sauter une ligne
 
sans gêner l'alternance des couleurs --></nowiki>
 
::Réponse 2-1 Réponse 2-1 Réponse 2-1 Réponse 2-1 Réponse 2-1 Réponse
 
2-1 Réponse 2-1 Réponse 2-1 Réponse 2-1 Réponse 2-1 Réponse 2-1
 
Réponse 2-1 Réponse 2-1 Réponse 2-1 Réponse 2-1 Réponse 2-1 Réponse 2-
 
1 Réponse 2-1 Réponse 2-1 Réponse 2-1. --[[Utilisateur:utilisateur
 
5|]] date 5
 
:  <nowiki><!-- un seul deux-points sert à tracer une ligne horizontale --></nowiki>
 
::Réponse 2-2 Réponse 2-2 Réponse 2-2 Réponse 2-2 Réponse 2-2 Réponse
 
2-2 Réponse 2-2 Réponse 2-2 Réponse 2-2 Réponse 2-2 Réponse 2-2
 
Réponse 2-2 Réponse 2-2 Réponse 2-2 Réponse 2-2 Réponse 2-2 Réponse 2-
 
2 Réponse 2-2 Réponse 2-2 Réponse 2-2. --[[Utilisateur:utilisateur
 
6|]] date 6
 
::: <nowiki><!-- trois deux-points sont indispensables ici pour
 
sauter une ligne sans gêner l'alternance des couleurs --></nowiki>
 
:::Réponse 2-2-1 Réponse 2-2-1 Réponse 2-2-1 Réponse 2-2-1 Réponse 2-
 
2-1 Réponse 2-2-1 Réponse 2-2-1 Réponse 2-2-1 Réponse 2-2-1 Réponse 2-
 
2-1 Réponse 2-2-1 Réponse 2-2-1 Réponse 2-2-1 Réponse 2-2-1 Réponse 2-
 
2-1 Réponse 2-2-1 Réponse 2-2-1 Réponse 2-2-1 Réponse 2-2-1 Réponse 2-
 
2-1. <nowiki>--[[Utilisateur:utilisateur 7|]]</nowiki> date 7
 
 
:Réponse 3 Réponse 3 Réponse 3 Réponse 3 Réponse 3 Réponse 3 Réponse
 
3 Réponse 3 Réponse 3 Réponse 3 Réponse 3 Réponse 3 Réponse 3 Réponse
 
3 Réponse 3 Réponse 3 Réponse 3 Réponse 3 Réponse 3 Réponse 3. --[
 
[Utilisateur:utilisateur 4|]] date 4
 
 
Vous pouvez voir le résultat dans [[Discussion Aide:Indentation|la page de discussion]] (le résultat ne pouvait pas être montré ici-même puisque cette page n'est pas une page de discussion, et la feuille de style utilisant les couleurs bleues n'y est pas active).
 
  
 
===Quelques écueils courants à éviter===
 
===Quelques écueils courants à éviter===
Ligne 158 : Ligne 115 :
 
<p style="text-indent:2em">''Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.''</p>
 
<p style="text-indent:2em">''Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.''</p>
 
Ici, le paragraphe était encadré par <code>&lt;p style="text-indent:2em"&gt;</code> et <code>&lt;/p&gt;</code> (un élément <code>&lt;p&gt;</code> est justement un élément de paragraphe).
 
Ici, le paragraphe était encadré par <code>&lt;p style="text-indent:2em"&gt;</code> et <code>&lt;/p&gt;</code> (un élément <code>&lt;p&gt;</code> est justement un élément de paragraphe).
 
== Voir aussi ==
 
* [[Aide:Discussion]]
 
* [[Aide:Syntaxe]]
 
* [[Modèle:Non signé]], très utile si votre interlocuteur a oublié de signer et si vous voulez marquer la frontière entre la fin de son message et le début du vôtre.
 
 
[[Catégorie:Aide de Wikipédia|Indentation des discussions]]
 

Version du 31 mars 2011 à 09:17

L'indentation est un procédé de retrait de texte qui permet :

  • un retrait de texte dans un paragraphe,
  • une liste de description
  • d'organiser les fils de discussion.

Mise en page des pages de discussion

Comme indiqué dans l'article Indentation, cette pratique permet de présenter les différentes contributions en distinguant :

  1. le « sujet principal » ou fil de discussion, ou « contribution originale », qui sera le plus à gauche,
  2. des « réponses » à cette contribution originale, qui seront présentées sous cette première contribution, et décalées à droite et
  3. des « réponses à réponse » qui seront présentées sous la réponse, et décalées d'un cran supplémentaire vers la droite, et ainsi de suite...

Ce décalage est réalisé, dans la syntaxe de Wikipédia au moyen du signe de ponctuation « : » (deux-points) placé en début de ligne. Plus le nombre de « : » est important, plus le paragraphe se déplace vers la droite.

À ce principe de base s'ajoute, sur le Bistro et sur les pages de discussion, une feuille de style qui fait alterner les deux couleurs de fond blanc et bleu pâle, en suivant la parité du nombre de « : ». Un nombre pair produit un fond jaune pâle, tandis qu'un nombre impair produit un fond jaune foncé. La frontière entre les couleurs est renforcée par deux lignes, l'une en haut, l'autre à gauche du paragraphe le plus à droite.

Il apparaît utile également d'ajouter des sauts de lignes invisibles sur la page, mais visibles dans la boîte d'édition, afin de mieux distinguer les contributions des uns et des autres au moment où l'on modifie une page de discussion.

Exemple

Quelques écueils courants à éviter

(De même, voir le rendu sur la page de discussion )

La signature ou le saut de ligne non indenté

Eviter Préférer Eviter Préférer
:bla
::blabla
:::Votre réponse
Votre signature
:bla
::babla
:::votre réponse
:::Votre signature
:bla
::blabla
:::Votre réponse
Suite de votre réponse
:bla
::babla
:::votre réponse
:::Suite de votre réponse

Le saut de ligne avant la réponse

Eviter Préférer Ou, avec séparation
:bla
::babla

:::votre réponse (+signature)
:bla
::blabla
:::Votre réponse (+signature)
:bla
::blabla
::: 
:::Votre réponse (+signature)

La réponse de même niveau sans séparation

Éviter Préférer
:Bla
::Blabla. (Signature utilisateur 1)
::Votre réponse au premier message (+ signature)
:Bla
::Blabla. (Signature utilisateur 1)
:
::Votre réponse au premier message (+ signature)


Ce modèle est purement indicatif, et personne ne vous en voudra si vous ne respectez pas à la lettre les indications données.

Pour faire des essais, vous pouvez utiliser la page Discussion Wikipédia:Bac à sable.

Le retrait en typographie française

Hormis le cas particulier des pages de discussion, l'indentation est aussi un retrait de la première ligne d'un paragraphe.

En HTML, on peut appliquer la propriété CSS text-indent – avec une valeur proportionnelle à la police, comme 1em ou 2em – au conteneur du texte.

Exemples

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.

Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim.

Ici, les deux paragraphes étaient encadrés par <div style="text-indent:1em"> et </div> (un élément <div> est un conteneur générique).

Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

Ici, le paragraphe était encadré par <p style="text-indent:2em"> et </p> (un élément <p> est justement un élément de paragraphe).