Les partenaires publicitaires:

Comment faire vos propres boutons html

Images de boutons sont des images qui apparaissent sur les pages Web qui, lorsque vous cliquez dessus re-diriger l'utilisateur vers un autre site, la page Web ou une ressource. La création d'une image de bouton implique l'utilisation d'une image graphique combiné avec spécialement écrite Hyper Text Code Mark-up Language pour obtenir l'action désirée.

Choses que vous devez

  • Logiciel de retouche d'image
  • Éditeur de texte
  • navigateur Web

Instructions

  1. Enregistrez votre fichier d'image sélectionnée dans le dossier contenant votre site Web stocké localement ou de préparer une image de sauvegarde dans un format compatible avec le Web, tels que GIF, JPG ou PNG, en utilisant un programme d'image comme Photoshop, Paint ou Gimp. L'image doit être exactement la même - tel que mesuré en pixels - comme prévu à apparaître sur la page Web.




  2. Créer une nouvelle page dans un éditeur de texte, tel que Wordpad pour Windows ou TextEdit sur un Mac ou ouvrir la page HTML document Web existant dans lequel l'image du bouton sera inséré. Enregistrez la page dans son dossier de votre choix, qui contient également l'image. Il est important que aucune image ni page Web sont déplacés à cet endroit précis liens autrement cesseront de fonctionner.

  3. Ecrire le code HTML suivant dans la page à l'endroit où vous souhaitez l'activer l'image du bouton: , où "pagetwo" est la page vers laquelle l'utilisateur sera dirigé en cliquant sur l'image.



  4. Entrez le code qui décrit l'emplacement précis de l'image par rapport à la page de votre création. Cela pourrait être , où «image» est le nom de l'image créée, et ".jpg" est le format de fichier d'image. Insérez ce code immédiatement après le code HTML déjà créé à l'étape 3. Enregistrez le fichier comme "pageone.html."

  5. Ouvrez votre navigateur Web préféré, soit en tapant son chemin de fichier précis dans la barre d'adresse ou la droite; cliquant sur l'icône du fichier et en sélectionnant «Ouvrir avec» dans le menu contextuel. La page appelée "pageone.html" contenant l'image affiche maintenant. Le curseur va changer car il plane au-dessus de l'image, ce qui indique qu'il incarne un hyperlien. Cliquez sur l'image pour afficher la deuxième page Web que vous avez créé.

  6. Conseils Avertissements

  • Il est de bonne pratique d'utiliser des noms faciles à comprendre et qui ne contiennent pas d'espaces pour créer des pages Web fichiers. Lors de l'enregistrement d'images dans un programme de retouche d'image, sélectionnez toujours son option "Web prêts" afin de minimiser la taille des fichiers tout en conservant la qualité.
  • Ne jamais déplacer des éléments d'une page Web une fois qu'il a été créé, sinon tous les liens entre elles seront détruites. Toujours tester vos pages HTML dans un navigateur avant de les afficher sur votre serveur Web.
» » » » Comment faire vos propres boutons html