Come creare i PULSANTI ANIMATI

con Front Page 2000

Cosa serve:

• Front Page 2000

• Un programma di disegno come Paint Shop Pro o PhotoShop...o ......

• Tempo libero

Fase 1:

Prima di tutto bisogna creare con il programma di disegno 2 immagini "simili" come queste, le chiamiamo 1.gif e 2.gif e le mettiamo nella stessa directory della pagina HTML:

(1) e (2)

Cambiando solo il colore della scritta o lo sfondo o quello che volete (nell'esempio io ho cambiato solo il colore)! La (1) sarà l'immagine che costituirà il link, la (2) la sua "animazione". In pratica la (1) verrà visualizzata normalmente sulla vostra pagina mentre la (2) si sostituirà alla (1) quando passerete il mouse sul link...

Fase 2:

Come facciamo a creare l'effetto sostituzione?? Semplice!! Entriamo in FP 2000 (front page 2000) e creiamo una nuova pagina... dopodiché premiamo su Inserisci > Immagine > Da file...  e selezioniamo l'immagine 1.gif (creata in precedenza), la posizioniamo dove vogliamo noi e poi la selezioniamo col mouse cliccandoci sopra. Poi (con l'immagine selezionata) premiamo su Formato > Effetti DHTML, ci comparirà una barra con vari menu a scorrimento... come questa:

A questo punto selezionate le voci come nell'immagine e sotto <Selez. le impostazioni> cliccate su Seleziona immagine e scegliete l'immagine 2.gif... dopodiché salvate la pagina e vedete l'effetto... dovrebbe essere tipo questo...

PROVA

PS: Quando salvate la pagina lo script DHTL crea un JavaScript nella directory della pagina, quello script può tranquillamente essere cancellato senza alcun effetto "collaterale" sul pulsante animato, in pratica se lo cancellate il pulsante si animerà lo stesso...