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

 

Créer
sa page perso

Images "vignettes"
ou "mignonettes" "miniatures"

Page - 11g www.aidenet.com

 

Généralités - Insertion et taille - Positionnement et texte - Encadrer avec texte - Image servant de lien - Sensitives MAP - Réduire poids - Se reflétant dans l'eau - Vignette lien vers grande image - Protéger les images de la copie

 

Pour présenter une ou des images grandeur nature, à partir de vignettes (mignonettes, miniatures)

Il existe alors possible d'afficher une image ou photo (ou plusieurs) de dimension réduite et en cliquant dessus, d'aller sur la page où se trouve l'original de grande dimension.

 

Voici un exemple :

  

ci-dessous j'ai supposons dix images réduites ou "vignettes" et j'en présente qu'une seule pour la circonstance, dont le format est de 110x108 pixels.

Maintenant il faut établir sur cette vignette un lien qui aura pour cible le fichier où se trouve la carte en grande dimension, de 461x498 pixels.

 

 vignette d'image    cliquez ici  ou sur l'image pour voir l'original
"Les régions de France"

 

Code dans BODY

<A HREF=" pageperso79a.htm "><IMG SRC="v203.gif" WIDTH=100 HEIGHT=108 border="0"></A>

avec ici la vignette "v203.gif" qui sert de support au lien qui va vous amener page suivante, où l'image s'appelle "v204.gif"

 

Deux possibilités de présentation de la vignette

- soit vous laissez le cadre du lien autour de la vignette, ce qui permet d'indiquer clairement au visiteur qu'il s'agit d'un lien.

- soit vous utilisez le tag border="0" et le cadre disparaît, mais le visiteur novice risque d'être perdu.

 

Vous pouvez à partir de cet exemple, présenter de la même manière et sur la même page plusieurs vignettes qui chacune va ouvrir une nouvelle page où se trouve l'image correspondante grandeur normale. Souvent utilisé pour les albums photos.

 

 

 

retour exemple MAP 

 

Sommaire Page perso

 

validateur HTML  validateur CSS
Google
 
DERNIERS MESSAGES DU FORUM
probleme creation d'un site [HTML / CSS / Javascript]
Probleme pour affichage de mon menu entre FF et IE [HTML / CSS / Javascript]
afficher masquer un div en javascript [HTML / CSS / Javascript]
extenxsion .exe sur mac [A l'aide !]
Création d'un site Web d'hébergement [HTML / CSS / Javascript]
menu [HTML / CSS / Javascript]
probleme [Internet]
Problème de reconnaissance de cartouches (impriman... [Péripheriques]
Plus de souris sur PC [Péripheriques]
sauvegarde win.vista [Portables]
Probleme site php [PHP / ASP]
Installation de webmin sur ubuntu pour serveur ded... [Linux]
choix [Appareils photos numériques]
ma cam est bloquée [Internet]
Je suis là! [Présentez-vous]
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
Tous droits réservés © 1997-2008. www.aidenet.com     Edité par FAPROD