Aide MHK
Introduction
Cette page permet de visualiser les bases du formatage pour le texte et l'intégration de médias (images et autres formats) et liens dans une page. Elle est structurée de la façon suivante:le rendu et en dessous le code utilisé que l'on voit dans un encart.
Dans cet exemple on utilise le symbole "===" au début et à la fin du texte que l'on souhaite afficher comme un titre.
Rendu du wikicode appliqué au texte ou à l'image
=== Rendu du wikicode appliqué au texte ou à l'image ===
Création d'un encart souvent utilisé pour documenter du code
La création des encarts se fait simplement en laissant un espace en début de ligne.
Ici ma phrase commence par un espace en début de ligne pour que mon texte apparaisse dans un encart
Titre de chapitre : Niveau 2
Il y a 6 niveaux de titre. Le niveau 1 n'est pas listé car c'est le titre de la page. Donc, ne pas utiliser un seul signe "=" pour un titre.
==Titre de chapitre : Niveau 2==
Sous-titre : Niveau 3
===Sous-titre : Niveau 3===
Sous sous-titre : Niveau 4
====Sous sous-titre : Niveau 4====
Sous sous sous-titre : Niveau 5
=====Sous sous sous-titre : Niveau 5=====
Sous sous sous sous-titre: Niveau 6
======Sous sous sous sous-titre: Niveau 6======
Faire des listes
Liste à puces
Une liste à puce se fait en ajoutant un astérisque devant le mot.
Plus vous mettez d'astérisques, plus il y a de sous niveaux
- Item principal
*Item principal
- Sous item
**Sous item
- Sous sous item
***Sous sous item
Plus vous mettez d'astérisques, plus il y a de sous niveaux
Liste numérotées
Formatage texte
- texte en italique
''texte en italique''
- texte en gras
'''texte en gras'''
- texte en gras et italique
'''''texte en gras et italique'''''
- Revenir à la ligne
Pour revenir à la ligne, il faut sauter une ligne.
Liens
Documentation complète sur les [liens]
Insérer un lien interne
Lien interne avec nom de la page comme nom de lien
[[Main Page]]
Lien interne avec nom autre que celui de la page
[[Main Page|Lien vers la page principale]]
Insérer un lien vers un média
[[Média:nom_du_média.extension|Nom_du_lien]]
[[Média:Calculs-Francis.pdf|'''Télécharger''']]
Lien vers titre de section
Un lien vers une section précise d’un article sera rédigé ainsi :
[[article#section de l'article|lien à afficher]]
Exemple:
Retour vers le début du chapitre Liens
[[Exemple:Exemple-de-page#Liens|Retour vers le début du chapitre Liens]]
Insérer un lien externe
Toutes les infos sur les liens externes ici
Exemple de redirection vers une URL avec visibilité de l'adresse URL:
Article sur http://myhumankit.org/
Exemple de redirection vers une URL cachée derrière un nom de lien :
[url nom_du_lien]
Intégrer des images
L'intégration d'une image dans une page se passe en trois temps :
- Redimensionner la ou les image(s)
- Importer l'image sur le serveur du wiki
- Intégrer l'image dans la page
Redimensionner une image
Ligne de commande pour redimensionner sous Linux avec Imagemagick : méthode rapide et efficace
Installer Imagemagick si ce n'est pas déjà fait en tapant la ligne de commande suivante dans le terminal
sudo apt-get install imagemagick
Copier ensuite le dossier des images que vous souhaitez redimensionner
sudo cp /chemin/vers/le/dossier/mesimages chemin/vers/le/nouveau/dossier/mesimagesOK
Aller dans le dossier mes images OK
sudo cd /chemin/vers/le/nouveau/dossier/mesimagesOK
Redimensionner la largeur en respectant la proportion en hauteur. ici, 512 px = la largeur
mogrify -resize 512x *.jpg
Si le redimensionnement ne suffit pas voici la commande pour baisser la qualité
mogrify -quality 80 *.jpg
Si cela ne fonctionne pas, vérifiez que vous êtes bien dans le dossier de vos images à traiter et vérifier l'extension, parfois l'extension est en majuscule (.JPG)
Quelques liens utiles d'autres fonctionalités de traitement d'image avec Imagemagick https://www.howtogeek.com/109369/how-to-quickly-resize-convert-modify-images-from-the-linux-terminal/ https://www.imagemagick.org/script/mogrify.php
Redimensionner une image avec le programme Gimp (équivalent libre de Photoshop) : méthode visuelle pour les frileux de la ligne de commande
Télécharger et installer Gimp pour votre OS (Windows, MAc, ou Linux)
https://www.gimp.org/downloads/
Ouvrir votre image avec Gimp, puis ajuster la taille de l'image dans l'onglet :
Image > Echelle et taille de l'image
Choisir 800 px de large et appuyer sur entrée pour que la hauteur soit changée propotionnellement automatiquement. (Appuyer sur le cadenas pour verrouiller la hauteur et largeur afin de garder les proportions si ce n'est pas déjà le cas)
Si l'image est trop lourde baisser la résolution dans ce même onglet à 72px
Importer des images
Les images doivent être redimensionnées avec une largeur max recommandée de 800 px et un poids max de 100 ko. Sinon les images vont rapidement saturer le wiki :)
Pour insérer une image, il faut d'abord la téléverser sur le serveur du wikilab. Aller dans le menu à gauche Outils>Importer un fichier>Parcourir (en anglais: Tools>Upload file, et descendre en bas de la page pour valider, cliquer sur "Importer (ou upload en anglais)
En haut de la page apparait le nom de fichier sous le format suivant
File:NomImage.JPG
Copier ce nom pour l'intégrer ensuite dans la page avec le code qui vous convient (voir chapitres suivants)
Intégrer une image dans une page
Documentation complète [ici]
[[File:Ampoule-e27.jpeg|200px|test]]
Alignement image
Alignement à gauche
[[File:Ampoule-e27.jpeg|left|100px|légende]]
Alignement au centre
[[File:Ampoule-e27.jpeg|center|100px|légende]]
Alignement à droite
[[File:Ampoule-e27.jpeg|right|100px|légende]]
Insérer une galerie d'images
Toutes les infos sur les galeries ici
Exemple:
<gallery mode="slideshow"> File:nomImage1.extension File:nomImage2.extension File:nomImage3.extension File:nomImage4.extension File:nomImage5.extension </gallery>
Insérer une image dans un encart
[[File:titre du fichier.jpeg|thumb|left|Titre de la légende]]
Forcer le texte à apparaitre sous une image
Pour que le texte apparaisse sous l'image, écrire cette balise après l'image :
<br clear=all>