Difference between revisions of "Tuto Wiki"
(→Ajouter un tableau dynamique) |
|||
(18 intermediate revisions by 3 users not shown) | |||
Line 13: | Line 13: | ||
== Editer == | == Editer == | ||
+ | Attention ! Il vous faut un compte pour pouvoir éditer une page, demandez core(at)electrolab.fr pour en obtenir un. | ||
+ | |||
Trois options : | Trois options : | ||
# Edit (modifier) : A éviter. L’interface wysiwyg (what you see is what you get) est lente, sollicite beaucoup le serveur et fait du mauvais code. | # Edit (modifier) : A éviter. L’interface wysiwyg (what you see is what you get) est lente, sollicite beaucoup le serveur et fait du mauvais code. | ||
# Edit source (modifier wikicode) : Bien :) Mais il va falloir apprendre deux-trois choses pour que ce soit fluide, nous y arrivons dans un instant. | # Edit source (modifier wikicode) : Bien :) Mais il va falloir apprendre deux-trois choses pour que ce soit fluide, nous y arrivons dans un instant. | ||
# Editer un paragraphe : Pour éviter de changer toute une page et faire potentiellement des conneries, il est possible de n'éditer qu'une partie du texte. Cliquez sur le bouton "Edit source" (modifier wikicode) à coté du titre du paragraphe. | # Editer un paragraphe : Pour éviter de changer toute une page et faire potentiellement des conneries, il est possible de n'éditer qu'une partie du texte. Cliquez sur le bouton "Edit source" (modifier wikicode) à coté du titre du paragraphe. | ||
+ | |||
+ | == Changer de style d'écriture == | ||
+ | Voici la page officielle de MediaWiki sur le formatage: | ||
+ | https://www.mediawiki.org/wiki/Help:Formatting/fr | ||
+ | On y trouve plein de bonnes choses comme <span style="color: red">ça</span>. | ||
== Enregistrer la page == | == Enregistrer la page == | ||
Line 39: | Line 46: | ||
Sans plus de cérémonie, votre lien : | Sans plus de cérémonie, votre lien : | ||
http://www.bide-et-musique.com/ | http://www.bide-et-musique.com/ | ||
+ | |||
+ | == Ajouter un commentaire == | ||
+ | <nowiki> <!-- Ceci est un commentaire --> </nowiki> | ||
==Ajouter une photo == | ==Ajouter une photo == | ||
Line 46: | Line 56: | ||
Vignette : | Vignette : | ||
− | <nowiki>[[File:''Nomdelaphoto.jpg''|300px|center|thumb|''Légende sous l’image'']]</nowiki> | + | <nowiki>[[File:''Nomdelaphoto.jpg''|300px|center|thumb|''Légende sous l’image'']]</nowiki> |
Echelle 1 : | Echelle 1 : | ||
Line 56: | Line 66: | ||
[[File:ImageExempleWiki.png|300px|thumb|center|Légende sous l’image]] | [[File:ImageExempleWiki.png|300px|thumb|center|Légende sous l’image]] | ||
(Merci Yannick;) | (Merci Yannick;) | ||
− | ===Détail des paramètres | + | ===Détail des paramètres de la vignette === |
* |300px : c’est la largeur de l’image finale affichée. | * |300px : c’est la largeur de l’image finale affichée. | ||
* |center : alignement de la photo. Autres possibles : right, left | * |center : alignement de la photo. Autres possibles : right, left | ||
Line 62: | Line 72: | ||
* |Légende sous l’image : comme son nom l'indique. | * |Légende sous l’image : comme son nom l'indique. | ||
− | PS : La barre verticale | s'obtiens avec Alt Gr + 6 (sur pc). | + | PS : La barre verticale | s'obtiens avec Alt Gr + 6 (sur pc). (Maj+Alt+L sur Mac) |
== Ajouter une boite == | == Ajouter une boite == | ||
Line 69: | Line 79: | ||
<nowiki> | <nowiki> | ||
{{Boite | {{Boite | ||
− | |titre=TITRE DE LA BOITE |arrondi=5px | + | |titre=TITRE DE LA BOITE |arrondi=5px |
|bordure=indianred | |bordure=indianred | ||
|fond=Linen | |fond=Linen | ||
Line 91: | Line 101: | ||
{{BoiteFin}} | {{BoiteFin}} | ||
− | == | + | == Choix de couleurs == |
+ | [[File:CouleurWikiTotal.png|thumb|right|300px|Palette]] | ||
+ | maroon | ||
+ | darkred | ||
+ | firebrick | ||
+ | red | ||
+ | salmon | ||
+ | tomato | ||
+ | coral | ||
+ | orangered | ||
+ | chocolate | ||
+ | sandybrown | ||
+ | darkorange | ||
+ | orange | ||
+ | darkgoldenrod | ||
+ | goldenrod | ||
+ | gold | ||
+ | olive | ||
+ | yellow | ||
+ | yellowgreen | ||
+ | greenyellow | ||
+ | chartreuse | ||
+ | lawngreen | ||
+ | green | ||
+ | lime | ||
+ | limegreen | ||
+ | springgreen | ||
+ | mediumspringgreen | ||
+ | turquoise | ||
+ | lightseagreen | ||
+ | mediumturquoise | ||
+ | teal | ||
+ | darkcyan | ||
+ | aqua | ||
+ | cyan | ||
+ | darkturquoise | ||
+ | deepskyblue | ||
+ | dodgerblue | ||
+ | royalblue | ||
+ | navy | ||
+ | darkblue | ||
+ | mediumblue | ||
+ | blue | ||
+ | blueviolet | ||
+ | darkorchid | ||
+ | darkviolet | ||
+ | purple | ||
+ | darkmagenta | ||
+ | fuchsia | ||
+ | magenta | ||
+ | mediumvioletred | ||
+ | deeppink | ||
+ | hotpink | ||
+ | crimson | ||
+ | brown | ||
+ | indianred | ||
+ | lightcoral | ||
+ | snow | ||
+ | mistyrose | ||
+ | darksalmon | ||
+ | lightsalmon | ||
+ | sienna | ||
+ | seashell | ||
+ | saddlebrown | ||
+ | peachpuff | ||
+ | peru | ||
+ | linen | ||
+ | bisque | ||
+ | burlywood | ||
+ | tan | ||
+ | antiquewhite | ||
+ | navajowhite | ||
+ | blanchedalmond | ||
+ | papayawhip | ||
+ | moccasin | ||
+ | wheat | ||
+ | oldlace | ||
+ | floralwhite | ||
+ | cornsilk | ||
+ | khaki | ||
+ | lemonchiffon | ||
+ | palegoldenrod | ||
+ | darkkhaki | ||
+ | beige | ||
+ | lightgoldenrodyellow | ||
+ | lightyellow | ||
+ | ivory | ||
+ | olivedrab | ||
+ | darkolivegreen | ||
+ | darkseagreen | ||
+ | darkgreen | ||
+ | forestgreen | ||
+ | lightgreen | ||
+ | palegreen | ||
+ | honeydew | ||
+ | seagreen | ||
+ | mediumseagreen | ||
+ | mintcream | ||
+ | mediumaquamarine | ||
+ | aquamarine | ||
+ | darkslategray | ||
+ | paleturquoise | ||
+ | lightcyan | ||
+ | azure | ||
+ | cadetblue | ||
+ | powderblue | ||
+ | lightblue | ||
+ | skyblue | ||
+ | lightskyblue | ||
+ | steelblue | ||
+ | aliceblue | ||
+ | slategray | ||
+ | lightslategray | ||
+ | lightsteelblue | ||
+ | cornflowerblue | ||
+ | lavender | ||
+ | ghostwhite | ||
+ | midnightblue | ||
+ | slateblue | ||
+ | darkslateblue | ||
+ | mediumslateblue | ||
+ | mediumpurple | ||
+ | indigo | ||
+ | mediumorchid | ||
+ | plum | ||
+ | violet | ||
+ | thistle | ||
+ | orchid | ||
+ | lavenderblush | ||
+ | palevioletred | ||
+ | pink | ||
+ | lightpink | ||
+ | black | ||
+ | dimgray | ||
+ | gray | ||
+ | darkgray | ||
+ | silver | ||
+ | lightgrey | ||
+ | gainsboro | ||
+ | whitesmoke | ||
+ | white | ||
− | + | == Editer un tableau existant == | |
− | + | ||
− | + | ||
− | + | Par exemple celui de la [[Projets|Projets.<br/> | |
− | |- | + | # Copier une ligne : | Projet A || [[Nom_de_la_page|"Nom affiché de la page"]] || Auteur || Etat |
+ | # La coller entre deux lignes. | ||
+ | # Modifier le contenu. | ||
+ | # Vérifier qu'il y a bien un saut de ligne |- au dessus et en dessous. | ||
+ | # Appuyer sur '''Prévisualiser''' pour vérifier que vous n'avez pas tout cassé. | ||
+ | # Si Bingo, Enregistrez, sinon cherchez l'erreur :) | ||
− | + | == Créer votre propre tableau dynamique == | |
− | + | Copiez ceci : | |
− | | Projet | + | <nowiki>{|class="wikitable sortable" width=100% </nowiki><br/> |
− | |- | + | <nowiki>|- </nowiki><br/> |
− | + | <nowiki>! Catégorie 1 </nowiki><br/> | |
− | | | + | <nowiki>! Catégorie 2 </nowiki><br/> |
− | + | <nowiki>! Catégorie 3 </nowiki><br/> | |
+ | <nowiki>! Catégorie 4 </nowiki><br/> | ||
+ | <nowiki>|- </nowiki><br/> | ||
+ | <nowiki>| Projet A || [[Nom_de_la_page|"Nom affiché de la page"]] || Auteur || Etat </nowiki><br/> | ||
+ | <nowiki>|- </nowiki><br/> | ||
+ | <nowiki>| Projet B || [[Nom_de_la_page|"Nom affiché de la page"]] || Auteur || Etat </nowiki><br/> | ||
+ | <nowiki>|}</nowiki><br/> | ||
− | + | Et collez le dans la page de votre choix, ce qui donne : | |
− | + | {|class="wikitable sortable" width=100% | |
− | + | |- | |
− | + | ! Catégorie 1 | |
− | + | ! Catégorie 2 | |
− | {|class="wikitable sortable" width=100% | + | ! Catégorie 3 |
− | |- | + | ! Catégorie 4 |
− | ! Catégorie 1 | + | |- |
− | |- | + | | Projet A || [[Nom_de_la_page|"Nom affiché de la page"]] || Auteur || Etat |
− | | Projet A || [[Nom_de_la_page|"Nom affiché de la page"]] || Auteur || Etat | + | |- |
− | |- | + | | Projet B || [[Nom_de_la_page|"Nom affiché de la page"]] || Auteur || Etat |
− | | Projet B || [[Nom_de_la_page|"Nom affiché de la page"]] || Auteur || Etat | + | |
− | + | ||
− | + | ||
− | + | ||
|} | |} | ||
=== Détail des paramètres du tableau === | === Détail des paramètres du tableau === | ||
* width=100% : on choisit la largeur de la table en pourcentage de l'écran | * width=100% : on choisit la largeur de la table en pourcentage de l'écran | ||
− | * |- est le moyen de | + | * |- est le moyen de passer à la ligne suivante |
− | * ! Catégorie | + | * ! Catégorie est un des titres de colonnes, par défaut ils sont triable par ordre alphabétique. |
* ! class="unsortable"| Catégorie 2 ! Est une colonne dont le contenu ne pourra pas être trié. | * ! class="unsortable"| Catégorie 2 ! Est une colonne dont le contenu ne pourra pas être trié. | ||
+ | * Le contenu des cases se trouvent entre |barres verticales obtenues avec alt gr + 6 sur Pc et Maj+Alt+L sur Mac. | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | === | + | === Avancement === |
− | + | Vous souhaitez vous aussi afficher une shuper barre d'avancement dans votre tableau? | |
− | + | Copiez-collez cela : | |
− | + | ||
+ | <nowiki>{{Avancement|100||border: solid 1px gray;background-color: lightgray;width: 50px;margin-right:10px;margin-top:-5px;display:inline-block;}} Votre Etat | ||
+ | </nowiki> | ||
+ | |||
+ | Et remplacez : | ||
+ | * |100| par votre pourcentage | ||
+ | * "Votre Etat" par un état (en cours) ou mieux encore quelque chose de précis (Brainstorming, montage, calibrage...etc) | ||
= Créer une page = | = Créer une page = | ||
Taper directement dans le broswer l’url de la page que l’on souhaite créer. | Taper directement dans le broswer l’url de la page que l’on souhaite créer. | ||
− | http://wiki.electrolab.fr/ | + | <nowiki>"http://wiki.electrolab.fr/ ..Entrez le nom de la page ici...."</nowiki> |
Et cliquer sur edit source...bingo! | Et cliquer sur edit source...bingo! | ||
Line 154: | Line 309: | ||
[[Nom_de_la_page|"Nom affiché de la page"]] | [[Nom_de_la_page|"Nom affiché de la page"]] | ||
Une fois enregistré, cliquez sur le lien en rouge, le wiki vous proposera d'éditer la page en question. | Une fois enregistré, cliquez sur le lien en rouge, le wiki vous proposera d'éditer la page en question. | ||
+ | |||
+ | = Formules mathématiques = | ||
+ | |||
+ | Tappez "simplement" les formules latex encadrées par les balises <nowiki><Math></nowiki> | ||
+ | |||
+ | Par exemple, <nowiki><math>e^{i\pi}=-1</math></nowiki> | ||
+ | |||
+ | donnera : | ||
+ | |||
+ | <math>e^{i\pi}=-1</math> | ||
+ | |||
= Nomenclature des pages = | = Nomenclature des pages = |
Latest revision as of 11:52, 10 March 2022
Contents
- 1 Utilisation simple
- 2 Modification d'une page existante
- 3 Créer une page
- 4 Formules mathématiques
- 5 Nomenclature des pages
- 6 Gabarits
Utilisation simple
Voyons d'abord les réflexes de base pour naviguer dans le wiki.
- Lire et cliquez sur des liens depuis la page d'accueil : laissez-vous guider par la curiosité !
- Rechercher : tapez le mot clef de votre choix dans la case de "rechercher" dans la colonne de gauche et explorez les résultats.
- Modifications : En cliquant sur le bouton "Recent changes" dans la colonne de gauche, vous découvrirez les dernières modifications apportés au wiki, ce qui permet de suivre son évolution.
Choix de la langue des menus
- En haut à droite de votre écran, le bouton Préférence (seulement si vous êtes logués).
- Deuxième bloc => changer la langue.
Cela peut aider si votre dictionnaire vous corrige votre français en anglais.
Modification d'une page existante
Editer
Attention ! Il vous faut un compte pour pouvoir éditer une page, demandez core(at)electrolab.fr pour en obtenir un.
Trois options :
- Edit (modifier) : A éviter. L’interface wysiwyg (what you see is what you get) est lente, sollicite beaucoup le serveur et fait du mauvais code.
- Edit source (modifier wikicode) : Bien :) Mais il va falloir apprendre deux-trois choses pour que ce soit fluide, nous y arrivons dans un instant.
- Editer un paragraphe : Pour éviter de changer toute une page et faire potentiellement des conneries, il est possible de n'éditer qu'une partie du texte. Cliquez sur le bouton "Edit source" (modifier wikicode) à coté du titre du paragraphe.
Changer de style d'écriture
Voici la page officielle de MediaWiki sur le formatage: https://www.mediawiki.org/wiki/Help:Formatting/fr On y trouve plein de bonnes choses comme ça.
Enregistrer la page
La règle numéro un pour la modification d'un wiki est celle-ci : n'hésitez pas ! Allez-y et effectuez des changements. D'autres pourront corriger vos erreurs plus tard, alors ayez confiance et lancez-vous ! Il existe toutes sortes de conventions, de règles et de philosophies concernant les modifications de pages wiki, mais la règle du « n'hésitez pas » l'emporte sur toutes les autres !
Le bouton "Save" (Enregistrer) fait ce qu'il dit. Pour vérifier avant de sauver, vous avez le bouton "Show Preview"(Prévisualiser), ce qui peut éviter de rendre illisible une page importante. "Show changes" (Voir les modifications) permet de voir si on a touché par erreur d'autres parties.
Ajouter un lien
Vers le wiki
[[Nom_de_la_page|"Nom affiché de la page"]] Ce qui donne :
Ps : si vous cliquez sur le lien en rouge, le wiki vous propose d'éditer la page en question. C'est une manière de créer une page. Nous en verrons une autre plus tard.
Vers l'extérieur
Sans plus de cérémonie, votre lien : http://www.bide-et-musique.com/
Ajouter un commentaire
<!-- Ceci est un commentaire -->
Ajouter une photo
Dans la barre de gauche => upload file (importer un fichier). Suivre les instructions. Mettre un description pertinente de l’objet est une manière d’augmenter la visibilité de l’electrolab en permettant à google de répertorier les images dans son moteur de recherche. Cela crée une page avec la photo => copier le nom de la photo. Pour l’afficher dans sa page, copier ce texte et mettre le nom de la photo :
Vignette : [[File:''Nomdelaphoto.jpg''|300px|center|thumb|''Légende sous l’image'']]
Echelle 1 : [[File:''Nomdelaphoto.jpg'']]
Ce qui donne :
(Merci Yannick;)
Détail des paramètres de la vignette
- |300px : c’est la largeur de l’image finale affichée.
- |center : alignement de la photo. Autres possibles : right, left
- |thumb : ajoute un cadre
- |Légende sous l’image : comme son nom l'indique.
PS : La barre verticale | s'obtiens avec Alt Gr + 6 (sur pc). (Maj+Alt+L sur Mac)
Ajouter une boite
Le plus simple, c'est de copier-coller les lignes suivantes :
{{Boite |titre=TITRE DE LA BOITE |arrondi=5px |bordure=indianred |fond=Linen |flotte=center |couleurTitre=lightcoral |largeur=20%}}<br /> Texte...Texte...Texte...Texte...<br /> {{BoiteFin}}
Ce qui donne ça :
Texte...Texte...Texte...Texte...
Choix de couleurs
maroon darkred firebrick red salmon tomato coral orangered chocolate sandybrown darkorange orange darkgoldenrod goldenrod gold olive yellow yellowgreen greenyellow chartreuse lawngreen green lime limegreen springgreen mediumspringgreen turquoise lightseagreen mediumturquoise teal darkcyan aqua cyan darkturquoise deepskyblue dodgerblue royalblue navy darkblue mediumblue blue blueviolet darkorchid darkviolet purple darkmagenta fuchsia magenta mediumvioletred deeppink hotpink crimson brown indianred lightcoral snow mistyrose darksalmon lightsalmon sienna seashell saddlebrown peachpuff peru linen bisque burlywood tan antiquewhite navajowhite blanchedalmond papayawhip moccasin wheat oldlace floralwhite cornsilk khaki lemonchiffon palegoldenrod darkkhaki beige lightgoldenrodyellow lightyellow ivory olivedrab darkolivegreen darkseagreen darkgreen forestgreen lightgreen palegreen honeydew seagreen mediumseagreen mintcream mediumaquamarine aquamarine darkslategray paleturquoise lightcyan azure cadetblue powderblue lightblue skyblue lightskyblue steelblue aliceblue slategray lightslategray lightsteelblue cornflowerblue lavender ghostwhite midnightblue slateblue darkslateblue mediumslateblue mediumpurple indigo mediumorchid plum violet thistle orchid lavenderblush palevioletred pink lightpink black dimgray gray darkgray silver lightgrey gainsboro whitesmoke white
Editer un tableau existant
Par exemple celui de la [[Projets|Projets.
- Copier une ligne : | Projet A || "Nom affiché de la page" || Auteur || Etat
- La coller entre deux lignes.
- Modifier le contenu.
- Vérifier qu'il y a bien un saut de ligne |- au dessus et en dessous.
- Appuyer sur Prévisualiser pour vérifier que vous n'avez pas tout cassé.
- Si Bingo, Enregistrez, sinon cherchez l'erreur :)
Créer votre propre tableau dynamique
Copiez ceci :
{|class="wikitable sortable" width=100%
|-
! Catégorie 1
! Catégorie 2
! Catégorie 3
! Catégorie 4
|-
| Projet A || [[Nom_de_la_page|"Nom affiché de la page"]] || Auteur || Etat
|-
| Projet B || [[Nom_de_la_page|"Nom affiché de la page"]] || Auteur || Etat
|}
Et collez le dans la page de votre choix, ce qui donne :
Catégorie 1 | Catégorie 2 | Catégorie 3 | Catégorie 4 |
---|---|---|---|
Projet A | "Nom affiché de la page" | Auteur | Etat |
Projet B | "Nom affiché de la page" | Auteur | Etat |
Détail des paramètres du tableau
- width=100% : on choisit la largeur de la table en pourcentage de l'écran
- |- est le moyen de passer à la ligne suivante
- ! Catégorie est un des titres de colonnes, par défaut ils sont triable par ordre alphabétique.
- ! class="unsortable"| Catégorie 2 ! Est une colonne dont le contenu ne pourra pas être trié.
- Le contenu des cases se trouvent entre |barres verticales obtenues avec alt gr + 6 sur Pc et Maj+Alt+L sur Mac.
Avancement
Vous souhaitez vous aussi afficher une shuper barre d'avancement dans votre tableau? Copiez-collez cela :
{{Avancement|100||border: solid 1px gray;background-color: lightgray;width: 50px;margin-right:10px;margin-top:-5px;display:inline-block;}} Votre Etat
Et remplacez :
- |100| par votre pourcentage
- "Votre Etat" par un état (en cours) ou mieux encore quelque chose de précis (Brainstorming, montage, calibrage...etc)
Créer une page
Taper directement dans le broswer l’url de la page que l’on souhaite créer. "http://wiki.electrolab.fr/ ..Entrez le nom de la page ici...." Et cliquer sur edit source...bingo!
Sinon, comme on a vu tout à l'heure : Dans une page existante, créer un lien vers la page de votre choix : "Nom affiché de la page" Une fois enregistré, cliquez sur le lien en rouge, le wiki vous proposera d'éditer la page en question.
Formules mathématiques
Tappez "simplement" les formules latex encadrées par les balises <Math>
Par exemple, <math>e^{i\pi}=-1</math>
donnera :
Nomenclature des pages
Pour retrouver nos petits, nous décidons d'organiser le nom des pages de la manière suivante (cela servira un jour à retrouver nos petits plus facilement) : A remplir...
Gabarits
Pour essayer d'homogénéiser le contenu du wiki et simplifier votre création de pages, voici quelques gabarits près à copier-coller :
What else ? Proposez!