#1 02-03-2008 17:22:00

nebulus
Administrator
Inscription : 04-01-2002
Messages : 921
Site Web

Tutoriel : afficher des images sur le forum ? par le site ImagesHack

Comment montrer des images sur Internet ?
Ce petit tutoriel a pour pour but de résumer les possibilités qu'il existent pour faire afficher des images sur un site ou un forum.
Par exemple, supposons que vous souhaitez montrer une de vos photos sur notre forum. La procédure n'est pas si compliquée. Voici donc des informations qui vont vous permettre d'y parvenir.

Comment ça marche ?
Dans tous les cas, pour afficher une image sur internet, il faut que votre image soit «hébergée» quelque part, c'est à  dire que le fichier soit présent quelque part sur Internet (sur un serveur).
Ensuite, pour que le fichier s'affiche en tant qu'image, il faut mettre des «balises» avec l'adresse web et l'adresse internet où est hébergée ce fichier.
Par exemple sur notre forum, si vous voulez faire afficher une image au milieu de votre texte il faudra faire :

blablabla
blablabla
[img}http://www.coldevence.fr/images/livre_col_de_vence.jpg[/img}
blablabla
blablabla
blablablabla

Dans cet exemple, l'image est hébergée sur le site http://www.coldevence.net (à  l'adresse http://www.coldevence.fr/images/livre_col_de_vence.jpg exactement). Les balises sont les morceaux de texte [img]et[/img] qui entourent cette adresse (ces balises sont spécifiques de ce forum, dans l'exemple j'ai mis un } au lieu de ] car sinon cela aurait affiché l'image !).

Supposons que l'image soit déja affichée sur un autre site. Vous voulez la ré-afficher ailleurs, sur ce forum par exemple.
Donc, l'image que vous voulez ré-afficher est déjà  hébergée quelque part.
Dans ce cas, il faut récupérer l'adresse : dans le navigateur, bouton droit sur l'image, propriétés.
image_proprietes1.jpg
L'adresse s'affiche. (URL/adresse). Il ne vous reste plus qu'à  faire un copié-collé de l'adresse et de vous en servir comme dans l'exemple précedent.
image_proprietes2.jpg

J'ai une photo sur mon disque dur. Comment l'héberger sur un site ?
Il y a plusieurs possibilités :
- Soit, utiliser des sites spécialisés qui hébergeront gratuitement vos fichiers, souvent en contrepartie de publicité. C'est le cas du site ImagesHack (il en existe d'autres).
C'est cette solution qui est la plus simple : en quelques clics vous pouvez envoyer votre photo et en retour vous aurez l'adresse où est hébergée votre fichier.
L'inconvénient, car il y en un, est que votre image sera disponible pour un temps défini, puis sera automatiquement effacée. Donc, les images, que vous aurez affichées sur un forum par exemple, disparaîtrons au bout d'un moment (relativement long cependant, plusieurs mois en général).
- Soit, utiliser l'espace d'hébergement fourni gratuitement avec votre fournisseur d'accès (free, orange, sfr, ... )
La solution d'héberger vos fichiers chez votre fournisseur est en revanche illimitée (du moment que vous ne changez pas de fournisseur d'accès) mais elle est un peu plus compliquée. En effet, il vous faudra passer par un client FTP pour envoyer vos fichiers, en utilisant les identifiants fournis avec votre compte (login et mot de passe). Ensuite vos fichiers seront hébergés à  une adresse comme http://dupont.free.fr/images/photo1.jpg
La procédure exacte pour envoyer des fichiers sur votre espace perso, doit être décrite dans l'aide en ligne sur le site de votre fournisseur d'accès.
- Soit, avoir un hébergeur de sites web professionnel et donc  payant.
C'est le cas de ce site par exemple. Il faut utiliser la même procédure que pour l'hébergement par le fournisseur d'accès. C'est la même chose, à  la différence que les services sont un peu mieux que les solutions gratuites : plus rapide, plus d'espace, etc.
Je veux rapidement mettre mes fichiers sur le forum. Comment marche ImagesHack ?
Il existe plusieurs sites pour héberger temporairement et gratuitement des images. Un des plus connu est ImagesHack. D'abord, il faut aller à  l'adresse : http://imageshack.us/
image_hack.jpeg
Ensuite c'est très simple. Choisissez le fichier à  envoyer (1), vous pouvez éventuellement redimensionner l'image (2), puis cliquer sur «Host it !» (3)
L'écran suivant vous donne les liens que vous pourrez utiliser pour afficher votre image.
image_hack2.jpg
Le principal lien (la photo réelle) est celui à  gauche de «Direct link to image»
Pour le reste, il s'agit de liens vers diverses miniatures générées par ImagesHack dont vous pouvez vous servir si besoin (je vous laisse découvrir cela plus tard).
Copier-coller le lien principal, puis comme dans l'exemple du début, insérer ce lien dans votre texte entre les balises [img]lien[/img]. C'est tout.
Attention cependant que l'image ne soit pas trop grosse, sinon cela risque d'être peu esthétique sur le forum (l'image prendra toute la place de votre message).
Si l'image est trop grosse, vous pouvez simplement afficher le lien de l'image, sans afficher l'image elle-même. Les utilisateurs devront alors cliquer sur ce lien pour voir l'image.
Pour cela, il faudra mettre quelque chose comme :
n'importe quel texte
Bon courage  lol4


banniere_nebulus.png

C'est en se plantant qu'on devient cultivé.

Hors ligne

Pied de page des forums

[ Générées en 0.023 secondes, 8 requêtes exécutées - Utilisation de la mémoire : 927.18 Kio (pic d'utilisation : 969.45 Kio) ]