Editor  »  Articoli  »  Dreamweaver 

Prima di iniziare: Scarica l'estensione «Banner Image Builder».

In questo articolo impareremo ad usare Dreamweaver per creare velocemente un banner animato per il nostro sito web. L'animazione si baserà su una serie di immagini (che dovremo selezionare durante la procedura) e che poi verranno proiettate in sequenza. Inoltre potremo associare ad ogni immagine un proprio link: questo approccio sarà particolarmente utile per la gestione di diversi banner pubblicitari che questa estensione proietterà in sequenza (ecco un esempio).

Prima di iniziare è necessario scaricare ed installarel'estensione Banner Image Builder che è compatibile con Dreamweaver 3 e versioni successive (per chi non sapesse come procedere può trovare in questo articolo le istruzioni per scaricare ed installare l'estensione).

Una volta abilitata l'estensione chiudiamo l'Extension Manager e lanciamo Dreamweaver.

Aprendo il menu Comandi noteremo che è stata aggiunta la voce Banner Image Builder.

Cliccando su di essa verrà lanciata l'interfaccia dell'estensione.

Lo schema è molto semplice. Abbiamo 10 righe ognuna composta di 2 campi: Banner Image ed URL.

Nella casella di sinistra (Banner Image) va inserito l'indirizzo in cui si trova l'immagine che deve essere mostrata, più comodamente possiamo servici del pulsante Browse per selezionare l'immagine desiderata.

Inoltre nella cella di sinistra va inserito l'indirizzo (opzionale) verso il quale deve essere indirizzato il visitatore quando clicca su quella determinata immagine.

Ricordiamo che è possibile associare un differente indirizzo per ogni immagine.

Il menu in basso a sinistra permette di stabilire dove verrà caricata la nuova pagina html (o il file che abbiamo associato all'immagine) quando il visitatore avrà cliccato sull'immagine proiettata:

• Target: se il nostro sito è diviso in frame possiamo selezionare Target e quindi inserire (nella casella accanto) il nome del frame in cui dovrà essere caricata la nuova pagina.
• New Window: indica che la pagina verrà caricata in una nuova finestra
• Main Window: in questo caso la pagina verrà caricata nella finestra principale
• This Windows: infine in questo caso la pagina verrà caricata nella finestra corrente

Nella casella in basso a destra, invece, possiamo indicare quanti secondi di intervallo devono intercorrere tra un'immagine e la successiva.

Altri articoli

Altre guide

Altre newsletter