Comment créer une barre de navigation de texte en html

Y compris une barre de navigation permet à vos lecteurs à trouver des informations sur votre site. Si vous construisez votre page Web dans un éditeur de texte HTML, le codage pour créer une barre de navigation est facile. Voici un exemple d'une simple barre de navigation de texte pour une petite entreprise de conseil:

Accueil | Services | Adhésions | Publications | Expérience | Contacte-moi

Chaque onglet est souligné pour indiquer qu'il est un lien vers cette page ou zone multipage du site. Notez que l'onglet Accueil est pas souligné. Lorsque vous cliquez sur le mot expérience dans le menu de texte pour accéder à la page de l'expérience, la barre de navigation de texte doit changer pour refléter où vous êtes:

Accueil | Services | Adhésions | Publications | Expérience | Contacte-moi

Suivez ces instructions pour créer une barre de navigation de texte:

  1. Ouvrez une nouvelle page vide dans le Bloc-notes de Windows, le nom du fichier et l'enregistrer avec .htm que l'extension.

    Par exemple, vous pourriez l'appeler navbar.htm.




  2. Saisissez les éléments de votre site, avec un mot ou deux pour chaque page ou région.

    Utilisez la barre verticale pour séparer les onglets.

    Si le caractère de barre verticale est pas accessible depuis votre clavier, il devrait être disponible à partir du symbole ou menu similaire à un programme de traitement de texte. (Il n'y a pas une telle option dans le Bloc-notes.) Vous pouvez copier et coller la barre verticale dans le Bloc-notes.

  3. Centrer la barre de navigation sur la page en utilisant l'attribut de centre de la balise de paragraphe, comme suit:

    Accueil | Services | Membre | Publications | Expérience | Contacte-moi

    Le menu de texte sera centré.

  4. Pour lier l'onglet Accueil pour la page d'accueil de votre site, entourer le mot d'accueil avec le et balises. Ajoutez l'attribut href comme ceci:.

    La boîte de dialogue Insérer un lien apparaît.

  5. Répétez l'opération pour les autres phrases et de les relier à la page correspondante sur votre site.

    Les pages ne doivent pas exister encore, même si bien sûr les liens ne fonctionnent pas jusqu'à ce que les pages sont là. Chaque fois que vous créez une page, le nom doit correspondre au nom dans le menu de texte exactement.

  6. Copiez le menu pour chaque page Web de votre site.

    Sinon, vous pouvez créer un nouveau fichier (pour toutes les pages qui ne existent pas encore) et de mettre le menu en elle. Comme vous continuez, supprimer le lien à partir de l'onglet représentant la page que vous êtes sur le point d'enregistrer.


» » » » Comment créer une barre de navigation de texte en html