Passer au contenu

Ajoutez un menu de navigation à votre site

Pour faciliter la navigation, vous pouvez insérer sur la pageAccueil de votre site un menu présentant des liens vers les autres pages. Nous montrons ici comment…

Pour faciliter la navigation, vous pouvez insérer sur la pageAccueil de votre site un menu présentant des liens vers les autres pages. Nous montrons ici comment créer un menu à deux niveaux et le présenter

Etape 1 : créez le menu

1 La page Accueil de votre site est affichée en mode Edition. Cliquez à l’endroit où placer le menu de navigation. Dans le menu Insertion, placez le
pointeur sur Script et cliquez sur2 Dans la Liste des scripts disponibles, cliquez sur Développement du menu de navigation. Un aperçu et une description de l’option sélectionnée
s’affichent à droite. Cliquez sur3 Dans un premier temps, nous allons créer le premier niveau, c’est-à-dire les titres qui permettent de dérouler les sous-parties.Pour insérer une première entrée, cliquez sur4 Dans la zone Nom de l’item, tapez le titre à donner à la première partie du menu. Dans notre exemple, nous indiquons Nos activités. Cliquez sur
OK. Une branche est ajoutée à la Liste des items du menu :Reproduisez les points 3 et 4 pour créer toutes les parties qui composent votre menu. Dans notre exemple, nous en avons ajouté trois.5 Maintenant, il s’agit de créer pour chacun des titres précédents un second niveau d’items qui seront les liens vers les pages du site. Sélectionnez le titre à développer. Par exemple :6 Cliquez sur Ajouter. Tapez le nom du premier lien. Dans notre exemple, il s’agit de Soutien scolaire.7 Les icônes à droite de la zone URL du lien servent à indiquer l’élément à ouvrir lorsque l’internaute clique sur le nom tapé au point 6. Par exemple, pour indiquer l’adresse d’une page
Web appartenant au même site que la page en cours, cliquez sur8 Dans la fenêtre Sélection d’un fichier, cliquez sur la page du lien à indiquer :Cliquez deux fois sur OK.Reproduisez les points 6 à 8 pour ajouter tous les liens de la partie Nos activités.Procédez de la même façon pour ajouter les liens des autres titres du menu.Cliquez sur Suivant.

Etape 2 : définissez la mise en forme

1 Pour définir la présentation d’un niveau du menu, cliquez sur un de ses éléments. Par exemple surLes autres titres de même niveau sont automatiquement sélectionnés.2 Cliquez sur les flèches des zones Police et Taille pour sélectionner les caractéristiques du texte.3 Cliquez sur les flèches des zones Texte et Arrière-plan pour sélectionner les couleurs à utiliser.4 Pour que la couleur d’arrière-plan change quand la souris passe sur l’option correspondante, cochez la caseCliquez sur la flèche de la zone Surbrillance et sur la couleur de votre choix.5 Utilisez les flèches de la zone Hauteur pour changer la taille de la zone d’arrière-plan.6 Dans l’arborescence à gauche, cliquez sur un item du deuxième niveau et procédez de la même façon pour définir la présentation des sous-titres.Cliquez sur Terminer.7 En mode Edition, le menu s’affiche sous la forme d’un cadre vide. Pour voir le résultat obtenu, cliquez sur l’onglet Aperçu et testez son
fonctionnement en cliquant sur les items.Pour voir le résultat obtenu, référez-vous à l’illustration 2 ci-dessus

🔴 Pour ne manquer aucune actualité de 01net, suivez-nous sur Google Actualités et WhatsApp.


Nathalie Moutreux (Carm2i)