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


Image MAP

 

Image réactive (fin)

Exemple d'image interactive :

 fig.1

Vous pouvez en cliquant sur chacune des deux zones de l'image (tête et ventre) vous rendre soit à la page d'accueil, soit à la page 05 . Vous trouvez en bas de page pour vous faciliter le retour un bouton qui vous ramène ici-même.

Le cadre bleu est signe de lien mais vous avez possibilité de l'enlever comme expliqué ci-après.

 

Suppression de la bordure d'un lien sur image.

 

  fig.2 suppression bordure d'une image

 

Vous retrouvez ici la fenêtre maintenant bien connue, que vous ouvrez en  cliquant le bouton n°9 de la barre d'outils "Editeur d'objet".

La zone n°6 est vide et peut des fois contenir le chiffre 1 par défaut.

Pour l'image qui apparaît dans la fig.1 du haut de cette page, le cadre bleu indique à priori que cet image est un lien hypertexte. Vous auriez pu aussi bien en épaissir le trait en entrant une valeur de 8 par exemple, ci-dessous à droite.

 

fig.3

Image servant de lien hypertexte avec bordure par défaut = 1

La même image avec bordure 0 (zéro) et, avec transparence.

P

 

NOTA : Si vous déroulez le menu n°7 "Alignement" vous disposez des options : haut, centre, bas, aligné droite; aligné gauche.

Sélectionnez votre image et le point d'insertion de votre pointeur vient se placer dans le cas de la figure 2 de cette page, en bas à gauche comme indiqué dans la zone n°7. Une fois votre texte frappé (et naturellement fonction de sa longueur et de la taille de l'image, vous pouvez agir alors suivant vos besoins. Pour ma part j'ai choisi "haut". Si votre texte est trop long il s'affichera au dessus de votre image.
(cette opération n'est pas valable pour les tableaux)


 

Voici pour l'essentiel, les manipulations possibles avec les images et n'oubliez pas que l'utilisation des images animées doit rester limitée (comme les bandeaux défilants) car tous les visiteurs n'apprécient pas, et s'il y en a trop il arrive que leur attention est souvent perturbée au point qu'ils oublient souvent de consulter l'essentiel du contenu ou tout simplement s'en vont.

 

Pour les images MAP, leur abus peut conduire à gêner aussi votre visiteur, soit il pense que chaque image est réactive et promène le pointeur de sa souris au hasard sans se soucier du contenu de votre Site, soit il ignore qu'il en existe et il passeà coté dune page que vous aviez justement l'intention de lui offrir.

 

 

<<< Sommaire CHP ......@...... Images converties >>>

"Créer sa page perso"

http://www.aidenet.com

DERNIERS MESSAGES DU FORUM
Mes codes Gmail [Autre]
CCD format [Etudes et travail]
Pour les questions liées à la sécurité informatique [A l'aide !]
problème avec windows xP [Portables]
feuilles de css alternatives [HTML / CSS / Javascript]
probleme de compatibilité entre IE et Firefox, voi... [HTML / CSS / Javascript]
[Qt]etablir la liaison avec ma base de données via odbc [C / C++ / .Net]
au secour [Autre]
Choix de l'objectif sur boitier reflex numerique [Appareils photos numériques]
changer la feuille de style [HTML / CSS / Javascript]
Page perso pb affichage [Free]
FTP (dos) Syntaxe pour un nom de repertoire avec u... [Autre]
index.htm [Autre]
Passge au Valideur CSS [HTML / CSS / Javascript]
connecter delphi à oracle [Delphi / Pascal]
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