Mode d emploi du site Internet «Mediawiki»

Transcription

1 Mode d emploi du site Internet «Mediawiki» École Libre du Soleil Levant La technologie MediaWiki a été choisie pour sa flexibilité et une simplicité d utilisation ne demandant que de connaître quelques codes, toujours les mêmes. En outre, il s agit d un moteur similaire au site Wikipédia donc la majorité des syntaxes qui y sont présentes, sont compatibles avec ce site. En outre, ce qui vous aurez appris sur ce site fonctionne forcément aussi sur Wikipédia. Accès URL pour y accéder : Si vous désirez modifier le site, il faut d abord se connecter, aller tout en bas, vers le milieu : Cliquer sur «Connexion» Rentrez ici votre nom d utilisateur et le mot de passe qui vous a été fourni. Important, si c est votre première connexion, allez sur l URL suivante afin de fournir une adresse au cas où vous oubleriez votre mot de passe :

2 Modifier un article Aller sur l article désiré et cliquez sur «Modifier» Écran de modification : Vous pouvez mettre dans résumé le pourquoi de la modification Modification mineure est juste là pour indiquer dans l historique que c est souvent pour une question d orthographe ou de tournure de phrase, Ces mentions aident quand il faut restaurer une version précédente. «Publier» permet de pousser vos changements sur le site. «Prévisualiser» permet de tester votre article avant de le publier. «Suivre cette page» vous permet d être averti si cette page a été modifiée.

3 Le texte Cela fonctionne par balise que l on ouvre et que l on ferme. On peut très bien faire un copier/coller intégral d un texte, il faudra juste refaire sa mise en forme. Un double retour à la ligne crée des paragraphes et <br> fait un retour à la ligne simple. <i> pour italique, <n> pour gras, <u> pour souligné et <s> pour barré. La syntaxe complète ici : Il est possible de créer automatiquement des titres et des sous-titres et de générer une table des matières. Cela se crée dès qu une complexité suffisante est atteinte : Cette table des matière est également un menu de navigation cliquable.

4 Insérer des images Il existe plusieurs manière d insérer des images mais elles doivent toujours être présentes sur le site pour être utilisées (voir chapitre suivante : importer des images) : 1. Brutes [[Fichier:maternelle_1.jpg left 200px Légende]] Le nom du fichier à utiliser, si il est à mettre à gauche (left), au centre (center) ou à droite (right) puis éventuellement la largeur désirée de l image en pixel et enfin le texte de remplacement ou qui apparaît lorsque l on passe la souris dessus. Center est à éviter car il réserve toute la largeur de la page à l image 2. Les vignettes ou «thumbs» Quasiment identique sauf que l on met la syntaxe «thumb» : [[Fichier:maternelle_1.jpg center thumb Légende]] Notez qu ici, nous avons lié un nom et une image avec la syntaxe [[image.jpg texte]] 3. Les tableaux Une simple ligne de trois images : { class="wikitable centre" [[Fichier:primaire_1.jpg thumb Première primaire Madame deborah]] [[Fichier:primaire_2.jpg thumb Deuxième primaire Madame Elie]] [[Fichier:primaire_3.jpg thumb Troisième primaire Madame Lucia]] } La «croix» { class="wikitable centre" [[Fichier:cour_mat.jpg thumb Cour des maternelles]] [[Fichier:cour_mat_2.jpg thumb Cour des maternelles]] [[Fichier:cour3.jpg thumb Cour des primaires]] [[Fichier:preau_mat.jpg thumb Préau des maternelles]] }

5 Un tableau complexe de 4 colonnes par exemple { class="wikitable alternance centre" + Enseignants par classe! scope="col" Titre! scope="col" Titre! scope="col" Titre! scope="row" Titre maternelles [[Fichier:primaire_1.jpg thumb Maternelle]] [[Fichier:maternelle_2.jpg thumb Maternelle]] [[Fichier:maternelle_3.jpg thumb Maternelle]]! scope="row" Titre primaires 1 [[Fichier:primaire_1.jpg thumb Primaire]] [[Fichier:primaire_2.jpg thumb Primaire]] [[Fichier:primaire_3.jpg thumb Primaire]]! scope="row" Titre primaires 2 [[Fichier:primaire_4.jpg thumb Primaire]] [[Fichier:primaire_5.jpg thumb Primaire]] [[Fichier:primaire_6.jpg thumb Primaire]] }

6 Un tableau de 3 colonnes sur 4 lignes { class="wikitable centre" [[Fichier:classe1.jpg thumb...]] [[Fichier:classe2.jpg thumb...]] [[Fichier:classe4.jpg thumb...]] [[Fichier:classe15.jpg thumb...]] [[Fichier:classe6.jpg thumb...]] [[Fichier:classe7.jpg thumb...]] [[Fichier:classe8.jpg thumb...]] [[Fichier:classe9.jpg thumb...]] [[Fichier:classe10.jpg thumb...]] [[Fichier:classe14.jpg thumb...]] [[Fichier:classe12.jpg thumb...]] [[Fichier:classe13.jpg thumb...]] } Veillez à utiliser des images de même taille et orientation pour un résultat homogène.

