Accueil / Blabla / Tutorial : insertion d'une image sur le forum simagri v2


tutorial : Insertion d'une image sur le forum SIMAGRI V2

Sujet posté le 10/05/2009 à 11H24 par joueur_99196_1
JOUEUR_99196_1 10/05/2009 à 11H29
Insertion d'une image : les bases


Pour commencer l'image utilisée doit être hébergée sur un serveur connecté en permanence sur internet.
Dans google on tapes "hébergeur d'images" et on en a une flopée.

je vais faire simple. Je vais prendre l'image en haut à gauche de la fenêtre de Simagri et te la faire apparaitre dans ce topic ;-)

Clic droit sur l'image puis propriétés. (sur Firefox)
Tu as propriétés de l'image et son emplacement qui est l'adresse suivante : http://france1.simagri.com/images/logo_1.jpg

ensuite il faut mettre une balise.
Balise : indique au navigateur Web ce qu'il doit afficher : en gras, italique en couleur etc... (Lien vers un site recensant l'ensemble des balises html. il y en a d'autre mais Google m'a donné celui-ci en premier!!)

la balise pour mettre des images est <"img src = url de ton image.jpg .gif ... >
Extension d'un fichier image obligatoire ( Gif, Jpeg, Jpg, PNG, BMP pour les principaux)

Il faut enlever le " après < du img c'est pour rendre l'image visible. Il faut aussi que le < soit collé au img
donc en complet
<"img src = http://france1.simagri.com/images/logo_1.jpg>

et au final toujours sans " on obtient


une belle image ;-)

Petit complément :
sur les site d'hébergement, ils proposent en général plusieurs liens pour les images. il faut banir les liens avec les [ ] sur le forum Simagri
il faut prendre l'adresse de l'image qui commence par http:// blalblabla.extension image => jpeg gif etc.. ou à defaut faire un clic droit sur l'image.. comme au dessus ^^)




Insertion d'une image : intermédiaire
Donc on repart sur la même base

<"img src = "http://www. blabla.gif">

Idem qu'auparavant le " entre < et img est à enlever.
remarquez que j'ai mis entre " " l'adresse de l'image. quand on fait juste un post d'image simple, on est pas obligé de le faire mais par contre si on veut complexifier le code en les < > il faut les mettre.

Donc les indicateurs de taille sont HEIGHT= x WIDTH=y avec x et y des entiers non nuls.

donc je suppose que height c'est la hauteur et width est la largeur.

Donc dans le code ça donne ceci

<"img src = "http://www. blabla.image.gif"height = x width=y>

Donc nous avons la base .. des intermédiaires!!
Comment savoir quelle valeur mettre?
Si l'image est trop grande ouvrir un nouvel onglet ou une nouvelle fenêtre de votre navigateur coller l'adresse de l'image donc ici http://www.blabla.image.gif
Normalement l'image se redimensionne automatiquement. Ensuite on utilise le clic droit du mulot, propriétés de l'image et (sur Firefox c'est sur!!) on a dimension de l'image x pixels x y pixels puis redimensionnée en x * y.
Ces valeurs sont variables selon la taille et la résolution de votre écran ! Entre un 19 pouces (1280*1024) et un 24 pouces (1920*1200)... on peut mettre un peu plus de choses

Ce sont ces deux dernières valeurs qui nous intéressent

Puisque je suis en Bretagne on va prendre le gwen ha du

Donc l'image en taille naturelle avec son code au dessus (le " entre < et src à virer. c'est la dernière fois que je le rappelle!!)

<"img src = "http://farm4.static.flickr.com/3193/2649512053_d696f864db_o.jpg">




En 800*600 avec le code

<"img src = "http://farm4.static.flickr.com/3193/2649512053_d696f864db_o.jpg"height=800 witdth=600>




donc avec ça normalement on doit avoir un beau beau forum pas trop déformé par des posts malencontreux!!


Un dernier ajout

UTILISEZ LA FONTION PRE-VISUALISER

____________________
Seul on va plus vite, Ensemble on va plus loin
Lord Baden Powel

~Tiptip~
RAMSES35 (admin) 11/05/2009 à 13H35
Voilà m'sieur

____________________

Trello SimAgri, les idées proposées par la Communauté

Nouveau tableau Trello, pour les améliorations déjà faites!

