Aide : Différence entre versions

De PlaneteSistearth
(on avance, c’est une évidence)
(Et un…)
Ligne 10 : Ligne 10 :
 
En attendant, et jusqu’à ce que quelqu’un apporte son grain de sable, je déclenche : ce lieu se nomme «'''L’atelier du Docteur (fou) ès POGS Caranud'''».
 
En attendant, et jusqu’à ce que quelqu’un apporte son grain de sable, je déclenche : ce lieu se nomme «'''L’atelier du Docteur (fou) ès POGS Caranud'''».
  
<u>Note :</u> pour faciliter la compréhension des codes à saisir, ceux-ci seront mis en rouge et accompagnés d’exemples.
+
<u>Note :</u> pour faciliter la compréhension des codes à saisir, ceux-ci seront mis en rouge, les variables en violet, les textes en gris et accompagnés d’exemples.
  
  
Ligne 23 : Ligne 23 :
  
 
* <font color="#663333">'''Mettre en ''couleur'' :'''</font>
 
* <font color="#663333">'''Mettre en ''couleur'' :'''</font>
  <font color="#FF0000"><nowiki><font color="#6600CC"></nowiki></font><font color="#666666">texte</font><font color="#FF0000"><nowiki></font></nowiki></font> <font color="#009900">=</font> <font color="#6600CC">texte</font>
+
  <font color="#FF0000"><nowiki><font color="</nowiki></font><font color="#6600CC">#CC6600</font><font color="#FF0000"><nowiki>"></nowiki></font><font color="#666666">texte</font><font color="#FF0000"><nowiki></font></nowiki></font> <font color="#009900">=</font> <font color="#CC6600">texte</font>
:<u>Note :</u> les codes de couleurs sont ceux du code HTML, le code de couleur donné ici n’étant qu’un exemple parmi d’autres…
+
  
 
* <font color="#663333">'''Mettre en ''exposant'' ou en ''indice'' :'''</font>
 
* <font color="#663333">'''Mettre en ''exposant'' ou en ''indice'' :'''</font>
 
  <font color="#FF0000"><nowiki><sup></nowiki></font><font color="#666666">texte</font><font color="#FF0000"><nowiki></sup></nowiki></font> <font color="#009900">=</font> <sup>texte</sup>  |  <font color="#FF0000"><nowiki><sub></nowiki></font><font color="#666666">texte</font><font color="#FF0000"><nowiki></sub></nowiki></font> <font color="#009900">=</font> <sub>texte</sub>
 
  <font color="#FF0000"><nowiki><sup></nowiki></font><font color="#666666">texte</font><font color="#FF0000"><nowiki></sup></nowiki></font> <font color="#009900">=</font> <sup>texte</sup>  |  <font color="#FF0000"><nowiki><sub></nowiki></font><font color="#666666">texte</font><font color="#FF0000"><nowiki></sub></nowiki></font> <font color="#009900">=</font> <sub>texte</sub>
 +
 +
* <font color="#663333">'''Changer la ''taille'' :'''</font>
 +
<font color="#FF0000"><nowiki><small></nowiki></font><font color="#666666">texte</font><font color="#FF0000"><nowiki></small></nowiki></font> <font color="#009900">=</font> <small>texte</small>  |  <font color="#FF0000"><nowiki><big></nowiki></font><font color="#666666">texte</font><font color="#FF0000"><nowiki></big></nowiki></font> <font color="#009900">=</font> <big>texte</big>  |  <font color="#FF0000"><nowiki><font size="</nowiki></font><font color="#6600CC"><nowiki>10px</nowiki></font><font color="#FF0000"><nowiki>"></nowiki></font><font color="#666666">texte</font><font color="#FF0000"><nowiki></font></nowiki></font> <font color="#009900">=</font> <font size="10px">texte</font>
  
 
* <font color="#663333">'''''Centrer'' :'''</font>
 
* <font color="#663333">'''''Centrer'' :'''</font>
Ligne 33 : Ligne 35 :
  
 
===<font color="#999900">Cumul de mise en forme</font>===
 
===<font color="#999900">Cumul de mise en forme</font>===
 +
