Aidenet.com  Aide informatique et nouvelles technologies
Accueil Télécharger
Actualités Boutique
Dossiers Forum
Encyclopédie Annuaire
 Créer son site
 
Accueil / Sommaire
CSS : tutoriel complet
Javascript : tutoriel
Réferencement
Les images
Les tableaux
Créer son blog
Couleur Héxa
 Internet
Accueil / Sommaire
 Informatique
Accueil / Sommaire
 Photo numérique
Accueil / Sommaire
 Logiciels
Windows XP
Skype
Claris Home Page
FTP Expert
Filezilla
Cute FTP
WinZip
 Aide
Index du site
Plan du site
Dico Anglais / FR.
Vocabulaire info.
Glossaire
Tags HTML
Liste extensions
Vocabulaire SMS
 Partenaires
 

 Guide

 d'utilisation

  www.aidenet.com

Page 22 -


Insertion d'images


Principes de base

 

Les images incorporées dans vos pages, peuvent correspondre à un simple trait, des icônes, des photos noir ou couleur. Soit pour décorer, pour servir de lien ou pour aider à une démonstration.

Dans ce site je les utilise aussi bien pour étayer mes explications que parfois pour rompre un peu la monotonie d'une page de texte et ainsi pour ne pas donner l'impression qu'il s'agit d'un document scolaire de l'ancien temps.

Vous allez utiliser deux types d'images GIF et JPEG :

- Gif 89a, version de CompuServe en 1989 (le format gif87a datant de 1987) qui autorise le mode entrelacé, les images animées et limité à 256 couleurs.

- Jpeg, est une norme de compression supportant des taux élevés et dont le suffixe jpg correspond à l'image compressée suivant la norme Jpeg. Peut atteindre 16,7 millions de couleurs.

- PNG, nouveau standard mis au point en 1995 qui offre de nombreux avantages, mais dont le développement réduit pour l'instant fait que nous ne l'utiliserons pas.

Et n'oubliez jamais qu'une image pèse un "certain" poids" et, plus il est lourd plus le téléchargement est long ce qui incite souvent le visiteur à vous quitter rapidement.

 

fig.1 je m'appelle super.gif .

Mon CV : gif89a, 73x70 pixels, en 256 couleurs et je pèse 2,4 Ko.

 


 

 Si vous insérez une image PICT ou BMP, le logiciel la convertit automatiquement au format GIF.

Et le fichier de cette image convertie se retrouve stockée sur votre disque dur :

- ici vu que le bouton radio n°4 est sélectionné, lorsque vous appelez cette image pour la positionner sur la page (la procédure va être donnée plus loin), une fenêtre s'ouvre pour vous demander le nom que vous souhaitez lui donner et où vous désirez la stocker. (elle va être automatiquement complétée par le .gif )

(rappel : menu "Outils" sur PC et menu "Edition" sur Mac) 

fig.2 préférences, onglet images

 

- si par contre vous choisissez le bouton radio n°5, vous devez ensuite cliquer le bouton n° 6 qui ouvre une fenêtre de dialogue habituelle pour vous permettre de choisir l'endroit où vous souhaitez placer automatiquement cette image, et la sélection retenue va s'afficher dans le cadre n°8.

ici vous avez le Dossier Claris Home page qui a été sélectionné, mais vous pouvez aussi préférer envoyer vos images ainsi converties en gif vers le dossier qui vous sert de répertoire.

Si "Créer GIF entrelacées n°7" est coché ça concerne les fichiers d'images de format PICT ou BMP qui sont traités tels que décrit ci-dessus.

Une image entrelacée, s'affiche d'abord grossièrement ce qui permet d'en avoir un aperçu avant son affichage complet. Non perceptible pour des images légères mais très intéressant pour les images un peu lourdes, ce qui fait patienter le visiteur.

Dans le cas non entrelacée, l'image ne s'affiche que petit à petit et c'est pourquoi il est recommandé de mettre une légende en sous impression. (légende qui sert aussi pour le référencement par les robots).

Le bouton n°9 est un petit menu avec deux options présentées en n°10. Comme il s'agit d'application pour "Images à liens multiples", nous y reviendrons ultérieurement. 

 

Pour les boutons 1, 2 et 3 il n'y a rien d'exceptionnel à expliquer. Il suffit de placer le pointeur de la souris dessus chaque bouton pour lire les indications dans le cadre au dessus de OK. 

Attention : les gifs animés restent immobiles tant que vous ne les  visualisez pas sur votre navigateur, en local ou sur le Web.

 

 

<<< Sommaire CHP ......@...... Positionnement d'image- 2 >>>

"Créer sa page perso"

http://www.aidenet.com

DERNIERS MESSAGES DU FORUM
Je ne parviens pas à afficher les sites nécessitan... [A l'aide !]
Petit problème d'affichage à résoudre à partir d'u... [HTML / CSS / Javascript]
besoin d'aide sur une page de code merci [HTML / CSS / Javascript]
Petit problème d'affichage à résoudre à partir d'u... [HTML / CSS / Javascript]
Création d'un logo [Présentez-vous]
Probleme Presario S3190fr [PC bureau]
Aide Implémentation CSS - recherche partenaire [HTML / CSS / Javascript]
Internet explorer ne peut pas afficher page web [A l'aide !]
les liens de la page ne fonctionnent pas [Internet]
probleme de creation d une page web [Internet]
Trouver le mieux à vos pièces d'automobiles [Autre]
Problèmes avec Word: fichiers illisibles [Mac]
GIMP [Logiciels]
J'ai l'impression d'avoir fait ce qu'il fallait et... [HTML / CSS / Javascript]
image de bouton de fermeture on lue par IE [HTML / CSS / Javascript]
Tous les messages ici...
Toshiba Satellite A200-214
590 € Details
Apple iPhone
369 € Details
Airis PDA T620
195 € Details
 



Partenaires : Youpil |  DivertissonsNous |  Annuaire blog |  Live Messenger |  Logiciels photo |  Hébergeur d'images |  Meuble TV |  Videosduweb |  Blog Webmaster |  PSP |  Sorties cinéma Test QI - Test QI gratuit
Tous droits réservés © 1997-2008. www.aidenet.com