Différences entre les versions de « Aide:Tutoriel »

Inscription

Cliquez en haut à droite de cette page, sur « Créer un compte ou se connecter ». A la page suivante, cliquez sur « Créer un compte » (en bleu). Sur cette nouvelle page, remplissez alors les champs suivants : votre nom d’utilisateur, votre mot de passe et à nouveau votre mot de passe pour confirmation. Les 2 champs suivants sont facultatifs à remplir. Terminez en cliquant au bas de la fiche de renseignements sur « Créer un compte ». Voilà c’est déjà terminé.

Vous voici désormais membre officiel du Wikihalo !!

La prochaine fois que vous vous connecterez, si votre nom d’utilisateur apparaît tout en haut de votre page d’accueil, nul besoin de vous identifier : vous êtes Connecté. Si au contraire n’apparaît qu’une série de chiffres, il s’agit de votre adresse IP (Identifiant). Cliquez alors sur « Créer un compte ou se connecter » et ne remplissez cette fois-ci que votre nom d’utilisateur et /ou seulement votre mot de passe. Cliquez sur Identification : vous êtes Connecté. Vous pouvez maintenant vous rendre à la page d’accueil.

Créer un page

Une section "Bac à sable" vous permet de vous familiarisé avec les disponibilité du wiki.

Vous écrivez un mot ou un nom dans la fenêtre « rechercher ». Puis après avoir cliqué sur « Consulter » ou sur la touche « entrée » de votre ordinateur : rien de se passe, aucune fenêtre correspondante ne s’ouvre. Il vous est proposé de « créer cet article » (en rouge). Allez-y , cliquez ! Une nouvelle page s’intitulant : Modification de … est prête à être créée. Remplissez cette page de vos informations. Puis cliquez sur « prévisualiser » (recommandé) ou directement sur « Sauvegarder » (en gras) en bas à gauche. Bravo, vous avez créé votre première page ! Nous verrons plus bas comment agencer cette page, amener des images ou photos, comment les placer, comment créer des paragraphes, des titres, etc.

Créer une nouvelle page à partir d’un texte existant

Un mot a attiré votre attention, et vous désirez donner des explications sur ce mot. Quand vous avez cliqué sur « modifier » sur une page existante, et que vous avez sous les yeux le texte source : choisissez le mot ou les mots qui vous intéressent. Mettez de chaque côté deux crochets … . Vous obtenez cette altération en tenant enfoncée la touche « Alt Gr » et en tapant la touche crochet gauche ou crochet droit. (Inutile de mettre un espace entre le crochet et le mot). Tapez sur "Sauvegarder" et observez la nouvelle version de la page : les mots que vous avez crochetés sont en rouge. Cliquez dessus et une nouvelle page vierge s’ouvre à vous. Ecrivez votre texte et sauvegarder. Cette fonction de crochetage sert aussi à rediriger vers une page déjà existante (voir immédiatement ci-dessous)

Rediriger un nouveau mot clé vers une page déjà existante

Pour lire une page correspondante à un mot ou sujet recherché, il suffit simplement de l’écrire dans la fenêtre « rechercher » sur la gauche de votre écran. Cependant, le mot et son orthographe exacte pour aller sur une page donnée est parfois difficile à trouver. Pour faciliter le plaisir de la navigation au sein du Wiki, il existe une solution qui consiste à rediriger un mot ou groupe de mots qui ressemblent au titre de la page qui est recherchée. Ce qui suit est un exemple farfelu mais qui va vous aider à comprendre. Voici les étapes :

1°) Vous êtes en train de lire le texte d’une page, et dans ce texte apparaît le mot « gorille »…

2°) Cliquez sur « modifier » en haut de page, vous avez alors sous les yeux le texte source : repérez le mot ou les mots qui vous intéresse. Pour notre exemple il s’agira de « gorille ». Mettez de chaque côté du mot (ou des mots) deux crochets … . Ce qui donne [[gorille]] .

