Image cliquable avec gimp pour mettre dans une page wordpress
Fermé
lelaskar
Messages postés
15
Date d'inscription
mercredi 10 octobre 2012
Statut
Membre
Dernière intervention
3 juillet 2015
-
12 avril 2015 à 18:38
lelaskar Messages postés 15 Date d'inscription mercredi 10 octobre 2012 Statut Membre Dernière intervention 3 juillet 2015 - 13 avril 2015 à 16:27
lelaskar Messages postés 15 Date d'inscription mercredi 10 octobre 2012 Statut Membre Dernière intervention 3 juillet 2015 - 13 avril 2015 à 16:27
A voir également:
- Image cliquable gimp
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Gimp français - Télécharger - Retouche d'image
- Image cliquable html ✓ - Forum Réseaux sociaux
- Image iso - Guide
- Transformer une image en lien cliquable - Forum Windows
2 réponses
Salut,
le mieux c'est d'utiliser une mage map que vous écrivez vous même en HTML.
HTML ce n'est pas compliqué: ce sont des repères qui indiquent la mise en page ou plus précisément les éléments de la page.
Voici un exemple:
http://formation.upyupy.fr/html-xhtml/images-map/
Comme vous pouvez voir il s'agit de même pas une ligne de texte à écrire, après tout dépends du nombre de zones clickable dont vous avez besoin.
Quant à wordpress si vous voulez allez le triturer il vous faudra quand même avoir des notions de HTML. Même si l'intérêt des CMS est d'utiliser de modèles préconçus(surtout pour la partie programme qui fait a liaison entre les pages et la base de données) c'est un peu hasardeux de l'utiliser sans avoir quelques notions des technologies des pages web dont l'un des principaux est plus simple est le HTML.
Mais comme vous le faites remarquez la limite des CMS interviens dès qu'on veut personnaliser, c'est faisable mais pas fait pour sortit des options du modèle(la configuration du template) et ça deviens plus compliqué que de faire soi même sa propre publication à partir de rien (e ne parle que des pages statiques pas des scripts du programme qui servent pour les pages dynamiques).
Pour résumé je vous suggère d'acquérir les bases du langage de présentation fait pour être rapide à mettre en place(car utilisé pour faire toutes les pages Internet il nécessite d'être simple et accessible) où vous y trouverez la réponse toute aussi simple à la création d'image map.
Quant à GIMP/Photoshop ou autre solution même plus dédié comme Dreamweaver s'il présente l'avantage de travailler en graphique il ne permette pas d'avoir une écriture du code HTML convenable. Au contraire c'est pas au norme, quasiment impossible à modifier à la main.
Cependant si vous avez une page web(même faite par Gimp) celle ci devrais s'afficher(du moment ou vous avez exporté celle ci en HTML).
Parmi les notions de bases que vous pouvez apprendre en 20minutes et qui sont à la portée d'un gosse de 10ans('insiste car HTML c'est comme word mais en plus simple à utiliser mais plus long à écrire puisque c'est vous qui indiquerez les repéres de paragraphe directement dans le texte) et en une petite heure de pratique(indispensable aussi car il n'y a rien à comprendre il faut juste pratiquer un peu):
Vous trouverez le mode de fonctionnement hypertexte( le HT de HTML), cela veut dire que les contenus de la page sont soit écrits directement dans le fichier texte de celui ci (.html) soit font référence à une autre fichier(c'est cela que signifie hypertexte) dans ce cas il faut simplement indiquer l'adresse(on parle aussi d'URL en anglais) du fichier en question.
Pour être plus concret voici:
<IMG src="mon_image.jpg" />
Indique au fichier HTML de charger une image, mais pas n'importe laquelle;
Il s'agit ici d'indiquer l'image situé dans le même dossier que le fichier .html de la page et cette image est appellée mon_image.jpg
Vous voyez ce ne sont pas des signes kabbalistiques très compliqués, au contraire c'est simple.
Si votre page HTML ne s'affiche pas en local(en fonctionnement direct sur votre ordinateur sans publié sur le réseau http) il s'agit certainement d'un problème d'adresses des fichiers images. S'il y a un dossier il faudra indiquer celui ci en utilisant un adressage(indiquer l'emplacement du fichier) correct.
Toujours avec la publication d'une image en HTML:
<IMG src="images/mon_image.jpg" />
indique ici que l'image à afficher:télécharger chez l'hébergeur se trouve dans le dossier 'images' situé dans le même dossier que le fichier (html)de la page.
Un autre élément de base qu'avec les 20 min d'apprentissage vous maîtriserez facilement ce sont les fameux liens (hypertete) d'internet:
Un lien en HTML permet d'indiquer une autre page ou de démarrer les fonctionnalités du programme. Concrètement ce sont tout les boutons des menus de navigation dont la fonction basique est de changer de page.
Donc pour inclure une nouvelle page à votre site il vous suffit de rajouter le lien vers la page que vous rajoutez(celle de l'image map) en indiquant l'adresse et le nom du fichier.
Bon c'est à vous de jouer ne soyez pas trop intimidé ou fainéant si vous voulez faire quelque chose dans le web, cela n'a pas lieu d'être:
_HTML c'est la base, vous serez vite limité mis c'est indispensable et l'ossature du site, les pages en elles mêmes. C'est à la portée de n'importe qui et très simpliste(ça se complique avec cSS et les langages de programmation mais HTML = tout l'affichage d'une page, donc incontournable).
_En informatique le but est de simplifier et automatiser les tâches, donc si vous arrivez à quelque chose de compliqué c'est qu'il vous manque quelque chose ou que vous vous prenez al, d'où la nécessité de travailler un peu histoire de savoir ce que vous faites.
le mieux c'est d'utiliser une mage map que vous écrivez vous même en HTML.
HTML ce n'est pas compliqué: ce sont des repères qui indiquent la mise en page ou plus précisément les éléments de la page.
Voici un exemple:
http://formation.upyupy.fr/html-xhtml/images-map/
Comme vous pouvez voir il s'agit de même pas une ligne de texte à écrire, après tout dépends du nombre de zones clickable dont vous avez besoin.
Quant à wordpress si vous voulez allez le triturer il vous faudra quand même avoir des notions de HTML. Même si l'intérêt des CMS est d'utiliser de modèles préconçus(surtout pour la partie programme qui fait a liaison entre les pages et la base de données) c'est un peu hasardeux de l'utiliser sans avoir quelques notions des technologies des pages web dont l'un des principaux est plus simple est le HTML.
Mais comme vous le faites remarquez la limite des CMS interviens dès qu'on veut personnaliser, c'est faisable mais pas fait pour sortit des options du modèle(la configuration du template) et ça deviens plus compliqué que de faire soi même sa propre publication à partir de rien (e ne parle que des pages statiques pas des scripts du programme qui servent pour les pages dynamiques).
Pour résumé je vous suggère d'acquérir les bases du langage de présentation fait pour être rapide à mettre en place(car utilisé pour faire toutes les pages Internet il nécessite d'être simple et accessible) où vous y trouverez la réponse toute aussi simple à la création d'image map.
Quant à GIMP/Photoshop ou autre solution même plus dédié comme Dreamweaver s'il présente l'avantage de travailler en graphique il ne permette pas d'avoir une écriture du code HTML convenable. Au contraire c'est pas au norme, quasiment impossible à modifier à la main.
Cependant si vous avez une page web(même faite par Gimp) celle ci devrais s'afficher(du moment ou vous avez exporté celle ci en HTML).
Parmi les notions de bases que vous pouvez apprendre en 20minutes et qui sont à la portée d'un gosse de 10ans('insiste car HTML c'est comme word mais en plus simple à utiliser mais plus long à écrire puisque c'est vous qui indiquerez les repéres de paragraphe directement dans le texte) et en une petite heure de pratique(indispensable aussi car il n'y a rien à comprendre il faut juste pratiquer un peu):
Vous trouverez le mode de fonctionnement hypertexte( le HT de HTML), cela veut dire que les contenus de la page sont soit écrits directement dans le fichier texte de celui ci (.html) soit font référence à une autre fichier(c'est cela que signifie hypertexte) dans ce cas il faut simplement indiquer l'adresse(on parle aussi d'URL en anglais) du fichier en question.
Pour être plus concret voici:
<IMG src="mon_image.jpg" />
Indique au fichier HTML de charger une image, mais pas n'importe laquelle;
Il s'agit ici d'indiquer l'image situé dans le même dossier que le fichier .html de la page et cette image est appellée mon_image.jpg
Vous voyez ce ne sont pas des signes kabbalistiques très compliqués, au contraire c'est simple.
Si votre page HTML ne s'affiche pas en local(en fonctionnement direct sur votre ordinateur sans publié sur le réseau http) il s'agit certainement d'un problème d'adresses des fichiers images. S'il y a un dossier il faudra indiquer celui ci en utilisant un adressage(indiquer l'emplacement du fichier) correct.
Toujours avec la publication d'une image en HTML:
<IMG src="images/mon_image.jpg" />
indique ici que l'image à afficher:télécharger chez l'hébergeur se trouve dans le dossier 'images' situé dans le même dossier que le fichier (html)de la page.
Un autre élément de base qu'avec les 20 min d'apprentissage vous maîtriserez facilement ce sont les fameux liens (hypertete) d'internet:
Un lien en HTML permet d'indiquer une autre page ou de démarrer les fonctionnalités du programme. Concrètement ce sont tout les boutons des menus de navigation dont la fonction basique est de changer de page.
Donc pour inclure une nouvelle page à votre site il vous suffit de rajouter le lien vers la page que vous rajoutez(celle de l'image map) en indiquant l'adresse et le nom du fichier.
Bon c'est à vous de jouer ne soyez pas trop intimidé ou fainéant si vous voulez faire quelque chose dans le web, cela n'a pas lieu d'être:
_HTML c'est la base, vous serez vite limité mis c'est indispensable et l'ossature du site, les pages en elles mêmes. C'est à la portée de n'importe qui et très simpliste(ça se complique avec cSS et les langages de programmation mais HTML = tout l'affichage d'une page, donc incontournable).
_En informatique le but est de simplifier et automatiser les tâches, donc si vous arrivez à quelque chose de compliqué c'est qu'il vous manque quelque chose ou que vous vous prenez al, d'où la nécessité de travailler un peu histoire de savoir ce que vous faites.
