Comment faire des menus déroulants sur un site web

<

Contenu

  • Conseils & avertissements
    • article data-type="article">

    Lors de la création d`un site web, il est très facile d`encombrer une page web avec des informations. Une des façons les plus faciles à éliminer le désordre et donner à votre site un look épuré est en ajoutant un menu déroulant qui fonctionne. En plus d`aider à ranger votre site Web, un menu déroulant peut également rendre la navigation du site plus facile pour vos visiteurs en faisant de multiples liens faciles à trouver. Mise en place d`un menu déroulant sur un site Web nécessite seulement un ajout de code HTML simple à votre page Web.

    Choses que vous devez

    • éditeur HTML

    • Placez votre menu déroulant sous une forme sur votre page de site Web. Semblable à des formulaires papier, un formulaire web est un endroit où les utilisateurs peuvent entrer des données avec des cases à cocher, boutons radio et des zones de texte, ainsi que de créer un menu déroulant. Pour commencer la forme, commencez par le code suivant:




      Le nom du formulaire peut être tout ce que vous voulez (nous avons choisi le menu déroulant ici) et est utilisé pour étiqueter votre formulaire pour une utilisation ultérieure.

    • Ajouter la fonction de sélection à votre formulaire Web. La fonction de sélection est utilisé pour créer une liste de sélection (ou liste déroulante) où les valeurs individuelles auront lieu. Une liste de sélection va tirer la valeur sélectionnée dans la zone de menu déroulant et rendre la valeur active pour la sélection. Le code pour créer une fonction de sélection ressemble à ceci:

    • Ajouter les valeurs des options à votre fonction, sélectionnez dans le menu déroulant. Les sélections individuelles dans un menu déroulant sont connus comme options. La fonction de valeur est l`URL (ou adresse Web) que l`option est connecté. Vous pouvez ajouter autant d`options à votre menu déroulant au besoin et cela est la façon dont le menu déroulant peut aider à l`encombrement clair à partir de votre page Web. Pour ajouter des valeurs d`option, ajoutez ce code à votre fonction de sélection:

    • Créer un bouton de sélection pour activer le menu déroulant et permettent aux utilisateurs de sélectionner l`option qu`ils choisissent. Le bouton de sélection devrait être soit à gauche ou à droite de votre menu déroulant et suffisamment proche pour que les utilisateurs savent qu`il est lié au menu. Vous pouvez avoir votre bouton dire tout ce que vous voulez attirer l`attention de l`utilisateur. Pour notre menu déroulant, nous allons simplement utiliser "Sélectionner." Pour ajouter un bouton de sélection pour votre menu déroulant, ajoutez la ligne de code suivante:

    • Placez votre menu déroulant sur votre site. Le menu déroulant peut être ajouté partout où vous choisissez sur votre site. Il suffit de placer le code de menu déroulant dans votre page web HTML et assurez-vous de vérifier la fonctionnalité du menu déroulant tout de suite.

    Conseils & Avertissements

    • Faites votre menu déroulant plus attrayant visuellement en ajoutant CSS (Cascading Style Sheets) code pour changer les couleurs et l`apparence de la forme.
    • Ne pas ajouter trop d`options à votre menu déroulant. Il n`y a pas de chiffre magique, mais un trop grand nombre d`options peut rendre votre menu déroulant confus et pourrait irriter les visiteurs. Si vous avez beaucoup d`options, envisager de les séparer en catégories et en créant de multiples menus déroulants.
    Technologie / Web design & développement / Développement web

    AUTRES

    » » » » Comment faire des menus déroulants sur un site web