3°) Sauvegardez (en bas de page)

4°) Remarquez que le mot gorille est maintenant en rouge. Cliquez dessus. Cela vous ouvre une page vide.

5°) Inscrivez le code suivant : #redirect[[…]] , remplacez les 3 petits points entre les crochets par le nom exact de la page où ce mot doit rediriger le lecteur. Je vous propose de mettre le mot «  Brutes ».

6°) Sauvegardez à nouveau... Votre page de redirection est opérationnelle ! Vérifiez en cliquant sur « Brutes » qui est en bleu . (s’il est en rouge, cela signifie que vous vous êtes trompé dans le libellé de la page).

7°) Désormais toute personne tapant le mot « gorille » dans la fenêtre de recherche, se verra irrémédiablement « redirigé » vers la page « brutes ». Cette manipulation a l’avantage énorme de faciliter la navigation dans le wiki, d’augmenter le plaisir des lecteurs, et nous l’espérons en attirer beaucoup d’autres. En faisant cette manipulation vous rendez service à la Communauté.

Modifier une page

Cette fois-ci, après avoir tapé un mot dans la fenêtre de recherche, et avoir cliqué sur « Consulter » ou sur la touche « entrée » de votre ordinateur, une page s’ouvre comportant des textes et parfois des images, du sujet que vous avez recherché. Dans ce cas, vous avez la possibilité d’intervenir directement dans le texte et les images. Pas de panique ! Pour cela, cliquez sur « modifier » en haut de page (entre Discussion et Historique), ou bien si c’est le cas, sur « modifier » à la droite de chaque début de paragraphe… Votre attention s’il vous plait ! vous entrez là dans une partie du cœur du Wikihalo. Désormais on ne fait pas n’importe quoi.

Pour modifier, soustraire ou ajouter du texte, rien de plus facile. Manipuler le texte comme vous le feriez sur un document type Word ou autre…Par exemple : vous voulez ajouter une remarque à un endroit précis ? Vous pointez votre curseur sur l’endroit à intervenir, vous cliquez et vous écrivez. Etc. Maintenant deux possibilités s’offrent à vous :

1°) Vous cliquez sur « Prévisualiser » [très recommandé] en bas de la page, pour voir le résultat de votre modification.

2°) Vous cliquez directement sur « Sauvegarder ». Mais au début, il est préférable de rester modeste et de voir ce que donne le changement que vous venez d’effectuer.

Pour rediriger un mot inexacte vers la bonne page.

1°) Vous parlez d'un sujet, dans notre exemple nous parlerons de la carte multijoueur Sidewinder

2°) Pour paraître plus naturel dans le texte vous ne voudrez surement pas mettre Sidewinder (Multijoueur de Halo CE)

3°) Faite comme pour un lien normal [[ Nom du lien ]] mais [[ Nom exacte du lien | Nom que vous donnez ]]

Barre d'outils

Voici expliquées les différentes fonctions de cette barre d’outils. Vous la visualiserez en cliquant sur « modifier » en haut d’une page. Chaque icône vous est brièvement développée. Cette barre étant présente pour faciliter votre contribution au wiki, et vous donner l’envie d’y revenir très souvent. Sachez cependant que dans certains cas (développés plus en dessous) vous pourrez réaliser certaines de ces fonctions en composant vous même les lignes de code ou les ponctuations nécessaires.