HETHRIR (VIP) 05/08/2009 à 02H39
le bouton pré-visusaliser la réponse peut être une très bonne solution pour voir si votre lien fonctionne bien ou le code que vous entrez

____________________
Tu vois, le monde se divise en deux catégories: ceux qui ont un pistolet chargé et ceux qui creusent. Toi tu creuses..
JOUEUR_99196_1 02/09/2009 à 22H20
[Modo ON]
Ménage sur le sujet
[Modo Off]


____________________
Seul on va plus vite, Ensemble on va plus loin
Lord Baden Powel

~Tiptip~
JOUEUR_19596_2 28/09/2009 à 21H01


____________________
Si tes résultats ne sont pas a la hauteur de tes esperances, sache que, même le vénérable chêne, un jour, était un gland !
JOUEUR_65231_2 19/11/2009 à 18H26
<"img src=http://forums.simagri.com/images/logo_forum.jpg>
Je voulais essayer pour voir si ca marche psk avant j'arrivai jamais a le faire

____________________
En vert, En Fendt, Ensemble !
SARL SCHNELL, votre concessionaire Fendt en Alsace
JOUEUR_65231_2 19/11/2009 à 18H27
et ca marche pas --'

____________________
En vert, En Fendt, Ensemble !
SARL SCHNELL, votre concessionaire Fendt en Alsace
JOUEUR_14777_5 13/12/2009 à 09H54
JOUEUR_85614_1 08/01/2010 à 16H13
je voudrais savoir comment faire pour le nom d'une concession vu que le cadre est limiter en caractère ?
JOUEUR_70164_1 30/01/2010 à 19H00
Tiptip ou l'homme qui rend hommage à sa patrie sa me touche

____________________

Partout où tu ira dans le monde tu trouvera toujours une canette de coca et un Breton !

Du paté Hénaff dans l'espace !
JOUEUR_41718_2 04/04/2010 à 11H14
je viens d'essayer on va voir ce que cela donne ...

