Les images

Logiciel de traitement d'image

Un excellent logiciel gratuit est →    Paint

Provenance des images

Si vous importez des images assurez-vous (ce qui n'est pas toujours facile) s'il n'y a pas de droit de copie! Méthodes: - La plus simple: Tapez p.ex dans Google "images éthanol" et vous aurez des centaines d'images qui peuvent convenir. Cliquez sur une image avec la touche droite de la souris, copiez, ouvrez Paint, $CTRL\; N$, Return, $CTRL\; V$ - Plus classique: Scannez une image ou photographiez-la, enregistrez dans un format désiré ou imposé(.gif grossier mais se prête à de simples animations, .jpg meilleure qualité et comprimé, .png toutes les qualités mais fichiers larges) Ouvrez ensuite l'image dans Paint. - Grossière, mais efficace: Vous avez une image dans un logiciel sur l'écran. Tapez Touche Windows-Printscreen ou suivant votre version Windows simplement Printscreen ou servez-vous d'un logiciel de capture d'écran . Vous avez maintenant copié tout l'écran, ouvrez Paint, $CTRL\; N$, Return, $CTRL\; V$, puis coupez ce qui vous intéresse (voir après) - Professionnelle: Recourez à des banques de données par exemple →    Pubchem. Faites afficher l'image, Cliquez sur une image avec la touche droite de la souris, copiez, ouvrez Paint, $CTRL\; N$, Return, $CTRL\; V$

Traitement des images

Familiarisez-vous avec Paint, par exemple: - Sélectionnez , coupez $(CTRL\; X)$ - Utilez la baguette magique pour sélection une plage d'une seule couleur, p. exemple l'arriêre-fonds en blanc, inversez $(CTRL\; I)$, copiez $(CTRL\; C)$. Vous avez copié la figure seule sans arrière-fond que vous pourrez introduire dans une image de votre choix $(CTRL\; V)$, par exemple:

etc.....(il existe des centaines de tutoriels sur Internet ! ).....

Insertion dans la page HTML

L'insertion d'une image se fait par la balise img, par exemple (l'image souliers.png se trouve dans le répertoire pic/): $\lt$ img $ $src="pic/souliers.png" / $\gt$ donne le résultat suivant:

Cette présentation peut être modifiée avantageusement par →   CSS, par exemple: $\lt$ img class="image"$ $src="pic/souliers.png" / $\gt$ donne le résultat suivant:

ou $\lt$ img class="imagepetite"$ $src="pic/souliers.png" / $\gt$ donne le résultat suivant: