Gallimedia, agence web - conception, réalisation et déploiement de téléservices
(Avancée)
Recherche
Libre
Mot-clé

Faire un sommaire en haut de page


Votre contenu se découpe en plusieurs sections distinctes, mais il est très long. L’internaute souhaite peut-être ne lire que quelques passages bien précis. Comment l’aider ?
Grâce aux ancres, il est possible de faire un sommaire en haut de page pour que votre lecteur accède directement, en cliquant sur le sommaire, au paragraphe qui l’intéresse.

Faire un sommaire en haut de la page

Dans votre contenu, commencez par déterminer les différentes sections et mettre en place le sommaire. Le plus simple est de le placer en haut de page. Vous pouvez mettre en évidence les différents points avec des puces par exemple.


Insérer les ancres

L’étape suivante consiste à placer une ancre en face de chaque partie vers laquelle on veut renvoyer l’internaute. Pour ce faire cliquez sur l’icône de l’ancre, et nommez votre ancre en fonction du titre ou de la section correspondante.

Pour notre exemple ci-contre, l’ancre placée juste devant le premier paragraphe s’intitule "Paragraphe 1". Ce nom permettra de distinguer aisément les différents points de repères que nous allons placer tout au long de la page.


Pour en savoir plus sur les ancres et leur fonctionnement, vous pouvez consulter le tutoriel sur les retours en haut de page.


Relier les éléments du sommaire avec les ancres

Maintenant que les ancres sont insérées, il convient de relier les éléments du sommaire vers ces ancres.

 

Surbrillez le premier élément du sommaire, ici "Accéder au paragraphe 1". Cliquez sur l’icône "Insérer / Modifier un lien".

Dans la liste déroulante "type de lien", indiquez "Ancre dans cette page" puis sélectionnez l’ancre correspondante (ici, l’ancre se nomme "Paragraphe 1").

Il suffit ensuite de faire de même avec les autres éléments du sommaire (paragraphe 2, paragraphe 3, etc.).

Quand tous les liens et toutes les ancres sont insérés, vous pouvez vérifier à l’aperçu que tout fonctionne comme vous le souhaitez.

Astuce

Insérer entre chaque section des boutons de retour en haut de page pour permettre à l’internaute de faire aisément l’aller-retour entre le sommaire et les différentes sections du contenu.

Vous pouvez ainsi combiner deux utilisations des ancres dans le même contenu.

Comment insérer un retour en haut de page ? Lire le tutoriel

Exemples concrets d’application de la méthode

  • Les démarches administratives sur le site de la Mairie de Luzarches
    Voir l’exemple

  • Liste par discipline des enseignants du Collège Marcel Pagnol
    Voir l’exemple

  • Liste des sites Internet créés avec CapInfo sur le site de CapWebCT
    Voir l’exemple


 | 
 |