• Fichier:Barre outils1.jpg propose de mettre les caractères en gras (3 apostrophes de chaque côté d'un mot)
• Fichier:Barre outils2.jpg propose de mettre les caractères en italique (2 apostrophes de chaque côté d'un mot)
• Fichier:Barre outils3.jpg ajoute à votre place les crochets [[ ]] pour rediriger grâce au mot, vers une autre page
• Fichier:Barre outils4.jpg ajoute à votre place les crochets [ ]. Mettez l'adresse de la page vers laquelle rediriger
• Fichier:Barre outils5.jpg ajoute les == pour donner l'apparence d'un sous-titre
• Fichier:Barre outils6.jpg insertion d'image sans artifice - voir plus bas "ajouter image"
• Fichier:Barre outils7.jpg insertion d'image dans cadre bleuté + texte au besoin
• Fichier:Barre outils8.jpg permet de rendre inefficace les altérations de caractère
• Fichier:Barre outils9.jpg rend votre texte invisible si vous dévoilez un spoiler. "afficher" apparaîtra en petit.
• Fichier:Barre outils16.jpg permet de citer un personnage. Remplissez les lignes de code. Joli effet sur les pages.
• Fichier:Barre outils17.jpg permet d'ajouter une vidéo provenant de certains site prévus à cet effet
• Fichier:Barre outils10.jpg rajout d'une musique - Deezer - Important: a été enlevé du menu le 26/03/2010 à la suite de la mise à jour du wiki. De plus, elle était inutile depuis la mise à jour de Deezer
• Fichier:Barre outils11.jpg rajout d'une playlist - Deezer - Important: a été enlevé du menu le 26/03/2010 à la suite de la mise à jour du wiki. De plus, elle était inutile depuis la mise à jour de Deezer
• Fichier:Barre outils12.jpg ligne de code pour un Quizz - voir page d'Accueil
• Fichier:Barre outils13.jpg trace une ligne sous votre texte ou titre. A consommer avec modération.
• Fichier:Barre outils14.jpg rajoute le bandeau : 500px si la page est vierge.
• Fichier:Barre outils15.jpg rajoute le bandeau : 500px si la page est déjà entâmée.

Créer un titre, un paragraphe etc...

Créer un titre ou un paragraphe en gras et en grande taille

Il suffit d’ajouter de chaque côté d’un mot ou de plusieurs mots, le signe =

Ajoutez un espace entre le signe = et le mot, au début et à la fin : par exemple = Bonjour =

Attention, ce paragraphe ne peut être modifié que avec la fonction « modifier »en haut de page.

Créer un titre ou un paragraphe modifiable

Rien de plus simple. Même manœuvre que précédemment. Mais cette fois-ci mettez deux signes = de chaque côté du mot. N’oubliez pas l’espace… (observez les lignes existantes dans la structure du texte pour vous familiariser). Comme toujours, vous pouvez Prévisualiser ou Sauvegarder votre travail. N’oubliez pas cependant de ne pas abuser de ce genre d’altération qui surchargerait le texte.

A cette occasion, un sommaire verra automatiquement le jour en haut de page, sans que vous n’ayez rien à faire. Pour pourrez ensuite choisir de revenir modifier le texte, en ne cliquant que sur le « modifier » se trouvant à la droite du paragraphe.

Créer un titre ou un paragraphe en gras de taille normale

Mettre trois signes = de chaque côté du mot. Respectez l’ espace entre le signe et le mot (avant et après). Un fine ligne apparaîtra au-dessous de votre mot, rendant l’ensemble plus harmonieux. Ne pas en abuser…

Créer un mot ou qu'il soit …en italique

Mettre deux signes ‘ (apostrophe) de chaque côté du mot ou du groupe de mots.

Créer un sous-titre, ou un mot où qu’il soit, …en gras

Mettre trois signes ‘ (apostrophe) de chaque côté du mot ou du groupe de mots.

Ajouter une image

• Cliquez sur "Modifier" qui ouvre la page...

1°)

La barre d'outils en haut de la zone d’écriture vous propose plusieurs items. Passez votre souris dessus et allez à la 6ème 20px qui écrit directement la ligne de code pour déposer une image.

Changer le mot « Exemple » par ce que vous voulez. Puis sauvegardez. Cliquez sur l’emplacement en rouge de votre future image. Parcourez votre ordinateur pour aller choisir votre image. Enfin insérez la en validant « ouvrir » au bas de votre dossier qui contient l'image, puis validez à nouveau.

Attention, il faut maintenant donner une dimension à votre image. Après l'extension.jpg ou .png, faites une barre | puis ajouter un nombre, par exemple 200px. Cliquez sur "Prévisualiser" et regardez votre travail. Attention également à l’extension de votre image : Celle de la ligne de code doit correspondre à celle de l'image qui provient de votre ordinateur. En cas d'erreur le wiki a tout prévu, il vous préviendra d'un message. Il suffira de faire marche arrière pour modifier l'extension de votre image si nécessaire.

2°)

