Savoirs communs

Outils pour utilisateurs

Outils du site

Piste:
synthaxewiki

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision 		Révision précédente
synthaxewiki [06/10/2015 12:23]
cresolromain créée 		synthaxewiki [21/08/2020 13:25] (Version actuelle)
Ligne 1: Ligne 1:
-== Premiers pas [prévoir 30 minutes]== +====== La synthaxe dokuwiki ... pense-bête ! ======
-N'ayez pas peur, un wiki c'est facile ! Nous allons vous expliquer ici comment vous servir simplement de ce wiki et y contribuer. Sur un wiki, tout le monde peut écrire, mais il faut pour cela se créer un compte ou être connecter : [[Spécial:Connexion/signup|Me créer un compte]] |[[Spécial:Connexion|Me connecter]].+
  
-=== Créer une nouvelle page === +===== Mise en gras =====
-Pour créer des pages, trois possibilités : +
-* 1 '''Pour ajouter de nouveaux projets :''' accédez directement au formulaire en [[Formulaire:Projet|suivant ce lien]]. Vous pourrez ensuite la modifier (voir plus loin) +
-* 2 '''Pour ajouter une nouvelle page :''' entrez simplement le nom de la page à créer en [[:Spécial:AjouterPage|suivant ce lien]]. +
-* 3 '''Pour une page toujours:''' entrez son nom ici:  {{#createpage:||et cliquez là!}}+
  
 +Avec <nowiki>**Texte de test**</nowiki> on obtient **Texte de test**
  
-''Important : si vous créez un tutoriel, merci d'insérer le code <nowiki>[[Catégorie:Tutoriels]]</nowiki> en bas de votre page.''+===== Mise en italique ===== 
 +Avec la syntaxe <nowiki>//Texte de test//</nowiki> on obtient //Texte de test//
  
-=== Ecrire dans une page ou la modifier ===+===== Souligner ===== 
 +Avec <nowiki>__Texte de test__</nowiki> on obtient __Texte de test__
  
-Pour modifier une page (et donc écrire dedans), il vous suffit de vous rendre sur la page concernée et de cliquer sur "Modifier" en haut de celle-ci. Vous pouvez essayer dés maintenant !+===== Combiner les mises en forme===== 
 +Avec <nowiki>//__**Texte de test**__//</nowiki> on obtient __//**Texte de test**//__
  
 +===== Insérer un lien =====
 +Avec <nowiki>[[actions|Lien de test vers une page du wiki]]</nowiki> on obtient [[actions|Lien de test vers une page du wiki]]
  
-Vous avez essayé ? Bon, je vois que finalement vous avez peur, nous allons tenter de résoudre ce petit problème de confiance en sois. Ce qui vous as surpris c'est que quand on est dans l'espace d'édition (en cliquant sur modifier), on ne voit pas à l'écran ce que ça va afficher réellement une fois que l'on aura enregistré. +Avec <nowiki>[[http://blog.coopaxis.fr/|Lien de test vers un un site externe]]</nowiki> on obtient [[http://blog.coopaxis.fr/|Lien de test vers un site externe]]
  
  
-L'explication est simple : si je souhaites mettre en gras un mot, je le sélectionne, je clique sur le bouton "gras" mais je ne vais pas le voir apparaître en gras. En réalité, je vais simplement voir mon texte entouré de trois guillemets (<nowiki>'''</nowiki>). C'est ce qu'on appelle la syntaxe wiki : '''au lieu de faire gras, je mets des guillemets<nowiki>'''</nowiki>, pour faire des listes à puce je mets des astérix, etc. +===== Insérer une image =====
  
 +Pour insérer une image, <del>il faut que l'image soit hébergée quelque part sur le web et on peut ensuite l'intégrer à une page du wiki</del>.
  
-Pas d'inquiétude, il vous suffit au début d'utiliser l'éditeur de texte classique (en haut de la zone d'édition) quand on modifie un article, elle ressemble à ça :  +**Étape 1 : Héberger l'image sur ce wiki**
-[[File:barre_outils.png|1000px]]+
  
 +Il suffit de cliquer sur "Ajouter des images ou autres fichiers".
 +Une fenêtre s'ouvre : cliquer sur "selection de fichier"
 +Allez chercher votre image dans votre ordinateur.
 +Cliquez sur "ouvrir" puis sur "envoyer".
  
