Comme écrit plus haut, il faut s'authentifier pour créer ou modifier des pages. Une fois authentifié, on voit apparaître “modifier cette page” dans la colonne de gauche.

Pour s'exercer un endroit qui s'y prête bien : « bac à sable ».

Maintenant que ta page est crée, tu peux choisir sur cette page-ci ce qui t'intéresse puis

• Clique sur “Modifier cette page” dans la collonne de gauche sous “Edition”
• Ou bien clique sur le bouton “Modifier” juste en dessous s'il existe
• Copie/colle la partie qui t'intéresse sur la page que tu viens de créer
• remplace le texte par le tien

Veille à bien garder les “balises” pour le formatage (tout ce qui est === pour les titres, tout ce qui est entre < > ou {}

Lien interne
A faire…
sur cette page.

• soit le texte qui supporte le lien est le nom de la page dans le quel cas il suffit de cliquer sur le bouton de lien interne et de remplacer “Lien interne” par le nom de la page
• Soit le texte qui supporte le lien est différent du nom de la page et alors il vous faut rajouter un tube '`|' ( Alt GR et - )

exemple : playground , bac à sable

Lien externe

Par exemple Site de dokuwiki

• En mode Edition, clique sur l'icône Ou saisis [[http://example.com|Lien externe]]
• Remplace “http://www.example.com” par ton lien.
• Remplace “lien externe ” par une description parlante.

[[ http://example.com | Lien externe ]] → [[ https://www.dokuwiki.org/dokuwiki | Site de dokuwiki ]]

gras, italique, souligner, réduire l'espacement avec respectivement les autres premiers boutons de la barre de menu.

indice avec les balises ou en exposant avec les balises :

exemple: _indice and ^exposant

       code : <sub>indice</sub> et  <sup>sexposant</sup>

rayer avec les balises .

exemple: indice

       code : <del>indice</del> 

Pour changer de paragraphe il suffit de laisser une ligne vide entre les deux.

Pour écrire dans un encadré, il suffit de ne pas commencer le début du paragraphe au bord du cadre mais de se décaler avec un ou deux espaces.

Pour sauter des lignes, il faut commencer la ligne par “\\” (alt Gr et 8), mais cela est à utiliser avec prudence. Pourquoi ?

Pour faire un lien sur une image, il faut procéder de la même manière. Vous placez le curseur à la place convenue et vous insérez l'image voulue.

Attention, un lien ne peut se faire que sur une image au format png. Sinon le nom de l'image s'affichera à la place de celle-ci.

Vous avez la possibilité de faire cinq titres différents, l'indentation se fera toute seule, vous ne pouvez donc pas imbriquer plus de cinq paragraphes.
Pour en mettre d'avantage vous pouvez utiliser le tiret – –

====== titre numéro 1 ======

===== titre numéro 2 =====

==== titre numéro 3 ====

=== titre numéro 4 ===

== titre numéro 5 ==

Vous avez la possibilité de régler la taille des images. Pour cela, il faut modifier un peu la ligne de commande qui s'affiche lors de l'insertion d'une image: - taille réelle : nom_de_l_image exemple:

- régler avec des pourcentages: nom_de_l_image exemple:

- régler avec des dimensions : nom_de_l_image exemple:

- régler une image externe (qui n'est pas dans la base d'image du Dokuwiki) :adresse_de_l_image exemple:

Vous avez également la possibilité de faire afficher un message lorsque la souris reste sur une image, pour cela il faut rajouter « |This is the caption}} » après le nom de l'image.

Exemple : ou

Les listes à puces

• Clique sur “Modifier” puis recherche “Les listes” si besoin
• Puis copie/colle de la première étoile à la dernière
• En mode Edition (clique sur “Modifier”), clique sur le bouton # mettre capture écran
• En mode Edition, insére une étoile par ligne

Liste numérotée

1. C'est le même prncipe pour les listes numérotées
2. Contrairement aux listes à puces qui utilisent l'étoile, pour les listes numérotées c'est le tiret -

Pour créer des listes, il suffit de cliquer sur le bouton voulu selon que la liste est numérotée ou pas; si elle l'est, et que vous voulez imbriquer des listes, il vous suffit de marquer le décalage et la numérotation s'adapte.

Exemple:

Dokuwiki supports ordered and unordered lists. To create a list item intend your text by two spaces and use a * for unordered lists or a - for ordered ones.

• C'est une liste
• c'est le second item
  • un nouveau niveau
• un autre item

1. la même liste
2. une autre item
   1. une indentation
3. un autre item

code :

  
  * C'est une liste
  * c'est le second item
    * un nouveau niveau
  * un autre  item

  - la même liste
  - une autre  item
    - une indentation
  - un autre item

Quelques exemples:

• :-)
• :-(
• =)
• :-?
• :-O
• ;-)
• :?:
• :!:
• FIXME
• DELETEME

