Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 21 di 81
  • livello principiante
Indice lezioni

Gli effetti DHTML

Animiamo gli oggetti della nostra pagina HTML in pochi clic
Animiamo gli oggetti della nostra pagina HTML in pochi clic
Link copiato negli appunti

Come accennato nell'introduzione l'HTML Dinamico (DHTML) permette di creare
una serie di animazioni e di effetti grafici all'interno di una normale pagina
HTML.

Purtroppo il vero problema del DHTML è la grave incompatibilità tra i due
maggiori browser attualmente in commercio: Microsoft Internet Explorer e
Netscape Navigator.

FP2000 offre un intera barra degli strumenti che permette di inserire
istruzioni DHTML compatibili con entrambi i browser.

Iniziamo con l'attivare la barra selezionando aprendo il menu Visualizza selezionando

Barre degli strumenti
e poi Effetti DHTML.

Passiamo ora ad analizzare il funzionamento della barra.

figura

Prima di
iniziare selezioniamo l'oggetto al quale vogliamo applicare un effetto DHTML. A
questo punto selezioniamo una voce dal menu riprodotto in figura.

  • Clic: permette di attivare l'effetto quando il visitatore del sito farà
    clic sull'oggetto
  • Doppio clic: analogo al precedente ma l'effetto verrà riprodotto in
    risposta ad un doppio clic del visitatore
  • Passaggio del mouse: in questo caso l'effetto verrà riprodotto quando il
    visitatore posizionerà il mouse sull'oggetto
  • Caricamento pagina: selezionando questa voce l'effetto verrà riprodotto
    immediatamente al caricamento della pagina
figura

Una volta
deciso il momento in cui dovrà essere riprodotto l'effetto si attiverà il
menu Applica. Possiamo usarlo per scegliere il tipo di effetto da
applicare (le voci di questo menu variano in funzione della scelta
effettuata nel  menu precedente).

figura

Il
terzo menu ci permette di definire le opzioni dell'effetto che abbiamo scelto
(ad esempio se abbiamo scelto l'effetto A entrata in questa area possiamo
definire da quale lato dello schermo deve entrare l'oggetto).
Con la scelta effettuata in questo menu si conclude la definizione dell'animazione
DHTML che abbiamo scelto. A questo punto FP2000 scriverà automaticamente il
codice all'interno della pagina HTML.

figura

Una
volta impostato l'effetto possiamo eliminarlo semplicemente selezionando
l'oggetto e premendo il pulsante Rimuovi effetto.

figura

La
funzione dell'ultimo pulsante della barra è molto utile. Premendolo, infatti,
verranno colorate di celeste tutte le aree della pagina HTML che contengono
effetti DHTML.


Ti consigliamo anche