Il existe une ligne de code plus « fonctionnelle ».

La voici : [[Image: … .jpg|right|250px|thumb|…]] .

Il vous suffit de la « copier », puis d’aller sur la page où vous désirez apporter une photo, et de la « coller ». Quand ceci est fait, vous allez remplacer les 3 petits points de gauche par l’appellation de votre choix. (attention de bien garder après la photo son extension .jpg ou autre). Les 3 petits points de droite sont à retirer si vous ne voulez aucun commentaire sous la photo. Au contraire, si vous désirez ajouter une explication, il vous suffit d’écrire à la place de ces 3 points. Ce qui aura pour effet de placer votre phrase sous la photo lorsque vous aurez fini toutes les manipulations et que vous aurez sauvegardé. Si vous retirez thumb | le cadre bleuté disparaitra.

• Remarquez le mot « right » (droit en anglais). Cela signifie que par défaut la photo sera placée à droite du texte de la page. Si vous remplacez le mot right par « left », la photo se placera à gauche. Si vous écrivez « center », la photo se placera au centre de la zone d’écriture. Rien de plus facile n’est-ce pas ?

• Remarquez également « 250px ». il s’agit de la largeur horizontale de votre photo. Vous pouvez donc, à loisir, changer ce nombre. Plus il sera élevé plus votre photo sera grande ; et inversement. A vous de choisir la dimension la plus adéquate.

Voilà ! votre ligne de code vous convient. Maintenant sauvegardez (ou prévisualisez) ! cliquez sur la zone rouge, allez sur « parcourir » pour choisir votre photo ou image et validez à deux reprises pour finaliser complètement l’ajout. C’est terminé !

Nota Bene : Seuls les formats .jpg, .png, ou .gif sont acceptés. D’autre part assurez vous que le poids de la photo égale ou ne dépasse 2 Mo. Au-dessus, vous serez obligé de la réduire d’une façon ou d’une autre.

3°)

Si malgré ces explications, vous avez encore des difficultés, il existe une page que vous trouverez ici :Tutoriel image

Ajouter une vidéo

Ecrivez : {{video|id=...........|size 400}} . Puis mettez la dans la page de votre choix.

• Remarquez les pointillés. Remplacez les en ajoutant les onze lettres de la vidéo choisie sur Youtube. Voici les étapes à entreprendre :

1. Quand vous avez choisi la vidéo, l'adresse complète s'écrit dans votre fenêtre de recherche (en haut de votre page normalement). Voici par exemple une vidéo de Halo Reach : youtube.com/watch?v=ylmhqMla-8U&feature=player_embedded ...

2. Avec délicatesse, copiez les 11 lettres ou chiffres (un mélange de minuscules et de majuscules) inclus dans l'adresse. Elles se trouvent juste après le signe =

3. Remplacez les pointillés par ces onze lettres et chiffres, (vous ferez donc disparaître les points bien évidemment !).

4. Cliquez sur "sauvegarder" en bas de page.

5. ...c'est FINI. Allez admirer votre travail. Vous voyez le wikihalo ce n'est pas plus difficile que ça : Un peu d'attention et beaucoup de plaisir...

Nota Bene : size=400 correspond à la taille de l'écran sur la page concernée. Il est inutile de modifier ce nombre, de manière à ce que toutes les vidéos aient une taille homogène.

Cacher une partie du texte

