« Aide » : différence entre les versions

De Wiki58
Aller à la navigationAller à la recherche
Ligne 187 : Ligne 187 :
===Des balises issues du langage HTML===
===Des balises issues du langage HTML===
<u>Souligné</u>  s'obtient avec <nowiki><u>Souligné</u></nowiki>
<u>Souligné</u>  s'obtient avec <nowiki><u>Souligné</u></nowiki>


<s>Barré</s> s'obtient avec <nowiki><s>Barré</s></nowiki>
<s>Barré</s> s'obtient avec <nowiki><s>Barré</s></nowiki>


<code>Texte à largeur fixe</code> s'obtient avec <nowiki><code>Texte à largeur fixe</code></nowiki>
<code>Texte à largeur fixe</code> s'obtient avec <nowiki><code>Texte à largeur fixe</code></nowiki>


<q>Ceci est une citation.</q> s'obtient avec <nowiki><q>Ceci est une citation.</q></nowiki>
<q>Ceci est une citation.</q> s'obtient avec <nowiki><q>Ceci est une citation.</q></nowiki>


<nowiki><!-- Cette balise permet d'insérer du texte explicatif dans le code wiki --></nowiki> Son contenu n'apparaît pas sur les pages
<nowiki><!-- Cette balise permet d'insérer du texte explicatif dans le code wiki --></nowiki> Son contenu n'apparaît pas sur les pages


<nowiki><pre>
<nowiki><pre>
Cette balise permet d'envelopper un texte.
Cette balise permet d'envelopper un texte.
Cette balise permet d'envelopper un texte.
</pre></nowiki>
</pre></nowiki>
<pre>
<pre>
Cette balise permet d'envelopper un texte.
Cette balise permet d'envelopper un texte.
Cette balise permet d'envelopper un texte.
</pre>
</pre>
<br>


=== Tableaux ===
=== Tableaux ===

Version du 12 février 2021 à 20:33

Comment modifier une page ?

Il suffit de cliquer le lien "Modifier" en haut de la page pour modifier toute la page, ou de cliquer le lien "Modifier" (s'il est présent) en face de la section à modifier. Dans le dernier cas, seul le contenu de la section est modifiable. Ensuite une fois les modifications faites, un clic sur le bouton "Prévisualiser" permet de voir le résultat, un autre sur le bouton "Publier" les enregistre.

Une section contient le titre encadré par un nombre de signes « = » correspondant au niveau du titre et tout le texte qui suit jusqu'au prochain titre de niveau égal ou supérieur ou la fin de la page. Si c'est un peu confus, ce le sera moins à la fin de ce tutoriel.

Comment créer une nouvelle page ?

  1. Lors de l'écriture dans un article, créer un lien vers la nouvelle page :
    [[Titre de la Nouvelle Page]]
  2. Mettre une expression entre doubles crochets permet soit de créer une nouvelle page à ce nom, soit de faire un lien vers une page existant à ce nom
  3. Il reste à cliquer sur Titre de la Nouvelle Page pour avoir une page blanche et commencer à créer.

Bases de la syntaxe wiki

Voici maintenant une présentation élémentaire de la syntaxe wiki.
A gauche, le résultat. En encadré sur fond jaune, la commande wiki à saisir

Chapitres et sous-chapitres

Les différents niveaux


==Titre de chapitre==

===Titre de sous-chapitre===
====Titre de sous-sous-chapitre====
======Titre de sous-sous-sous-chapitre======


Retour à la ligne


Un simple saut à la ligne n'a aucun effet
Mais une ligne vide

permet de séparer les paragraphes.

La commande
permet de forcer le retour à la ligne

Un simple saut à la ligne

n'a aucun effet
Mais une ligne vide

permet de séparer les paragraphes
La commande <br> permet de forcer le retour à la ligne



Ligne de séparation

Ne pas en abuser  ;-)


Une ligne horizontale : au-dessus
et en-dessous.


----

Une ligne horizontale : au-dessus
et en-dessous.
----


Disposition du texte

Le texte peut être centré.
<div style="text-align: center;">Le texte peut être centré.</div>


C'est également possible avec une syntaxe allégée
<center>C'est également possible avec une syntaxe allégée</center>



Le texte peut être aligné à droite.
<div style="text-align: right">Le texte peut être aligné à droite.</div>
La syntaxe allégée avec <right> et </right> fonctionne également.