:Les codes de couleurs ou de taille sont ceux du code HTML, ils ne sont donc que des exemples parmi d’autres…
 
:Les mises en forme peuvent se cumuler : un terme peut ainsi être à la fois en italique, en gras, souligné, barré et en couleur.
 
:Les mises en forme peuvent se cumuler : un terme peut ainsi être à la fois en italique, en gras, souligné, barré et en couleur.
 
  <font color="#FF0000"><nowiki>'''''<u><strike><font color="#66FFFF"></nowiki></font>texte<font color="#FF0000"><nowiki></font></strike></u>'''''</nowiki></font> = '''''<u><strike><font color="#66FFFF">texte</font></strike></u>'''''
 
  <font color="#FF0000"><nowiki>'''''<u><strike><font color="#66FFFF"></nowiki></font>texte<font color="#FF0000"><nowiki></font></strike></u>'''''</nowiki></font> = '''''<u><strike><font color="#66FFFF">texte</font></strike></u>'''''
Ligne 143 : Ligne 146 :
 
  <font color="#FF0000"><nowiki>~~~~~</nowiki></font> <font color="#009900">=</font> la date
 
  <font color="#FF0000"><nowiki>~~~~~</nowiki></font> <font color="#009900">=</font> la date
  
=<font color="#000099">V Interaction des pages</font>=
+
=<font color="#000099">III Interaction des pages</font>=
  
==<font color="#3366FF">A/ Liens internes</font>==
+
==<font color="#3366FF">A/ Adresses internet</font>==
===<font color="#999900">Liens directs</font>===
+
  
 +
===<font color="#999900">Liens internes</font>===
  
===<font color="#999900">Redirections</font>===
+
:Vous avez la possibilité de mettre l’adresse en lien direct ou bien en faire un lien redirigé avec les code suivants :
  
 +
<font color="#FF0000"><nowiki>[[</nowiki></font><font color="#FF99FF"><nowiki>Page_interne</nowiki></font><font color="#FF0000"><nowiki>]]</nowiki></font> <font color="#009900">=</font> [[Page_interne]]  |  <font color="#FF0000"><nowiki>[[</nowiki></font><font color="#FF99FF"><nowiki>Page_interne</nowiki></font><font color="#FF0000"><nowiki>|</nowiki></font><font color="#666666">titre</font><font color="#FF0000"><nowiki>]]</nowiki></font> <font color="#009900">=</font> [[Page_interne|titre]]
  