Vous voulez cacher une partie de texte parce qu'il n'est pas nécessairement important pour l'article ou que l'article est trop long (Par exemple si vous publiez une histoire, cacher les paragraphe pour pas que le page soit trop longue).

Pour cacher une partie de texte, utilisez la balise "<toggledisplay>", ex:
<toggledisplay> votre texte </toggledisplay>
Ce qui donne:

   <toggledisplay> votre texte </toggledisplay>

Si vous voulez pouvoir afficher et masquer votre texte, utilisez la même balise suivie du paramètre "hidetext=[Masquer]", ex:
<toggledisplay hidetext=[Masquer]> votre texte </toggledisplay>
Ce qui donne:

   <toggledisplay hidetext=[Masquer]> votre texte </toggledisplay>

Si vous voulez que votre texte soit affiché par défaut et qu'il puisse être masqué, utilisez la même balise suivie des paramètres "status=show hidetext=[Masquer]", ex:
<toggledisplay status=show hidetext=[Masquer]> votre texte </toggledisplay>
Ce qui donne:

   <toggledisplay status=show hidetext=[Masquer]> votre texte </toggledisplay>

Créer une catégorie

D'abord, il faut obligatoirement qu'un modèle soit lié à une catégorie, car l'intérêt d'une page "Catégorie" est de recenser tout les articles contenant le modèle lié à cette catégorie. Plus explicitement, dès que le modèle "X" est inclut dans un article, alors l'article sera listé dans la catégorie "X".

1. Créer une page dont le titre sera "Modèle:Nom". Le nom du modèle devra également être le nom de la catégorie pour éviter toute confusion.
2. Placer le modèle visuel. Tout les modèles disposent d'un même visuel, d'un même design. Il est enregistré sous le nom "entete" (Uman (bureaucrate du wiki) est fâché avec les accents apparemment :P ...). Pour commander l'affiche de ce design, il faut utiliser la balise html <div>, et indiquer la commande "class". Ainsi, on obtient comme base de départ :
   
   <div class="entete"></div>
   
   
3. Indiquer le lien entre la catégorie et le modèle. La forme de ce lien ressemble à un lien redirigé. On doit indiquer le nom de la catégorie en commençant par deux points ":", puis en faisant suivre du nom de la catégorie associée à gauche de la barre verticale. Le lien doit bien sûr être contenu entre les deux balises html div. On a donc ce code :
   
   <div class="entete">[[:Catégorie:Nom|]]</div>
   
   
4. Entrer le texte contenu dans le modèle. Son intégration fonctionne pareil qu'avec un lien redirigé, il se trouve à droite de la barre verticale.
   
   <div class="entete">[[:Catégorie:Nom|Texte du modèle]]</div>
5. Prévisualiser. Si tout marche, alors s'affiche le texte du modèle, en rouge, puisque le lien redirigé conduit vers une page qui n'est pas encore créée (la catégorie), le tout contenu dans la boîte de design "entente". Ça donne :
   
   
   Texte du modèle
   
   
   
6. Maintenant que le modèle est créé, il ne reste plus qu'à créer la catégorie qui y est liée. Et pour cela, rien de plus simple : il suffit de cliquer sur le lien rouge du modèle. Sur la page de création de la catégorie, il suffit d'entrer les indications expliquant à quoi sert cette catégorie, et le Wiki se charge de lister les pages contenant le modèle lié à cette catégorie.
   
   
7. Étape facultative : on peut créer, dans la page du modèle, un petit texte expliquant sa fonction. Pour cela, il suffit d'encadrer le texte explicatif entre les balises html <noinclude>. Voilà la tête du code :
   
   <div class="entete">[[:Catégorie:Nom|Texte du modèle]]</div> <noinclude>Ce modèle sert à expliquer comment créer une catégorie.</noinclude>
   
   Et le résultat :
   
   
   Texte du modèle

   Ce modèle sert à expliquer comment créer une catégorie.
   
   À noter que les premiers modèles créés incluaient également les balises <includeonly>, mais leur seul effet était de masquer le modèle, ce qui empêchait toute visualisation du modèle pour le contributeur voulant vérifier ce qu'il va utiliser. C'est pourquoi elles ne sont pas incluses dans les derniers modèles (Mai 2012).

