Introduction
L'on discutait récemment sur IRC d'un sujet paru sur Zeb, mettant en garde contre de la pub venant d'imageshack (non je les linkerai pas, j'abhorre ce site). La discussion allant, je n'ai pu m'empêcher de signaler que je hais ces sites d'upload à cause de leur lenteur, du fait qu'ils sont blindés de pubs et pas très pratiques. J'avais aussi fait remarquer que nos FAI ont un espace d'hébergement associé à l'abonnement que l'on a auprès d'eux, et que c'est quand même autrement plus pratique de l'utiliser plutôt que de passer par des sites tiers. Et de lâcher que plutôt qu'un tuto sur imageshack, je préfèrerai largement voir un tuto sur l'utilisation des FTP.
Et puis bon, ben, voila. C'est là. Je me suis efforcé de faire simple, de ne pas trop utliser ce franc-parler qui est mien et ne pas trop utiliser d'anglais, mais bon nul n'est parfait, bla bla bla.
Ce tuto abordera 3 points distincts.
L'utilisation de Filezilla pour accéder à son FTP personnel (c'est un freeware ayant un belle réputation).
L'utilisation d'XNView pour faire des miniatures d'images (idem).
Comment poster ensuite une image sur un forum, en l'occurence, celui de Zebulon.
Filezilla
D'abord, choix du logiciel. J'ai choisi Filezilla car il est en freeware et a déjà une réputation certaine.
On peut le trouver sur Sourceforge ou directement dans les téléchargements de Zebulon
L'installation est relativement simple. Elle propose un mode qui ne retient aucun mot de passe, et l'utilisation de la base de registre ou d'un fichier de config XML. C'est bien détaillé donc le choix vous appartient. Si vous le posez en français, la documentation devra être téléchargée en plus par l'installeur.
Ensuite, premier lancement. Ca va ressembler à ceci :
Les options par défaut ont l'air plutôt bonnes, donc l'étape de configuration ira très vite. Je conseillerai juste d'aller dans Edition / Paramètres, puis dans la première rubrique "Connexion", de mettre un temps d'inactivité un peu plus long, comme ceci :
L'on va ensuite aller se connecter à son site personnel. Pour cela, il va vous falloir des informations communiquées par votre FAI, à savoir un nom de connexion et un mot de passe, ainsi que l'adresse de leur serveur FTP et le port à utiliser (bien que je doute qu'un FAI utilise un autre port que le port FTP par défaut, à savoir le 21). Pour donner l'exemple, je me baserai sur mon bon vieil espace sur Free. Cela donnera ceci :
Ahon me signale dans mon oreillette que faire un favori serait plus commode d'utilisation. Petite appartée sur cette technique avancée alors.
(Bon en pratique, pas moyen de me souvenir du mot de passe de mon vieux ftp... aussi je vais travailler sur mon "vrai" site en zappant le changement de répertoire :p)
Une fois connecté, on se retrouve grosso modo devant un bon vieil explorateur.
Je suis ici dans le répertoire "Tuto" sur mon site distant. L'objet de cette prose étant d'uploader des images pour un usage ultérieur, on va donc y procéder. D'abord, aller chercher une image; il se trouve que j'en ai plein à la racine de mon D. Complètement au hasard, je vais upper une jolie petite image que je sais appréciée par un certain nombre de personnes. A noter que Filezilla supporte sans problème les sélections multiples, donc libre à vous de s'amuser avec du control/shift pour faire des lots. Ensuite, click droit / Charger sur le serveur.
Lorsque les fichiers seront arrivés, l'affichage se remet à jour.
Et bien maintenant le plus gros est fait. Les fichiers sont disponibles sur le Net. En l'occurence, ils seraient sur http://sdmortbise.free.fr/Tuto/Belldandy.jpg et http://sdmortbise.free.fr/Tuto/Belldandy_TN.jpg. Notez que chez Free, la casse des noms de fichiers et de répertoires a son importance. "test.jpg" et "Test.jpg" sont deux fichiers distincts. Je ne sais pas pour les autres espaces d'hébergement, mais il est plus que probable que ce soit aussi le cas.
Vous remarquerez aussi que j'ai uppé une image et sa miniature (le "_TN" vient de ThumbNail, ou miniature). Il est de bon ton en effet de ne pas directement afficher une image dans son plein format pour alléger le temps de chargement des pages dans le cas des forums et assimilés (salut Lord :D ). On avait porté à mon attention (coucou Kewlcat =^_^= ) qu'inclure un petit tuto sur la création de ces vignettes serait judicieux. Chose à laquelle je m'attelle donc.
XNView
Je vais passer assez vite sur l'installation d'XNView. Il ne s'y trouve rien de compliqué et pas besoin de changer les options pour faire ce pour quoi on l'installe.
On peut le trouver sur le site de son auteur ou également sur Zebulon.
Une fois lancé, ça ressemble à ceci :
Pour créer la miniature, je vais d'abord faire une copie de l'image (click droit / copier, click droit / coller) que je vais renommer en _TN. Ensuite, il va falloir la convertir et y appliquer ce que l'on veut faire.
L'opération en question est un redimensionnement, donc le filtre sera redimensionner (duh !). Il faut le cliquer, puis l'ajouter. Dans les options qui se débloquent, je lui demande de faire un redimensionnement par pourcentage, à 10% de la taille originale. Mais je serais plus partisan de redimensionner en donnant moi-même la nouvelle taille.
Un click sur "Lancer" plus tard, on se retrouve avec nos images prêtes à l'emploi. L'originale en 800x676 et la miniature en 80x67. Ce sont celles-ci qui sont actuellement présentes sur le FTP.
Bon, il ne reste plus qu'à utiliser le fruit de ce vaste labeur. Direction le forum, histoire de placer un message avec quelques codes bien choisis.
Poster sur le forum.
Bon je passerai sur la création ou la réponse à un sujet. Faut pas pousser mémère dans les orties.
En fait il n'y a pas grand-chose à savoir, juste les balises à employer.
Bon ici ça va devenir un peu plus technique, va falloir suivre. Le principe, c'est de créer un lien avec la balise [URL], dont le descripteur sera une miniature d'image avec la balise [IMG]. En pratique, il faut les imbriquer; je pense que c'est assez parlant, mais je vais la décomposer.
D'abord l'image. Il suffit d'avoir une balise IMG. Ca donne un [IMG]url_miniature[/IMG]. L'url étant celle de l'endroit où est stockée la miniature de votre image, ici http://sdmortbise.free.fr/Tuto/Belldandy_TN.jpg.
Comme dit juste au-dessus, cette mini-image va servire à construire un lien vers la vraie image avec une balise URL. Ca donne [URL=url_image]descripteur_du_lien[/URL]
Ici, url_image est l'adresse de l'image taille normale, soit http://sdmortbise.free.fr/Tuto/Belldandy.jpg, et le descripteur sera l'image de la miniature construit au-dessus, soit [img]http://sdmortbise.free.fr/Tuto/Belldandy_TN.jpg[/img].
Donc au final, on obtient un code qui a cette tête :
[url=http://sdmortbise.free.fr/Tuto/Belldandy.jpg][img]http://sdmortbise.free.fr/Tuto/Belldandy_TN.jpg[/img][/url]
Un petit coup d'oeil au sujet sur Zeb qui a mené à cet article permet d'en voir le résultat.
Une version plus générique serait [url=URL_image][img]URL_mini[/img][/url]
Bon ben voila.
C'est tout ^-^
© Mortbise 2006
