Poser une question

Re: liens sous dreamweaver

Salut,

Avant tout sache que ce n'est pas une très bonne idée, tu devrais effectivement découper l'image. Ça peut aller jusqu'à une combinaison de fond de page, fond de table ou d'élément, d'images découté et de bouton image.

Tout ça pour une seule idée, diminuer le poid des images, permettre l'affichage en premier et rapidement de certaines images par rapport à d'autre.

Le meilleurs exemple est une image "gif" qui est faite à partir d'un "index" de 256 couleurs. Imagine une image de 600x600 pixels. Que c'est une mur d'une seule couleur avec tout en haut à gauche un tableau de Dali de 100x100px. Et l'image au complet devra trainer 256 couleurs avec elle.

Imagine maintenant que je découpe de l'image le tableau de Dali, j,obtient donc une image 100x100 à 256 couleur et une autre (fort probeblement découpée en 2 ou 3 images) de 2 couleurs (et oui, par défaut il y a toujours une couleur, le blanc je pense). Tu vient probablement de baisser d,un bon 50k ton image!

Imagine maintenant que le mur à des moullure (des plaintes) que je découpe aussi, mais au lieu d'avoir une grosse image d'une couleur j'utilise le HTML pour collorer le fond d'une tableau HTML de la couleur du Mur. Je vien non seulement de baisser considérablement le poid de la construction mia sle fond de couleur s'affichera très rapidement.

Et ainsi de suite, le découpage et l'amalgame de plusieurs technique est pour ces raisons conseillé.

MAIS, MAIS, l'important est de faire passer le message! Alors dans ton cas, sur ton image de fond, tu peux placer image transparente (et mettre les dimensions que tu veux) pour ainsi créer une image "map".

<!-- Exemple -->
<img src="spacer.gif" width="600" height="600" usemap="#monMenuMap" border="0"><map name="monMenuMap"><area shape="rect" coords="332,153,446,189" href="lien1.htm" alt="mon lien 1" title="mon lien 1"><area shape="rect" coords="196,288,323,333" href="lien2.htm" alt="Mon lien 2" title="Mon lien 2"></map>

L'incovénient est que tu ne pourra rein placer au dessus de tout ça, rien à part le DHTML mais là c'est une autre histoire.

Voici une image transparente (http://www.trucsweb.com/images/spacer.gif). L'image ne se voie pas mais elle est là, en haut à gauche. Sélectionne ou glisse la sourris sur la page vers le coin, tu verra un carré de 20x20 pixel à sauver.

Il semblerait qu'il vaille mieux utiliser un multiple de 16 (hexadécimal). Donc le "spacer" idéale devrait faire 32x32... m'enfin!

Ciao
Oznog

Réponses

Aucune réponse à ce message...