Mapes d'Imatges

Amb el codi html, es pot fer també que una zona d'una imatge, ens condueixi a una determinada pàgina. És a dir, crea un vincle o enllaç.

El Dreamweaver, simplifica molt el procés i resulta molt més fàcil. Inserim una imatge qualsevol, la seleccionem i en el Inspector de Propietats, Clic, en ell:

1

2

Podrem utilitzar qualsevol d'ells, Rectangular, creés una zona rectangular, Oval, ovalada o circular i poligonal, podrem prement sobre la zona que desitgem fer-irregular (és semblant als vectors del PSP) I va quedant seleccionat per una 'ombra' blavosa:

3

Així fins, en el meu cas tot el camí:

4

En l'inspector de Propietats veiem:

5

1 º Map: És el nom del mapa i es refereix a la imatge sencera, i sempre ha de tenir-lo. Si en un mateix document, creem diversos mapes, (enllaços a diferents imatges) cada un ha de tenir un nom diferent de l'altre. Per exemple, Map, Map1, Map2 etc ..

2 º Vincle: Hem de substituir el signe 'Coixinet' per un enllaç, pot ser extern o podríem vincular-lo a una imatge, o document que tinguem en el Bloc. Jo la enllaç al Google, a Imatges de Camins, així doncs, prement en el camí haureu arribar allà.

3 º A: en general, i si és un enllaç que no és del nostre lloc, el posarem blank, és a dir que s'obri en una finestra nova. No ens interessa que a través de l'enllaç, es vagin a una altra web, perdent la nostra. No?

4 º Text Alternatiu: Una definició del que és l'enllaç. En el Mozilla, no es veu, però ho requereix el test de les 3w. En l'IE si es pot veure aquest text.

6

Crec altra zona en els arbres

7

Exemple aquí

(Prémer en el camí per trobar camins, als arbres per trobar arbres, a la pàgina d'exemple)

En una altra imatge, marqui les fulles primer i després les flors:

8

9

I observem que el mapa ara canvi de nom ;) enllaç a Google, Imatges Fulles.

I les flors També a Imatges Flors.

Veure exemple

Be, avui no tinc imaginació per a res més chiquis. Aquest és el procés, la resta és igual i com vaig dir abans a una imatge del lloc, un document, fins i tot un arxiu zip. Facilito no?? per fi alguna cosa que no ens posa dels nervis ;)

Respondre