Publicité
J'ai écrit un article sur la création d'une image pour votre site Web avec des régions cliquables ou des zones sensibles à l'aide de GIMP Comment créer une carte d'image à l'aide de GIMP Lire la suite . Ce type d'image cliquable est appelé une carte d'image. Les cartes d'images existent depuis un certain temps, mais elles sont encore largement utilisées pour donner de la flexibilité aux concepteurs Web.
Dans les commentaires, quelqu'un m'a demandé si c'était possible avec Paint. NET (peut-il être un Alternative à Photoshop 5 alternatives gratuites à Photoshop que vous devriez essayer Lire la suite ?). Pour cette raison, j'ai décidé non seulement d'installer et d'utiliser Peindre. NET pour la première fois, mais pour comprendre comment faire des cartes d'images en l'utilisant.
Oui, j'ai dû quitter Ubuntu pendant quelques minutes et démarrer mon installation Windows (je sais qu'il y a une version Ubuntu mais je ne savais pas si tout fonctionnerait de la même façon) mais cela valait le changement de rythme.
La conclusion à laquelle je suis arrivé est que oui, c'est possible mais vous aurez besoin de l'aide d'un plugin.
Télécharger et installer le plugin
Les plugins sont assez faciles à implémenter dans Paint. NET et consiste essentiellement à télécharger les fichiers et à les placer dans le bon dossier. Le plugin nécessaire pour créer une carte image est appelé "Créer une carte d'images"Et vous pouvez le télécharger à partir de ce lien. La page est un peu en désordre, alors regardez la capture d'écran ci-dessous pour la trouver facilement.
Vous allez télécharger un fichier zip contenant les fichiers corrects. Une fois téléchargés, placez-les simplement ici: Fichiers C / Program / Paint. NET / Effets
Maintenant, redémarrez simplement Paint. NET et vous devriez l'avoir installé. Ouvrez l'image et vous devriez être prêt.
Utilisez l'éditeur de carte d'image pour obtenir le bon code
Ouvrez l'éditeur de carte d'image: Effets -> Application d'image -> Créer une carte d'image
Faites glisser (en faisant semblant de voir une boîte) et nommez chaque point d'accès.
Cliquez sur OK lorsque vous avez terminé. Vous obtiendrez alors une fenêtre contextuelle avec du code que vous devrez saisir.
Modifier le code et le préparer pour votre site
Ouvrez le Bloc-notes ou un éditeur de texte similaire et collez le code. Vous vous retrouverez probablement avec tout le code sur une seule ligne. Le moyen le plus simple consiste à séparer les lignes comme je l'ai fait dans la capture d'écran ci-dessous.
Notez que j'ai ajouté une ligne de code en haut. Cette ligne de code spécifie l'emplacement de l'image sur le serveur (vous l'avez téléchargée correctement?) Et le nom de la carte utilisée sur l'image.
Vous remarquerez également que j'ai nommé la carte. Pour lier l'image à la carte, vous devrez le faire. Remplacez également les signes «#» par les URL des liens que vous souhaitez insérer.
Alors oui, il y a une autre façon de faire une carte image. Il est également possible de le faire à la main sans l'aide d'un programme de retouche d'image, mais qui a le temps pour cela?
Qu'utilisez-vous pour créer des images-cartes?
Je suis un gamin de 30 ans dans l'âme. Je travaille sur et sur des ordinateurs depuis le lycée. J'aime trouver de nouveaux sites intéressants qui sont utiles à tous les jours. J'aide et forme des gens sur des questions liées à la technologie depuis des années et je ne me vois pas m'arrêter de sitôt.