Participer au Quizz

Il vous est possible de poser une colle aux autre fans de Halo qui visitent ce site, en envoyant une question sur l’univers Halo.

Comment faire

Rendez vous sur la page d’accueil. A droite de la question Quizz, cliquez sur la proposition de laisser un Quizz ...A ce jour, comme vous pouvez le voir, il existe 4 catégories de questions. Quand vous avez décidé du type de question à poser, cliquez sur votre droite sur le « modifier » correspondant à la série. Voici les lignes de code type par défaut (vous obtiendrez la base en cliquant sur le Q de la barre d'outils):

• {{quizzcode|comment se nomme:|...|<toggledisplay>[[...|...]]</toggledisplay>}}

• {{quizzcode|qui a dit:|...|<toggledisplay>[[...|...]]</toggledisplay>}}

• {{quizzcode|en quelle année:|...|<toggledisplay>[[...|...]]</toggledisplay>}}

• {{quizzcode||...|<toggledisplay>[[...|...]]</toggledisplay>}}

Copiez celle de votre intérêt et collez la dans la fenêtre de votre choix, à la suite des autres questions s’il y en a. Les 3 premiers petits points sont à remplacer par votre question. Les 3 suivants sont à remplacer par le libellé exact de la page où vous voulez que l’on soit dirigé. A la place des 3 derniers, notez la réponse à la question sous une forme plus libre.

Exemple

{{quizzcode|comment se nomme:|l’alliance extra-terrestre ennemie des humains ?|<toggledisplay>[[covenants| cette alliance forme les  Covenants]]</toggledisplay>}} .

Vous n’avez plus qu’à sauvegarder en bas de page. Votre Quizz est maintenant prêt. L’administrateur inclura votre question avec les autres, dès que possible et après vérification du bien fondé de la réponse.

Entrainement

Si dans une page, une ligne est sur un fond bleu ciel et entourée de pointillés, cela signifie que votre texte n’est pas « à la ligne ». Il doit surement y avoir un espace entre le bord de la ligne et la phrase du texte. Corrigez cela en éliminant l’espace entre les deux... à moins que vous l’ayez fait volontairement.

Entraînez vous avec une page vierge. Ecrivez le même mot avec tous ces artifices que vous venez d'apprendre et voyez les différences mais SANS sauvegarder bien sûr, juste en cliquant sur « Prévisualiser »… Aidez vous aussi de la barre bleutée aux 11 onglets, sous "modification de". Ce sont des raccourcis pour effectuer certaines améliorations déjà vues dans ce tutoriel.

Si vous n’êtes pas sur de l’information à ajouter, vous pouvez aller dans la section « discussion » et mettre vos idées. Pour chacune de vos éditions, il est utile d'inscrire un petit texte récapitulatif dans "Résumé" juste au dessus de Sauvegarder, il est très utile à l'organisation, et permet de savoir rapidement quelles ont été les mises à jour et dans quel but.

Si vous écrivez "à compléter" dans la fenêtre de recherche à la page d'accueil, vous aurez la liste de toutes les pages qui attendent d'être nourries de vos interventions.

Soyez curieux ! Cliquez sur "Pages spéciales" dans la boîte à outils de la page d'accueil.

N'hésitez pas à rendre le wiki plus beau en ajoutant des images, si vous ne savez pas comment faire, allez sur le Tutoriel image ou plus simplement, cliquez sur la sixième icône de la barre d'outils. Remplacez le mot exemple par celui de votre choix...

Explication sur la SYNTAXE WIKI

• Résumé de la syntaxe wiki propre au WikiHalo.