MOOC-Creer une formation-Activer les pages-Boutons de navigation

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.

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".

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 ]]|[[ lien vers 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 :

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.

< Précédent| Suivant >