CREARE UN'AREA SENSIBILE CON DREAMWEAVER 1/2

In questo tutorial impareremo come realizzare con Dreamweaver un'area cliccabile all'interno di un'immagine e ad impostare una descrizione che appare quando si passa col mouse su di essa.

Questa tecnica può essere utilizzata per creare dei menu a partire da un'immagine, per creare mappe ed immagini interattive e con un po' di immaginazione può dar vita a numerosi effetti.

Vediamo il risultato finale:

1- Aprire l'immagine
Inserisci l'immagine nella tua pagina web Inserisci>Immagine (CTRL+ALT+I)
Puoi usare una tua immagine oppure fare copia incolla di quella qui sopra.

2- Creare l'area sensibile
Se il Pannello Proprietà non è completamente visibile, ingrandiscilo premendo il pulsantino triangolare nell'angolo in basso a destra del pannello.

Seleziona l'immagine, qundi nel pannello proprietà clicca sullo Strumento Punto Attivo Rettangolare che è ora visibile, quindi trascina un rettangolo fino a coprire la scritta "Enter"

Per indicare che l'area sensibile è stata generata, Dreamweaver cra un'area semitrasparente azzurrina.
Quest'area sarà invisibile agli occhi del navigatore.

3- Personalizzare l'area con un collegamento
A questo punto dal pannello Proprietà possiamo impostare un collegamento ipertestuale e il target di destinazione ( _self stessa finestra, _blank nuova pagina etc...).

Una volta terminato riattiva lo Strumento Freccia/Puntatore.

Ripeti queste operazioni per inserire altre aree sensibili all'interno dell'immagine.

Vai alla seconda parte del tutorial

Segnala un errore