• Modifier
• Tout supprimer
• Enregistrer

Vous avez la possibilité d'insérer des symbole comme des flèches, des copyrights, etc:

→ ← ↔ ⇒ ⇐ ⇔ » « – — 640×480 © ™ ®

code:

-> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r)

DokuWiki utilise une syntaxe simple pour les tableaux :

Pour faire un tableau à simple entrée:

Pour avoir une ligne « titre » qui sera sur un fond bleue , il faut séparer les titre par des '^'. Les colonnes sont elles séparées par des '|' ( caractère qui s'obtient en appuyant simultanément sur les touches « Alt Gr » et « - » Pour fusionner deux colonnes il faut déplacer la barre de fin de la première colonne juste avant la barre de fin de la deuxième.

exemple:

code : 
^ titre 1      ^ titre 2       ^ titre  3          ^
| ligne 1 Col 1    | ligne 1 Col 2     | ligne Col 3        |
| ligne 2 Col 1    | deux cases fusionnées (utilisation d'une double barre) ||
| ligne 3 Col 1    | ligne 2 Col 2     | ligne 2 Col 3        |

Pour faire un tableau double entrées:

Il faut utiliser la même méthode : - Pour la case vide en haut à gauche la faire démarrer par une barre et finir par un '^' . - Pour les titres sur les cotés, de la même manière les écrire entre '^'.

exemple:

code : 
|              ^ titre 1            ^ titre  2          ^
^ titre 3    | ligne 1 Col 2          | ligne 1 Col 3        |
^ titre 4    | lign 2 col 2 |                    |
^ titre 5    | ligne 3 Col 2          | ligne 3 Col 3        |

Pour mettre un texte sans qu'il soit analysé (un code par exemple), il suffit de le placer entre deux %%, ou de mettre au moins deux espaces devant, ou de les placer entre les balises <code></code>, <file></file>, <nowiki></nowiki>

exemples:

%%http://www.example.com%% ⇒ http://www.example.com

<nowiki>http://www.example.com</nowiki> ⇒ http://www.example.com

<code>http://www.example.com</code> ⇒

http://www.example.com

<file>http://www.example.com</file> ⇒

http://www.example.com

Pour faire ressortir la syntaxe d'un code, mettre en couleur les mots clefs, il faut placer le code entre des balises <code nom du langage> </code>.

Les langages reconnus sont : actionscript, ada, apache, asm, asp, bash, caddcl, cadlisp, c, cpp, css, delphi, html4strict, java, javascript, lisp, lua, nsis, oobas, pascal, perl, php-brief, php, python, qbasic, sql, vb, visualfoxpro, xml

exemple avec <code java>…</code> :

/** 
 * The HelloWorldApp class implements an application that
 * simply displays "Hello World!" to the standard output.
 */
class HelloWorldApp {
    public static void main(String[] args) {
        System.out.println("Hello World!"); //Display the string.
    }
}

Le DokuWiki possède un moteur de recherche, il vous suffit donc de taper votre requête dans l'emplacement vide prévu à cette effet et de cliquez sur le bouton “Rechercher”.
Pour un résultat plus lisible : taper un mot, d'attendre un peu, et de choisir le résultat dans la liste qui apparaît.

Cet article a été validé le 27/04/2022

Descripif de la partie 1.

Règles pour les illustrations :

• les capture d'écran devront comporter un bord noir d'1 pixel
• les vidéos du Mediserver peuvent être ajoutées en utilisant le code suivant : <html><iframe width="720" height="530" src="ADRESSE URL" allowfullscreen="allowfullscreen" allow="autoplay"></iframe></html>
• les gif animés peuvent être ajoutés

Descriptif de la partie 2.

Processus en différentes étapes :

1. cliquer sur le bouton 1
2. cliquer sur le bouton 2
3. cliquer sur le bouton 3