Le texte peut être aligné à gauche.
<div style="text-align: left">Le texte peut être aligné à gauche.</div>
La syntaxe allégée avec <left> et </left> fonctionne également.


Gras et italique

Faire ressortir un mot, un peu plus, encore plus.

''Faire ressortir un mot'', '''un peu plus''', '''''encore plus'''''.


Pour résumer: 2 quotes = italiques - 3 quotes = gras - 2+3=5 quotes = gras italiques


En couleur

Attention à ne pas en abuser. Il est recommander de limiter le nombre de couleurs afin de ne pas égarer le lecteur avec des codes qu'il ne comprendrait pas.
C'est ainsi que le violet, le bleu et le rouge sont réservés aux liens.
Toutefois le rouge peut être utilisé pour attirer l'attention sur une phrase (voir page d'accueil)
Le reste du temps, une couleur alternative est possible avec le vert (foncé) qui fait partie de la charte graphique du logo GenNièvre

<span style="color:red"> Texte en rouge </span><br>

<span style="color:green"> Texte en vert </span>

Texte en rouge
Texte en vert


Puces, numérotation, tabulation

  • liste à puces (une étoile avant le texte)
    • liste à puces (deux étoiles)
      • liste à puces (trois étoiles)
        • liste à puces (quatre étoiles), etc


  1. numéro 1 avec un dièse pour commencer
  2. numéro 2 avec encore un dièse pour commencer
  3. numéro 3 avec encore un dièse pour commencer, etc
  1. j'ai sauté une ligne, j'ai remis un dièse et ça repart au n°1


Sans rien, je débute en bord de feuille

avec : avant mon texte, j'ai une tabulation
avec :: avant mon texte, la tabulation est double
avec ::: avant mon texte, la tabulation est triple, etc


Taille

Différentes tailles de police :
texte à 70%
texte à 100%
texte à 130%

<span style="font-size: 80%">texte à 80%</span><br>

<span style="font-size: 120%">texte à 120%</span>


Barrer, souligner

Vous pouvez
barrer
certains mots et
en souligner d'autres

Vous pouvez

<s>barrer</s>
certains mots et
<u>en souligner d'autres</u>



Texte préformaté

Une manière simple de mettre en évidence une partie d'un texte consiste à utiliser cette astuce:

Je commence la ligne en bord de page

puis celle ci commence par un espace
et le texte devient préformaté

Avant de revenir normal si je repars du bord de page


Des balises issues du langage HTML

Souligné s'obtient avec <u>Souligné</u>


Barré s'obtient avec <s>Barré</s>


Texte à largeur fixe s'obtient avec <code>Texte à largeur fixe</code>


Ceci est une citation. s'obtient avec <q>Ceci est une citation.</q>


<!-- Cette balise permet d'insérer du texte explicatif dans le code wiki --> Son contenu n'apparaît pas sur les pages


<pre> Cette balise permet d'envelopper un texte. </pre>

Cette balise permet d'envelopper un texte.


Tableaux

Réaliser un tableau dans un wiki n'est pas évident, on doit décomposer la procédure. Mais en étant méthodique, ça peut devenir relativement simple.

Voici donc les étapes

  • Un tableau débute par la commande {|
  • On peut (ou pas) mettre une légende en la déclarant avec |+
  • Ensuite chaque ligne de tableau commence par |-
  • On peut (ou pas) indiquer une entête de colonne avec un ! unique suivi du nom de la colonne. Mais des données consécutives d'entête de tableau peuvent être ajoutées sur la même ligne séparées par !!
  • Pour chaque ligne ensuite, on rentre chaque donnée précédée d'un | sur une ligne distincte. Les cellules consécutives d'une même ligne de tableau peuvent également être ajoutées à la suite les unes des autres séparées par ||
  • Et le tableau se termine avec une instruction de fin |}

Exemple 1

Fourniture Nombre Prix
Timbres 10 10.30
Cartes 10 6.00
Script pour construire le tableau ci dessus


Exemple 1 simplifié

Autre façon plus visuelle d'écrire le script


Exemple 2

Au tableau 1, on va ajouter un titre (une légende) et une ligne finale avec un total (pas calculé automatiquement). Ce qui va donner ceci:

Cartes de voeux 2021
Fourniture Nombre Prix
Timbres 10 10.30
Cartes 10 6.00
Total 16,30

