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
____________________
Seul on va plus vite, Ensemble on va plus loin
Lord Baden Powel
~Tiptip~