==<font color="#3366FF">B/ Liens externes</font>==
+
===<font color="#999900">Liens externes</font>===
:Vous pouvez simplement mettre l’adresse ou bien lui donner un titre personnalisé avec le code suivant :
+
<font color="#FF0000"><nowiki>[</nowiki></font><font color="#666666"><nowiki>http://www.lien.com titre</nowiki></font><font color="#FF0000"><nowiki>]</nowiki></font> <font color="#009900">=</font> [http://www.lien.com titre]
+
  
 +
:Vous pouvez simplement mettre l’adresse ou bien lui donner un titre personnalisé en laissant un espace entre le lien et l’étiquette :
 +
<font color="#FF99FF"><nowiki>http://www.lien.com</nowiki></font> <font color="#009900">=</font> http://www.lien.com  |  <font color="#FF0000"><nowiki>[</nowiki></font><font color="#FF99FF"><nowiki>http://www.lien.com</nowiki></font> <font color="#666666">titre</font><font color="#FF0000"><nowiki>]</nowiki></font> <font color="#009900">=</font> [http://www.lien.com titre]
  
==<font color="#3366FF">C/ Ancrage</font>==
+
===<font color="#999900">Remarques sur la présentation des adresses.</font>===
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;S'il y a un double point dans le nom de la page, le texte à gauche du double-point et le double point lui-même sont enlevés.
 +
<font color="#FF0000"><nowiki>[[</nowiki></font><font color=#FF99FF>Sistearth:Aide</font><font color="#FF0000"><nowiki>|]]</nowiki></font> <font color="#009900">=</font> [[Sistearth:Aide|Aide]].
 +
 
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Si le titre de l'article est contenu dans les termes du lien, les lettres supplémentaires peuvent être accolées après le lien.
 +
<font color="#FF0000"><nowiki>[[</nowiki></font><font color="#FF99FF">Sistearth</font><font color="#FF0000"><nowiki>]]</nowiki></font><font color="#666666">ien</font> <font color="#009900">=</font> [[Sistearth]]ien.
 +
 
 +
==<font color="#3366FF">B/ Ancrage</font>==
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Une ancre est un endroit d'une page auquel il est possible de se référer directement dans un lien : ainsi, le lien pointe directement sur la bonne portion de la page. Les en-têtes de sections sont automatiquement des ancres. Pour créer une ancre, il faut insérer le code suivant :
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Une ancre est un endroit d'une page auquel il est possible de se référer directement dans un lien : ainsi, le lien pointe directement sur la bonne portion de la page. Les en-têtes de sections sont automatiquement des ancres. Pour créer une ancre, il faut insérer le code suivant :
 
  <font color="#FF0000"><nowiki><span id="</nowiki></font>ancre<font color="#FF0000"><nowiki>"></nowiki></font><font color="#999999">texte</font><font color="#FF0000"><nowiki></span></nowiki></font> <font color="#009900">=</font> <span id="ancre">texte</span>
 
  <font color="#FF0000"><nowiki><span id="</nowiki></font>ancre<font color="#FF0000"><nowiki>"></nowiki></font><font color="#999999">texte</font><font color="#FF0000"><nowiki></span></nowiki></font> <font color="#009900">=</font> <span id="ancre">texte</span>
L'ancre possède alors un "nom" qui permet de l'identifier et de faire un lien vers elle. Sur la page elle-même, il suffit de créer un lien comme ceci :
+
:L'ancre possède alors un "nom" qui permet de l'identifier et de faire un lien vers elle. Sur la page elle-même, il suffit de créer un lien comme ceci :
 
  <font color="#FF0000"><nowiki>[[#</nowiki></font>ancre<font color="#FF0000"><nowiki>|</nowiki></font>lien vers l’ancre<font color="#FF0000"><nowiki>]]</nowiki></font> <font color="#009900">=</font> [[#ancre|lien vers l’ancre]]
 
  <font color="#FF0000"><nowiki>[[#</nowiki></font>ancre<font color="#FF0000"><nowiki>|</nowiki></font>lien vers l’ancre<font color="#FF0000"><nowiki>]]</nowiki></font> <font color="#009900">=</font> [[#ancre|lien vers l’ancre]]
Pour faire un lien vers une ancre sur une autre page, il faut écrire le nom de la page suivi du code de l’ancre.
+
:Pour faire un lien vers une ancre sur une autre page, il faut écrire le nom de la page suivi du code de l’ancre.
 
  <font color="#FF0000"><nowiki>[</nowiki></font><nowiki>http://wiki.sistearth.com/index.php?title=Aide</nowiki><font color="#FF0000"><nowiki>#</nowiki></font>ancre lien vers l’ancre<font color="#FF0000"><nowiki>]</nowiki></font> <font color="#009900">=</font> [http://wiki.sistearth.com/index.php?title=Aide#ancre lien vers l’ancre]
 
  <font color="#FF0000"><nowiki>[</nowiki></font><nowiki>http://wiki.sistearth.com/index.php?title=Aide</nowiki><font color="#FF0000"><nowiki>#</nowiki></font>ancre lien vers l’ancre<font color="#FF0000"><nowiki>]</nowiki></font> <font color="#009900">=</font> [http://wiki.sistearth.com/index.php?title=Aide#ancre lien vers l’ancre]
 +
:L’ancrage ne fonctionne pas sur les pages spéciales ou pour les redirections.
  
==<font color="#3366FF">D/ Catégories</font>==
+
==<font color="#3366FF">D/ Redirections</font>==
  
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Une redirection sert à utiliser une page (la page de redirection) pour créer un lien renvoyant automatiquement vers une autre page (la page cible). Elle se fait automatiquement en cas de renommage et est utilisable en mettant ce texte dans la première ligne d’une page :
 +
<font color="#FF0000"><nowiki>#REDIRECT [[</nowiki></font><font color="#FF99FF"><nowiki>http://www.lien.com</nowiki></font><font color="#FF0000"><nowiki>]]</nowiki></font>
 +
<font color="#FF0000"><nowiki>#REDIRECT [[</nowiki></font><font color="#FF99FF"><nowiki>page interne</nowiki></font><font color="#FF0000"><nowiki>]]</nowiki></font>
 +
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Le texte suivant sur la même ligne sera affiché lorsque l'on visualise la page de redirection elle-même, et peut servir à expliquer la raison de la redirection, il peut inclure une catégorie.<br>
 +
Les lignes supplémentaires sont automatiquement enlevées à la sauvegarde (mais pas pendant la prévisualisation). La redirection ne marchera pas en revanche s'il y a quelque chose sur la page avant le code de redirection.
  
=<font color="#000099">V Images</font>=
+
==<font color="#3366FF">E/ Catégories</font>==
 +
 
 +
 
 +
=<font color="#000099">IV Images</font>=
 
==<font color="#3366FF">A/ Insérer une image</font>==
 
==<font color="#3366FF">A/ Insérer une image</font>==
 
:Il n'est possible d'utiliser que des images qui ont été téléchargées vers un serveur, qu’il s’agisse de celui du wiki ou un lien externe.
 
:Il n'est possible d'utiliser que des images qui ont été téléchargées vers un serveur, qu’il s’agisse de celui du wiki ou un lien externe.
Ligne 176 : Ligne 197 :
 
- Ajouter un arrière-plan (gif répété comme sur la page d'accueil) : <nowiki><div style="background : transparent url(Adresse de l'image)"> </div></nowiki><br>
 
- Ajouter un arrière-plan (gif répété comme sur la page d'accueil) : <nowiki><div style="background : transparent url(Adresse de l'image)"> </div></nowiki><br>
 
- Ajouter une image en arrière-plan : <nowiki><div style="background : transparent url(Adresse de l'image) no-repeat X %;">. Le pourcentage sert à préciser la place de l'image (50% étant le centre)</nowiki>
 
- Ajouter une image en arrière-plan : <nowiki><div style="background : transparent url(Adresse de l'image) no-repeat X %;">. Le pourcentage sert à préciser la place de l'image (50% étant le centre)</nowiki>
 +
 +
=<font color="#000099">VI Tableaux</font>=

Version du 1 février 2007 à 19:16

L’atelier du docteur (fou) ès POGS Caranud


Cette page est une ébauche. Vous pouvez la continuer si vous le désirez.

     Cette page est sous construction, rassemblant toute l’aide nécessaire en ce qui concerne la syntaxe wiki, des conseils touchant plus proprement ce wiki et tout ce qui est de manière génerale jugé utile à être apporté à la connaissance des utilisateurs de Planète Sistearth…

     Si quelqu’un d’extérieur passait par là, je l’invite fortement à venir squatter et apporter ses lumières ! À propos, puisque cette page est en ébauche et que le tout premier créateur (Caranud) est un vieux fou facétieux, cette page aura pour particularité d’avoir un patronnage évolutif, c’est-à dire qu’elle porte le nom et l’aspect que lui donne la dernière personne qui la modifie (si elle le souhaite).
En attendant, et jusqu’à ce que quelqu’un apporte son grain de sable, je déclenche : ce lieu se nomme «L’atelier du Docteur (fou) ès POGS Caranud».

Note : pour faciliter la compréhension des codes à saisir, ceux-ci seront mis en rouge, les variables en violet, les textes en gris et accompagnés d’exemples.


I Mise en forme des caractères

Codes de mise en forme

  • Mettre en italique ou en gras :
''texte'' = texte   |   '''texte''' = texte
  • Souligner ou barrer :
<u>texte</u> = texte   |   <strike>texte</strike> = texte
  • Mettre en couleur :
<font color="#CC6600">texte</font> = texte
  • Mettre en exposant ou en indice :
<sup>texte</sup> = texte   |   <sub>texte</sub> = texte
  • Changer la taille :
<small>texte</small> = texte   |   <big>texte</big> = texte   |   <font size="10px">texte</font> = texte
  • Centrer :
<center>texte</center>

Cumul de mise en forme

Les codes de couleurs ou de taille sont ceux du code HTML, ils ne sont donc que des exemples parmi d’autres…
Les mises en forme peuvent se cumuler : un terme peut ainsi être à la fois en italique, en gras, souligné, barré et en couleur.
'''''<u><strike><font color="#66FFFF">texte</font></strike></u>''''' = texte

II Mise en page

A/ Uniformisation

Modèles

     Dans un souci de clarté, afin que la mise en page des articles présente une certaine uniformité, des modèles ont été mis en place. Il s'agit de raccourcis préenregistrés sur le wiki qui évitent de rechercher à chaque fois comment doivent être, par exemples, mis en page les renvois vers d'autres articles.

{{correction}} =
==Demande de correction==
L'auteur de cet article demande l'avis des lecteurs sur la mise en page, l'orthographe, la syntaxe et la grammaire de son texte. 
Une fois que vous avez entièrement corrigé le texte, merci de retirer cet avertissement.
Ne commencez pas une correction si vous n'avez pas les connaissances nécéssaires ou si vous n'êtes pas sûr de vous.
----
{{finir}} =
Cette page est une ébauche. Vous pouvez la continuer si vous le désirez. 
{{temp}} =
----
===Attention===
Cette page est encore à l'état d'ébauche, et son auteur original
demande à ce qu'elle ne soit pas modifiée pour le moment. 
Lorsque cette page sera éditable, l'auteur retirera cet avertissement. ----
{{voiraussi}}=
==Voir aussi==

B/ Hiérarchisation des données

Sectionner les articles

     La syntaxe wiki dispose par défaut d’une possibilité de créer des chapitres et sections en tout genre. Le niveau va de 1 (chapitre) à 6 (paragraphe), avec les codes suivants :

=Nouveau chapitre=
==Nouvelle section==
===Nouvelle sous-section===
====Nouveau titre====
=====Nouveau sous-titre=====
======Nouveau paragraphe======

     Il faut cependant remarquer que si, dans un premier temps, ces commandes s’avèrent extrêmement pratique (mise en forme et hiérarchisation dans la table des matières automatiques), la mise en forme des sections s’avère peu modifiable et peu satisfaisante sur une grande page. Elle reste néanmoins d’une aide appréciable sur les pages simples.

Table des matières

     Une table des matières est créée automatiquement si l'article comporte plus de 3 titres ou sous-titres (au moins 4).
Pour supprimer le sommaire automatique, il suffit de mettre quelque part __NOTOC__. Pour modifier l'emplacement de la table des matières, placer __NOTOC__ en haut de la page, puis insérer __TOC__ à l’endroit où vous désirez voir apparaître la table.

Supprimer l’édition des sous-titre

     La balise __NOEDITSECTION__ permet de supprimer les boutons "Éditer" qui apparaissent à chaque sous-titre à partir du niveau 2.

C/ Listes

Listes à puces

     Vous pouvez créer une liste avec la balise * en début de ligne. Vous pouvez créer des sous-listes en rajoutant une balise, chaque balise représentant un niveau de la même manière que pour les chapitres.

* Liste de niveau 1
** Liste de niveau 2
****** Liste de niveau 6
** Liste de niveau 2
* Liste de niveau 1

Listes numérotées

     En remplaçant la balise * en début de ligne par la balise #, les listes observeront un ordre numérique.

D/ Paragraphes

Aller à la ligne

     Un simple retour à la ligne n'a aucun effet, vous devez pour aller à la ligne utiliser la balise <br> en fin de phrase. Une ligne vide entre deux phrases permet en revanche de séparer les paragraphes.

Forcer des espaces

     La syntaxe wiki ne vous permet pas, par défaut, de former des paragraphes : il vous est impossible de mettre des espaces en début de phrase. Vous pouvez cependant ruser et insérer des caractères blancs avec la balise &NBSP; (en minuscules).

Changer le niveau des paragraphes

     Vous pouvez varier la position d’un paragraphe entier en rajoutant la balise : en tout début de phrase, le niveau augmentant suivant le nombre de balises.

Rajouter une ligne séparatrice

     La balise ---- en début de ligne génère une ligne sépatrice.

E/ Mise en forme particulière

Encadrer le texte

     Ajouter un espace en début de phrase permet de placer le texte dans un cadre qui supprimera les sauts de ligne automatiques. C’est très utile pour des exemples, mais n’en abusez pas : la police n’étant plus proportionnelle à la taille de la page, le texte complet peut déborder du cadre…

Autres codes

  • Changer la police du texte
<tt>texte</tt> = texte
  • Enlever l’interprétation de code :
<nowiki><u>texte</u></nowiki> = <u>texte</u>
  • Ajouter un commentaire :
Il est possible d'ajouter des commentaires dans la page, qui n'apparaîtront pas dans le rendu de la page, mais seulement en mode édition.
<!-- Commentaire -->
  • Ajouter une signature :
Vous pouvez ajouter une signature composée de votre pseudonyme et/ou de la date avec les codes suivants :
~~~ = le pseudonyme
~~~~ = le pseudonyme et la date
~~~~~ = la date

III Interaction des pages

A/ Adresses internet

Liens internes

Vous avez la possibilité de mettre l’adresse en lien direct ou bien en faire un lien redirigé avec les code suivants :
[[Page_interne]] = Page_interne   |   [[Page_interne|titre]] = titre

Liens externes

Vous pouvez simplement mettre l’adresse ou bien lui donner un titre personnalisé en laissant un espace entre le lien et l’étiquette :
http://www.lien.com = http://www.lien.com   |   [http://www.lien.com titre] = titre

Remarques sur la présentation des adresses.

     S'il y a un double point dans le nom de la page, le texte à gauche du double-point et le double point lui-même sont enlevés.

[[Sistearth:Aide|]] = Aide.

     Si le titre de l'article est contenu dans les termes du lien, les lettres supplémentaires peuvent être accolées après le lien.

[[Sistearth]]ien = Sistearthien.

B/ Ancrage

     Une ancre est un endroit d'une page auquel il est possible de se référer directement dans un lien : ainsi, le lien pointe directement sur la bonne portion de la page. Les en-têtes de sections sont automatiquement des ancres. Pour créer une ancre, il faut insérer le code suivant :

<span id="ancre">texte</span> = texte
L'ancre possède alors un "nom" qui permet de l'identifier et de faire un lien vers elle. Sur la page elle-même, il suffit de créer un lien comme ceci :
[[#ancre|lien vers l’ancre]] = lien vers l’ancre
Pour faire un lien vers une ancre sur une autre page, il faut écrire le nom de la page suivi du code de l’ancre.
[http://wiki.sistearth.com/index.php?title=Aide#ancre lien vers l’ancre] = lien vers l’ancre
L’ancrage ne fonctionne pas sur les pages spéciales ou pour les redirections.

D/ Redirections

     Une redirection sert à utiliser une page (la page de redirection) pour créer un lien renvoyant automatiquement vers une autre page (la page cible). Elle se fait automatiquement en cas de renommage et est utilisable en mettant ce texte dans la première ligne d’une page :

#REDIRECT [[http://www.lien.com]]
#REDIRECT [[page interne]]

     Le texte suivant sur la même ligne sera affiché lorsque l'on visualise la page de redirection elle-même, et peut servir à expliquer la raison de la redirection, il peut inclure une catégorie.
Les lignes supplémentaires sont automatiquement enlevées à la sauvegarde (mais pas pendant la prévisualisation). La redirection ne marchera pas en revanche s'il y a quelque chose sur la page avant le code de redirection.

E/ Catégories

IV Images

A/ Insérer une image

Il n'est possible d'utiliser que des images qui ont été téléchargées vers un serveur, qu’il s’agisse de celui du wiki ou un lien externe.

La syntaxe pour inclure une image externe est simplement d'écrire l'URL de l'image. L'image est alors affichée dans sa taille normale.

- Ajouter une image : rajouter la balise <img style="width: ? px; height: ? px;" alt="Texte de remplacement" src="Adresse de l'image">
- Ajouter un arrière-plan (gif répété comme sur la page d'accueil) : <div style="background : transparent url(Adresse de l'image)"> </div>
- Ajouter une image en arrière-plan : <div style="background : transparent url(Adresse de l'image) no-repeat X %;">. Le pourcentage sert à préciser la place de l'image (50% étant le centre)

VI Tableaux