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

Créer une formation au format MOOC

Créer une formation au format MOOC

Codes des boutons de navigation

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

[[ 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

[[ 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

[[ 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

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

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

A droite de la page

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

code du bouton

</div>

A gauche de la page

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

code du bouton

</div>

Haut ou bas de page

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.

Cet article est issu de Wikiversity. Le texte est sous licence Creative Commons - Attribution - Partage dans les Mêmes. Des conditions supplémentaires peuvent s'appliquer aux fichiers multimédias.