-Au fil du temps, vous apprendrez à utiliser directement la syntaxe. +** Étape 2 : Insérer son image dans la page du wiki** 
-Ci-dessous, vous retrouverez quelques-uns des éléments de syntaxe de base. Pour la syntaxe détaillée de médiawiki, rendez-vous sur wikipedia : [https://fr.wikipedia.org/wiki/Aide:Syntaxe_%28wikicode%29 Accéder à la syntaxe détaillée].+  * Une fois l'image chargée, elle apparaît en haut de la liste, cliquez sur son titre, choisissez sa taille et son alignement  
 +  * Cliquez sur "insérer".
  
-=== Télécharger et insérer une image ===+Vous obtenez :  
 +{{ :suitecairo.png?direct&200 |}}
  
-Pour insérer une image, il faut d'abord la télécharger sur le wiki, utilisez pour cela le '''bouton "Sélectionner les fichiers"''' et choisissez sur votre ordinateur l'image à télécharger, le bouton doit ressembler à ça :  +===== Insérer une vidéo =====
-[[File:telecharger.png|150px]]+
  
 +Pour insérer des vidéos dans le wiki il faut utiliser la syntaxe de l'extension (plugin) "vshare".
  
-Ensuite, vous pouvez '''cliquer sur téléverser''' : +La syntaxe est : %%{{youtube>XXXXXX}}%%, où XXXX est l'identifiant de la vidéo
-[[File:televerser.png|1000px]]+
  
 +La documentation complète (en anglais) : https://www.dokuwiki.org/plugin:vshare
  
-Une fois le téléversement effectué, il ne vous reste plus qu'à choisir entre faire un lien vers votre image ou '''insérer votre image directement''' :  +==== Exemples Youtube ====
-[[File:inserer.png|1000px]]+
  
 +  * pour la video https://www.youtube.com/embed/pSKMhHVmyeQ on écrira : %%{{youtube>pSKMhHVmyeQ}}%%
 +ce qui donne :
 +{{youtube>pSKMhHVmyeQ}}
  
-Avec ce procédé, vous pouvez ajouter plusieurs images en une fois !+Des options existent, comme par exemple le paramètre **size** : ''size=small'' ''size=250x200'' ... Ne pas oublier de mettre un **?** après l'identifiant de la vidéo. 
  
-== Quelques éléments de syntaxe ==+Exemple ci-dessous : %%{{youtube>pSKMhHVmyeQ?size=small}}%%
  
-=== Créer des titres ===+{{youtube>pSKMhHVmyeQ?size=small}}
  
-Voici comment créer des titres :+Les urls peuvent avoir différentes formes, dans laquelle il faut trouver l'identifiant de la vidéo 
 +  * pour la vidéo https://youtu.be/-u50Mrmx2as l'identifiant est "**-u50Mrmx2as**" on écrira donc : %%{{youtube>-u50Mrmx2as}}%%
  
-* Intertitre de niveau 1 : +==== Exemple Vimeo ====
-<code><nowiki>== Intertitre ==</nowiki></code> +
-* Intertitre de niveau 2 : +
-<code><nowiki>=== Intertitre ===</nowiki></code> +
-Etc . . .+
  
-=== Créer un sommaire ===+  * pour l'url https://vimeo.com/88633597 il faut écrire : %%{{vimeo>88633597}}%%
  
-Le sommaire sera créé automatiquement dès que quatre intertitres seront présents.+{{vimeo>88633597?size=small}}
  
-=== Faire un retour à la ligne ===+==== Exemple dailymotion ====
  
-Pour changer de paragraphe, un simple saut à la ligne n'a aucun effet. Il faut intercaler une ligne vide entre les deux paragraphes, comme ceci : +  * pour l'url http://www.dailymotion.com/video/x4fez6k_revo-artefacts-2-wire_music , l'identifiant de la vidéo est "**x4fez6k**" on écrira donc %%{{dailymotion>x4fez6k}}%%
-{| width=100% class=wikitable +
-! scope="col"| Syntaxe +
-! scope="col"| Rendu +
-|- +
-| width=50% | +
-<pre>Une ligne vide permet+
  
-d'espacer les paragraphes</pre> +{{dailymotion>x4fez6k?size=medium}}
-| width=50% | +
-Une ligne vide permet+
  
-d'espacer les paragraphes 
-|} 
  
-=== Créer un lien ===+===== Découpage en sections =====
  
-==== Liens internes ====+Vous pouvez utiliser jusqu'à cinq niveaux de titres différents afin de structurer le contenu. Si vous avez plus de trois titres, une table des matières est construite automatiquement.
  
-Les liens internes sont les liens qui pointent vers une autre page du wiki. +<nowiki>====== Titre de niveau 1 ======</nowiki>
  
-{| class="wikitable centre" width="80%" +<nowiki>===== Titre de niveau 2 =====</nowiki>
-|- +
-| align=center | <code><nowiki>[[Nom de l'article]]</nowiki></code> +
-|}+
  
-Pour faire apparaître un texte quelconque à la place du titre du lien, on peut utiliser la barre verticale (''pipe'') (|).+<nowiki>==== Titre de niveau 3 ====</nowiki>
  
-{| class="wikitable centre" width="80%" +<nowiki>=== Titre de niveau 4 ===</nowiki>
-|- +
-| align=center | <code><nowiki>[[Wikipédia|texte à faire apparaître]]</nowiki></code> +
-|- +
-| align=center | <code>[[Wikipédia|texte à faire apparaître]]</code> +
-|} +
- +
-==== Liens externes ==== +
- +
- +
-Les liens externes sont des hyperliens qui mènent vers d'autres [sites web.  +
- +
- +
-{| width=100% class=wikitable +
-! scope="col"| Syntaxe +
-! scope="col"| Rendu +
-|- +
-| width=50% | +
-<pre>[http://www.wikimedia.fr Association Wikimédia France]</pre> +
-| width=50% | +
-[http://www.wikimedia.fr Association Wikimédia France] +
-|-  +
-| width=50% | +
-<pre>http://www.wikimedia.fr</pre> +
-| width=50% | +
-http://www.wikimedia.fr +
-|-  +
-| width=50% | +
-<pre>[http://www.wikimedia.fr]</pre> +
-| width=50% | +
-[http://www.wikimedia.fr] +
-|} +
- +
-=== Générer une liste === +
- +
- +
-* Grâce aux <code>*</code> et <code>#</code>, il est possible d'obtenir des listes numérotées ou non. +
-* Grâce aux <code>;</code> et <code>:</code>, on peut créer des listes de définitions où des termes sont mis en évidence par rapport à leur description. +
- +
-{| width=100% class=wikitable +
-! scope="col"| Syntaxe +
-! scope="col"| Rendu +
-|- +
-| colspan=2 align=center | +
-Liste simple +
-|- +
-| Width=50% | +
-<pre style="white-space:pre-wrap;"> +
-* Élément +
-* Autre élément +
-** Sous-élément +
-* Élément final</pre> +
-| width=50% | +
-* Élément +
-* Autre élément +
-** Sous-élément +
-* Élément final +
-|- +
-| colspan=2 align=center | +
-Liste numérotée +
-|- +
-| Width=50% | +
-<pre style="white-space:pre-wrap;"> +
-# Élément 1 +
-# Élément 2 +
-## Sous-élément 1 +
-# Élément 3</pre> +
-| width=50% | +
-# Élément 1 +
-# Élément 2 +
-## Sous-élément 1 +
-# Élément 3 +
-|- +
-| colspan=2 align=center | +
-Il est possible de faire une liste en combinant les deux symboles +
-|- +
-| Width=50% | +
-<pre style="white-space:pre-wrap;"> +
-# Titre I +
-#* Sous-titre A +
-#* Sous-titre B +
-# Titre II</pre> +
-| width=50% | +
-# Titre I +
-#* Sous-titre A +
-#* Sous-titre B +
-# Titre II +
-|- +
-| colspan=2 align=center | +
- +
-|- +
-| Width=50% | +
- +
- +
-| width=50% | +
- +
- +
-|} +
- +
-=== Mettre en forme le texte === +
- +
-Il est possible de mettre le texte en '''gras''', en ''italique'', pour mettre en valeur les informations d'un texte ou pour écrire le titre d'une œuvre selon les conventions (par exemple, un titre de film doit être en italique). +
- +
-{| width=100% class=wikitable +
-! scope="col"| Syntaxe +
-! scope="col"| Rendu +
-|- +
-| width=50% | +
-<pre>'''Gras''' +
- +
-''Italique'' +
- +
-'''''Les deux'''''</pre> +
-| width=50% | +
-'''Gras''' +
- +
-''Italique'' +
- +
-'''''Les deux''''' +
-|- +
- +
-|} +
- +
- +
-=== Placer une image === +
- +
-Pour pouvoir placer une image sur Wikipédia, il faut qu'elle soit préalablement [[special:Upload|téléchargée sur les serveurs]] (attention, l'image doit être sous une licence libre comme la [[GFDL]]). +
- +
-'''Par défaut''', l'image se place à droite et ses dimensions dépendent des préférences de l'utilisateur. +
- +
-Pour insérer une image, il suffit d'écrire : +
- +
-{| class="wikitable centre" width="80%" +
-|- +
-| align=center | +
-<code><nowiki>[[Image:Nom de l'image|thumb|upright=(facultatif)|alt=Texte alternatif|Légende]]</nowiki></code> +
- +
-|} +
- +
-Où : +
-* ''Nom de l'image'' doit être remplacé par le nom de l'image . +
-* ''upright='' permet soit d'agrandir l'image (upright supérieur à 1) soit de la réduire (upright inférieur à 1). Le code |upright=0.5 réduit une image de moitié. +
-* ''Texte alternatif'' est une brève description de l'image qui la remplacera si elle n'est pas restituée. +
-* ''Légende'' est le commentaire de l'image qui sera affiché en dessous de celle-ci. +
- +
-'''Options :''' On peut y ajouter éventuellement des options de placement dans la page comme ceci : +
- +
-{| class="wikitable centre" width="80%" +
-|- +
-| align=center | +
-<code><nowiki>[[Image:Nom de l'image|thumb|left|alt=Texte alternatif|Légende]]</nowiki></code> +
- +
-|- +
-| align=center style="font-size: 91%" | Où <code>left</code> est le positionnement à gauche. On utilisera <code>center</code> pour centrer (il est inutile de préciser le positionnement à droite : c'est celui par défaut, qui s'appliquera en l’absence d’autre indication). +
-|} +
- +
-=== Modifier le sommaire === +
- +
-Une table des matières sera créée automatiquement dès que l'article comportera au moins quatre intertitres de section. Pour créer les intertitres de section, voyez la partie [[#Créer_une_section|« Créer une section »]] ci-avant. +
- +
-Pour les portails ou projets, les pages communautaires ou personnelles (interdit dans les articles !), il est possible de : +
- +
-* Supprimer le sommaire en inscrivant le code <code><nowiki>__NOTOC__</nowiki></code> au début de la page +
-* Placer le sommaire à un endroit précis avec : <code><nowiki>__TOC__</nowiki></code> +
-* Forcer l'apparition du sommaire à son emplacement habituel en début de page avec : <code><nowiki>__FORCETOC__</nowiki></code> +
- +
-Les initiales TOC viennent de l'[[anglais]] qui veut dire « table des matières ». +
- +
- +
- +
- +
- +
-[[Catégorie:Tutoriel]]+
  
 +<nowiki>== Titre de niveau 5 ==</nowiki>
synthaxewiki.1444126997.txt.gz · Dernière modification: 21/08/2020 13:22 (modification externe)

Outils de la page

Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki