Editor  »  Guide  »  Guida FrontPage 

Striscione pubblicitario



Spesso capita di dover inserire nelle pagine HTML delle immagini che si succedono a vicenda. Ad esempio possiamo aver bisogno di inserire un immagine contenente una scritta che, dopo alcuni secondi, viene sostituita con un'altra immagine.

Solitamente questo effetto viene realizzato servendosi delle GIF. Ci basta creare un animazione inserendo l'ipotetica immagine Alfa nel primo fotogramma e l'immagine Beta nel secondo.

Ma in questo caso abbiamo due limitazioni:

  • il formato delle immagini deve, ovviamente, essere il GIF e questo, come sappiamo, comporta una notevole limitazione della gradazione dei colori
  • inoltre la transazione tra la prima e la seconda immagine è istantanea e, effettivamente, poco gradevole.

Potremmo allora creare una transazione servendoci di copie alterate delle immagini Alfa e Beta ma questo aumenterebbe la "pesantezza" del file GIF.

Come risolvere allora questo problema in modo intelligente?
Con FP2000 e con l'uso del componente Striscione pubblicitario.
Sotto questo nome ci cela una semplice Applet Java che FP2000 installa nel sito e collega automaticamente alla nostra pagina. Dovremo solo impostare le opzioni dell'applet tramite la comoda finestra di controllo.

Accediamo alla finestra, aprendo il menu Inserisci, selezionando Componente e quindi Striscione pubblicitario, e passiamo ad esaminarne i comandi.

figura

Le caselle Larghezza ed Altezza ci permettono di impostare le dimensioni dello striscione pubblicitario. Impostiamo questi valori in base alle dimensioni delle immagini che inseriremo nello striscione.
E' bene tener presente che otterremo un effetto ottimale se le immagini che inseriremo avranno tutte le stesse dimensioni.

Nella caselle Effetto transizione possiamo scegliere quale effetto dovrà essere riprodotto nello scambiare le immagini.

Nella casella sottostante specifichiamo ogni quanti secondi deve avvenire il cambio di immagine.

La casella Collega a, ed il relativo tasto Sfoglia, ci permettono di creare un collegamento ipertestuale. Quando il visitatore fare clic sullo striscione verrà caricata la pagina da noi scelta.

Arriviamo quindi al pannello che ci permette di inserire le varie immagini (possiamo tranquillamente inserirne più di 2).

Il pulsante Aggiungi ci permetti di inserire un'immagine che potremo selezionare dal web corrente o dall'hard disk.

Il pulsante Rimuovi ci permette di eliminare un immagine dallo striscione.

I rimanenti pulsanti Sposta su e Sposta giù ci consentono di impostare l'ordine della sequenza di immagini.

Una volta terminata la configurazione premiamo Ok e carichiamo l'anteprima della pagina per vedere lo striscione che abbiamo creato.

Ultimi articoli Editor

Adobe Edge, la prima animazione HTML5

Come creare una animazione HTML5 con Adobe Edge, esempio completo

Adobe Edge, l'interfaccia

Esaminiamo pannelli e menu del tool gratuito di Adobe per la...

Trasformazioni XSLT in Dreamweaver 8

Primo sguardo agli strumenti XML: trasformare un feed RSS

Layout senza tabelle con Dreamweaver 8

Esaminiamo gli strumenti CSS avanzati del software di Adobe/Macromedia

Il nuovo Dreamweaver 8

Panoramica delle principali novità dell'ultima release del popolare...

Altri articoli

Guide Editor

Guida WebMatrix

Entrare nel mondo dello sviluppo di applicazioni Web con Webmatrix,...

Guida Notepad++

Un editor testuale che funziona perfettamente anche come editor HTML...

Guida Aptana

Creare siti Web o applicazioni con Aptana, l'editor open source,...

Altre guide

Newsletter @Daily HTML.it

Ogni mattina, dal lunedì al venerdì, le novità pubblicate su tutti i siti tecnici del network HTML.it: articoli, guide, notizie dal Web, blog e molto altro.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

27 Febbraio 2012 a Milano
Disponibilità: 7 Posti

Corso Webmaster base

12 Marzo 2012 a Milano
Disponibilità: 6 Posti

Corso Webmaster base

20 Febbraio 2012 a Roma
Disponibilità: 7 Posti

Corso Google AdWords Base

28 Marzo 2012 a Roma
Disponibilità: 7 Posti