[URL=http://www.hostingpics.net/viewer.php?id=360698Sanglier_Ana_l_________________97_kg__2_.jpg][IMG]http://img7.hostingpics.net/pics/360698Sanglier_Ana_l_________________97_kg__2_.jpg[/IMG][/URL]
JOUEUR_41718_2 04/04/2010 à 11H15
et mince je n'y arrive pas
JOUEUR_125983_2 07/04/2010 à 12H33
">

____________________

JOUEUR_125983_2 07/04/2010 à 12H33
voila voila pas besoin de cinquante essaye !

____________________

JOUEUR_115652_2 09/04/2010 à 21H51
.gif ... >
JOUEUR_115652_2 09/04/2010 à 21H52
JOUEUR_115652_2 11/04/2010 à 10H28 11/04/2010 à 10H29
JOUEUR_115652_2 11/04/2010 à 10H35
comment faire pour inserer une photo d'une fiche de materiel sur simagri?
JOUEUR_111525_2 11/04/2010 à 16H43
tu fais clic droit sur limage, propriété et tu auras le http de limage

____________________
Content de faire partie de la grande famille qu'est simagri, mais la roue tourne comme on dit
JOUEUR_130073_2 13/04/2010 à 06H58
Quelques précisions sur l'insertion d'image.

Tout d'abord, les normes d'écriture ont changé donc autant prendre tout de suite les bonnes habitudes. Pour insérer une image maintenant il faut mettre ce code (sans l'astérisque) :
<*img src="url de votre image" alt="texte alternatif" />

ensuite avant le /> vous pouvez mettre différents attributs :

Forcer une image à prendre une taille précise :
height= nombre de pixels de votre image en hauteur
witdth= nombre de pixels de votre image en largeur

Nommer votre image :
title= le titre de votre image entre guillemets (le titre s'affichera au passage de la souris sur l'image)
alt= texte alternatif entre guillemets (le texte s'affichera si l'image n'est pas trouvée ou pendant son chargement)

Aligner votre image :
align= right pour aligner à droite, left pour aligner à gauche. Cet alignement permet au texte de se trouver à côté de votre image. Vous devez placer l'image en début de paragraphe, même si elle se trouvera à droite du texte (et dont "après" la première ligne de texte)
hspace= nombre de pixels entre l'image et le texte situé à côté
vspace= nombre de pixels entre l'image et le texte situé au dessus et en dessous

Décorer une image :
border= nombre de pixels de la bordure de l'image (0 pour ne pas avoir de cadre)

Pour finir, un exemple avec tous ces attributs :
<*img src="http://forums.simagri.com/images/smiley/message2.gif" title="Trop bien ce smiley !" alt="smiley trop bien SimAgri" height=88 width=216 align=left hspace=50 vspace=20 border=1 />

Affichera ceci :
smiley trop bien SimAgri Et voici du texte en exemple à côté pour que vous puissiez voir l'alignement et l'espacement qui se fait tout seul. Ici, l'image est à 20 pixels en dessous de la ligne "Affichera ceci :" (et éventuellement à 20 pixels du texte en dessous) et à 50 pixels de ce paragraphe et du bord de la page à gauche.

Passez la souris sur l'image pour voir son titre.

Notez que lorsqu'il faut mettre un nombre de pixels, vous devez entrer un entier et vous n'avez pas besoin de guillemets

Les attributs peuvent être mis dans n'importe quel ordre. Les seuls obligatoires sont src pour indiquer l'url de l'image et alt (surtout pour faciliter la lecture aux personnes mal voyantes)

____________________


Mais tu sais, je suis pauvre, je n'ai que mes rêves ;
J'ai déposé mes rêves sous tes pieds ;
Marche doucement, car tu marches sur mes rêves.
JOUEUR_115652_2 14/04/2010 à 12H42
salut,j'ai essayer en transportant l'image sur paint,ensuite comment faire?
JOUEUR_130073_2 14/04/2010 à 13H46
L'image doit être hébergée sur un serveur.

Tu l'as transportée d'où ? Parce que si c'est du net, c'était pas la peine. Pour avoir son adresse, il suffit de faire un clic droit sur l'image et ensuite copier l'adresse de l'image.

Si c'est de ton ordinateur, il faut l'enregistrer en format jpg pour une photo/image classique, en png pour une image détourée (= qui n'a pas de contours rectangles) et en gif pour une image animée.
Ensuite il faut l'héberger par exemple avec imageshack. Une fois hébergée sur ce site, le lien à prendre est le lien direct.

____________________


Mais tu sais, je suis pauvre, je n'ai que mes rêves ;
J'ai déposé mes rêves sous tes pieds ;
Marche doucement, car tu marches sur mes rêves.
JOUEUR_115652_2 15/04/2010 à 17H16
ok j'ai pris un autre site pour heberger des photos,mais c'est normal que le chargement soit aussi long?
JOUEUR_130073_2 15/04/2010 à 18H51 15/04/2010 à 18H51
Ca dépend de la taille de l'image (attention à ce qu'elle ne soit pas en format bmp), de la vitesse de ta connexion et de l'affluence sur le serveur qui va l'héberger.

Pour le net, rarement besoin d'une image plus grande que 800*600 (perso je mets souvent mes photos en 600*400). Donc autant la réduire avant de la mettre sur un serveur (à faire dans un logiciel d'images. Paint peut suffire même si la qualité d'enregistrement n'est pas la meilleure mais bon, c'est pas toujours important).

____________________


Mais tu sais, je suis pauvre, je n'ai que mes rêves ;
J'ai déposé mes rêves sous tes pieds ;
Marche doucement, car tu marches sur mes rêves.
JOUEUR_115652_2 15/04/2010 à 21H01
tu as raison elle est en bmp mais qu'est ce qu'il faut faire pour que ce soit en jpg ou autre chose?




Répondre

Comment bien poster et ainsi rendre le forum agréable :
- Respecter la charte SimAgri ;
- Ne pas faire de pub pour sa propre ferme ou sa propre activité, ne pas faire de spam (poster le même message plusieurs fois), ne pas poster de message sans aucun intérêt, ne pas faire de hors sujet ;
- Ne pas abuser du langage SMS et s'appliquer à rédiger de manière compréhensible ;
- Effectuer une recherche sur le forum afin de ne pas poser des questions récurrentes, poster dans un sujet unique (si celui-ci existe) afin de centraliser l'information ;
- Ne pas confondre le forum avec la hotline (si votre problème ne concerne que votre ferme et s'il nécessite selon vous l'intervention d'un administrateur) ;
- Poster votre message dans le forum et la catégorie adéquat.
Message :