MOOC-Convertir une formation existante-Conversion au MOOC-La navigation

Une page de Wikiversité.
Sauter à la navigation Sauter à la recherche

Après chaque enregistrement de modification, il faut réactualiser la page en cliquant sur la touche "F5" de votre clavier pour refaire apparaître le menu sur la gauche.

durée de lecture 3 minutes

Codes des boutons de navigation[modifier | modifier le wikicode]

Pour améliorer l'expérience de l'utilisateur, il est conseillé d'ajouter des boutons de navigation dans la page de niveau 3. Ainsi, si le contenu de la page est long, l'utilisateur n'aura pas besoin de remonter en haut de sa page pour utiliser le menu de navigation, il pourra directement cliquer sur un des boutons de navigation : "précédent" ou "suivant".

Vous aviez peut-être déjà intégré des boutons de navigation dans votre formation. Cependant, en ayant hiérarchisé différemment votre formation, il est possible que l'ordre des pages ne soit plus les mêmes. Il faudra donc replacer les URL au bon endroit dans le code.

Si vous n'aviez pas de boutons de navigation, pensez en ajouter en suivant le protocole décrit ci-après :

Comment ajouter des boutons de navigation ? Dans la page de niveau 3, vous devez Modifier le wikicode afin d'intégrer les boutons "précédent-suivant"

Le code du bouton précédent[modifier | modifier le wikicode]

[[ nom de la page précédente | Précédent ]]

Une fois terminé, enregistrez.

Explications liées au code du bouton : la première partie est le nom de la page dans l'URL de la page vers laquelle le bouton renverra, la deuxième partie est le mot qui apparaîtra comme bouton.

Le code du bouton suivant[modifier | modifier le wikicode]

[[ nom de la page suivante | Suivant ]]

Une fois terminé, enregistrez.

Explications liées au code du bouton : la première partie est le nom de la page dans l'URL de la page vers laquelle le bouton renverra, la deuxième partie est le mot qui apparaîtra comme bouton.

Les deux boutons l'un à côté de l'autre[modifier | modifier le wikicode]

[[ nom de la page précédente | Précédent ]]|[[ nom de la page suivante | Suivant ]]

Une fois terminé, enregistrez.

Exemple de code :

[[Mallette pedagogique Troubles du comportement-Preface|< Précédent]]|[[Troubles du comportement-Sur quel temps mettre en place tous les dispositifs| Suivant >]]

Partie de l'URL de la page à utiliser pour le code des boutons de navigation[modifier | modifier le wikicode]

Pour que le bouton appelle la page précédente ou suivante, vous devez récupérer en 1ère partie uniquement le nom de la page se trouvant dans l'URL de cette page.

Exemple :

nom de la page dans l'URL à utiliser dans les boutons de navigation

Dans notre exemple, on n'utilisera uniquement MOOC-Creer_une_formation-Activer_les_pages-Boutons_de_navigation pour la 1ère partie du code de notre bouton. Le code du bouton sera alors le code suivant :

[[ MOOC-Creer_une_formation-Activer_les_pages-Boutons_de_navigation | Suivant ]]

Attention[modifier | modifier le wikicode]

Sur la première page, il n'y a pas besoin du bouton "précédent" et sur la dernière page il n'y a pas besoin du bouton "suivant".

Position des boutons[modifier | modifier le wikicode]

A droite de la page[modifier | modifier le wikicode]

<div style="text-align: right">

code du bouton

</div>

A gauche de la page[modifier | modifier le wikicode]

<div style="text-align: left">

code du bouton

</div>

Haut ou bas de page[modifier | modifier le wikicode]

Placez le code en haut de la page si vous souhaitez qu'il apparaisse en haut de page.

Placez le code en bas de la page si vous souhaitez qu'il apparaisse en bas de page.

< Précédent