7 Importer des images Important, pour le web, des images de 640x480 voire 320x240 pixels suffisent largement, inutile de télécharger des 1 mpixels voire 12 mpixels Comme dit précédemment, les seules images que vous pouvez utiliser sont celles téléchargées sur le site. Pour les importer, il faudra que l image soit présente sur votre ordinateur local. Pour importer une image, voici la marche à suivre, allez en bas sur «importer un fichier» : Il ne vous reste plus alors qu à décider sous quel nom votre fichier sera appelé, lui mettre une description et, surtout, lui mettre la catégorie correcte pour le retrouver facilement : [[Catégorie :image]] Cliquez alors sur «Importer le fichier», le système vous informe d ailleurs si des images au nom similaires existent déjà sur le site. Si vous voulez remplacer une image existante (ce qui va modifier cette image automatique sur tout le site, il suffit de demander : «Importer une nouvelle version de ce fichier» [[Catégorie:classe]] le fait apparaître dans l album photo des classes.

8 Créer un article Toutes les manipulations vues pour les modifications sont valides pour la création. Le plus simple pour générer un nouvel article en toute sécurité est de taper son nom dans la boîte de recherche : Ce qui donnera ceci : Il ne vous reste alors plus qu à cliquer sur «Nouvel article» ce qui le créera automatiquement. Et, à partir de là, les manipulations sont les mêmes que pour la modification. N oubliez pas de lui donner une catégorie : [[Catégorie:classe]] le fera apparaître dans la liste des sujets sur les classes [[Catégorie:article]] le fera apparaître dans la liste des articles Lier un article ou une image C est très simple, c est le code [[première primaire]] par exemple ou si l on veut qu un texte renvoie vers un article : [[Projet_pédagogique nos valeurs d enseignement]]

9 Révoquer une modification L avantage de ce site est qu il permet très facilement d annuler un changement ou de revenir à une version antérieure. Mettons qu une page aurait une version Pâques, Toussaint ou Noël, il suffirait de le mettre en commentaire pour que l on la retrouve aisément et qu ainsi, chaque année, la page soit republiée avec le minimum d effort. Il arrive aussi que l on aime mieux ce qui était avant. Méthode : aller sur la page et cliquer en bas sur «historique» Cliquer sur «défaire» Ou alors, aller sur une version, aller sur modifier, recopier tout le texte et le remplacer dans la version courante ainsi une ancienne version sera restaurée (sur des versions plus élaborées, elles peuvent directement être restaurées depuis le menu). Les autres fonctions permettent de comparer le contenu entre deux versions ou entre une version et celle actuellement publiée. Tout aussi aisément, un fichier peut-il est renommé :

10 Modifier les frises du dessus du site, à droite Aller sur la partie «Contact&Plan» et aller tout en dessous de la page, vous y trouverez les images. Cliquez sur l image que vous voulez remplacer et importez une nouvelle version. Il faut toujours rafraîchir l image pour voir les résultat. ATTENTION : cette image doit avoir maximum 85 pixels de haut!!! Pour que cela fonctionne, il faut que les images aient le même type (jpg, png, gif, ) et garder le même nom que l ancien. De même pour les thèmes de coloris du site qui sont juste en dessous mais veillez toujours à respecter les dimensions en hauteur des objets pour éviter les problèmes. Rappelez-vous toujours qu en cas d erreur, vous pouvez facilement restaurer une image ou un article. Modifier le menu : Cliquer sur «Edit menu» et changer l ordre des menus, en ajouter ou en supprimer.

11 Produire des images aux dimensions requises par le site Comme mentionné plus haut, les sites Internet utilisent généralement des images de 640x480 voire 320x240 pixels pas plus. C est intéressant parce que cela accélère les performances des sites et correspond à la réalité des écrans d ordinateur. Cependant, il est fastidieux de prendre toutes ses images afin de les réduire au bon format. Donc, dans les cas de masse, je conseille la manipulation suivante : sélectionner les photos à réduire et demander «envoyer vers» «destinataire » Ensuite accepter le choix suivant : Il ne reste plus alors qu à recopier ces images dans un autre répertoire puis à les publier. Sinon, il existe bien entendu des programmes qui permettent cela de manière automatique et plus élaborées mais c est un petit truc pour transformer toutes ses images en un format maximal de 640x480 pixels.

12 Mode d emploi du site Internet «Mediawiki»... 1 Accès... 1 Modifier un article... 2 Écran de modification :... 2 Le texte... 3 Insérer des images... 4 Importer des images... 7 Créer un article... 8 Révoquer une modification... 9 Modifier les frises du dessus du site, à droite Modifier le menu : Produire des images aux dimensions requises par le site... 11