Malgré une baisse de popularité importante depuis sa création, les bannières restent aujourd'hui encore l'un des principaux supports publicitaires sur Internet. La bannière la plus simple est une image simple. Mais pour qu'il remplisse pleinement sa fonction, vous devez le rendre cliquable.
Il est nécessaire
la possibilité de modifier le balisage de la page Web
Instructions
Étape 1
Rendez la bannière cliquable en la plaçant dans un lien hypertexte. Utilisez l'élément HTML A. Ajoutez une balise de début avec un attribut href qui pointe vers la ressource cible, ainsi qu'une balise de fin. Par exemple: c'est le moyen le plus simple et le plus couramment utilisé pour ajouter des bannières aux pages Web. En fait, l'image ici est l'ancre du lien.
Étape 2
Appliquez des cartes client pour créer plusieurs hotspots dans l'image de la bannière. Dans le balisage HTML de votre document, ajoutez un élément MAP avec un attribut name qui spécifie le nom de la carte. Dans MAP, placez un ou plusieurs enfants AREA avec les attributs href, shape et coords corrects. Par exemple: Pour l'élément IMG définissant la bannière, ajoutez un attribut usemap qui fait référence à la carte client. Par exemple: Cette méthode vous permet d'utiliser une bannière pour rediriger l'utilisateur vers différentes ressources, selon la zone qui a été activée.
Étape 3
Utilisez la possibilité de gérer les événements d'entrée utilisateur par les scripts clients pour lancer le processus de basculement vers une autre ressource lorsque vous cliquez sur une bannière. Définissez le gestionnaire onclick sur l'élément de document approprié. Cela peut être fait en ajoutant l'attribut onclick au balisage HTML: ou directement depuis le script: cette méthode permet de contrôler de manière flexible le processus de redirection de l'utilisateur lorsqu'il clique sur une bannière, mais cela ne fonctionne pas lorsque les scripts sont désactivés dans le navigateur.
Étape 4
Intégrez la bannière dans la page Web en utilisant l'élément INPUT de type image inclus dans le formulaire pour le rendre cliquable. Un élément INPUT avec un attribut type d'image définit un bouton de soumission graphique. L'adresse de la ressource image est spécifiée par l'attribut src. Par exemple: L'application de cette méthode d'affichage d'une bannière offre de grandes opportunités. Ainsi, vous pouvez envoyer une grande quantité de données supplémentaires au serveur en utilisant des champs cachés, notamment en utilisant une requête POST pour soumettre un formulaire. Vous pouvez effectuer certaines actions sur le formulaire avant de le soumettre en attribuant un gestionnaire onsubmit. Il est permis d'attribuer une carte client à une image de bouton à l'aide de l'attribut usemap.