Vous aurez remarqué que les libellés se mettent automatiquement en gras et centrés, la légende se centre aussi automatiquement.
Au script de départ on a donc ajouté une ligne après l'ouverture de tableau pour déclarer la légende:
|+Cartes de voeux 2021
Et avant de fermer le tableau, on a ajouté deux lignes:
|- pour déclarer une nouvelle ligne
!Total || || 16,30 pour déclarer un libellé en 1ère colonne, suivi d'une colonne vide et de la dernière colonne avec le total

Exemple 3

Bordures et couleur de fond vont nous permettre de finaliser un tableau et de le rendre parfaitement lisible.

Cartes de voeux 2021
Fourniture Nombre Prix
Timbres 10 10.30
Cartes 10 6.00
Total 16,30

Il aura simplement suffit d'ajouter la variable class="wikitable" à la première ligne après la déclaration de création du tableau {| pour que le tableau s'habille ainsi.

Pour tester vos écrits, utilisez le bac à sable

Le Bac à sable est une page spéciale pour s'exercer. On peut y écrire ce que l'on veut, effacer, recommencer.
On y accède dans la barre latérale à gauche, dans le menu Navigation.
Bons tests !

Signez vos articles

  • Vous pouvez utiliser l'affichage '''[[Utilisateur:praynal|Patrick Raynal]]''' pour ajouter une signature à un article, ce qui crée un lien vers votre fiche utilisateur

exemple: Patrick Raynal

  • Vous pouvez également insérer, à l'endroit où vous voulez signer,4 tildes ~~~~ et un horodatage se mettra en place automatiquement

exemple: Praynal (discussion) 8 avril 2020 à 21:05 (CEST)

Mettre votre article, votre image, dans une catégorie

Avant de créer une catégorie, vérifier qu'elle n'existe pas dans la liste des catégories déjà publiées, voir Spécial:Catégories. Il est recommandé, en cas d'hésitation, de solliciter une aide ou un avis auprès de aidewiki@gennievre.net

  • Pour mettre une page dans une ou plusieurs catégories, il suffit de l'ajouter en tout bas de page comme ci-dessous:
[[Catégorie: Premier nom de la catégorie]]
[[Catégorie: Deuxième nom de la catégorie]]
[[Catégorie: Troisième nom de la catégorie]]

Si vous regardez en bas de cette page, vous pouvez voir qu'elle est classée dans la catégorie Aide

Les fonctions avancées utiles

Les balises nowiki sont dans le code pour écrire en wiki mais sans l'exécuter. Ne les utilisez pas dans vos articles.

Sauts de lignes après une image

<br style="clear:both;"/>
Cette ligne force l'affichage du texte en dessous (après) une image

Insertion d'une image

Voici une commande-type pour afficher une image: [[Image:xxxxxx.jpg|thumb|left|150px|<center>Légende</center>]]
Avant d'insérer une image, il faut déjà la préparer. Essayez d'avoir une image assez grande, la plus nette possible et ne dépassant pas trop les 200ko.Les formats recommandés sont le jpg ou le gif
Le nom de l'image doit être explicite mais pas trop complexe. Regardez sur le wiki comment son nommées les images ou demandez conseil à aidewiki@gennievre.net
thumb signifie vignette, left précise qu'on veut l'image à gauche, 150px sera la largeur en pixels de la vignette.
Entre les balises center, c'est la légende de l'image.

Une fois le code wiki de l'image inséré dans votre article, vous enregistrez les modifications de la page mais l'image n'apparaîtra pas. Seul son nom sous forme de lien sera visible, il faudra cliquer sur le lien pour la télécharger.

Une fois l'image téléchargée, regarder en bas de page (avant d'enregistrer) que l'image est bien affectée à la bonne page. Le nom de la page utilisant l'image est affiché.

  • Bon à savoir: si vous intégrer |thumb| dans votre syntaxe, la légende sera sous l'image. Si vous ne précisez pas |thumb|, la légende sera en infobulle visible lorsqu'on survole l'image


Galerie

Exemple de galerie simple


<gallery widths=150px>
Image:{nomdufichier}|<center>{titre}</center>
Image:{nomdufichier}|<center>{titre}</center>
{...}
</gallery>

Les légendes et titres sont optionnels, et peuvent contenir des liens wiki ou un autre formatage.
widths= permet de régler la largeur en pixels des vignettes. Les images doivent avoir été téléchargées pour apparaître.

Pour aller beaucoup plus loin

Si vous voulez maîtriser des mises en forme avancées, voici quelques pages d'aide complètes: