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~

Voilà m'sieur

____________________

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

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

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..

[Modo ON]
Ménage sur le sujet
[Modo Off]

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

~Tiptip~

____________________
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 !

<"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

et ca marche pas --'

____________________
En vert, En Fendt, Ensemble !
SARL SCHNELL, votre concessionaire Fendt en Alsace

je voudrais savoir comment faire pour le nom d'une concession vu que le cadre est limiter en caractère ?

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 !

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]

et mince je n'y arrive pas

">

____________________

voila voila pas besoin de cinquante essaye !

____________________

.gif ... >

comment faire pour inserer une photo d'une fiche de materiel sur simagri?

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

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 :
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.

salut,j'ai essayer en transportant l'image sur paint,ensuite comment faire?

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.

ok j'ai pris un autre site pour heberger des photos,mais c'est normal que le chargement soit aussi long?

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.

tu as raison elle est en bmp mais qu'est ce qu'il faut faire pour que ce soit en jpg ou autre chose?