Gli effetti di transizione di pagina sono delle istruzioni che vengono inserita nell'area head del listato HTML e che consentono la riproduzioni di piacevoli effetti grafici su tutta la pagina.
I quattro momenti in cui possono essere riprodotti gli effetti di transizione sono all'entrata nel sito, all'uscita dal sito, alla apertura della pagina ed all'uscita dalla pagina.
L'esperienza derivante dall'uso di questa tecnica ci permetterà presto di
calibrare la giusta dose di effetti di transizione da usare. Ci renderemo conto, infatti,
che applicare un effetto ad ogni pagina del sito renderà estremamente lenta (ed
in breve persino fastidiosa) la navigazione.
Questo rimane comunque un consiglio che non deve limitare in nessun modo la
fantasia e la liberta creativa di un webmaster
Ovviamente FP2000 scrive automaticamente il listato HTML mentre noi possiamo indicare il tipo di effetto che vogliamo realizzare tramite la voce transizione pagine presente nel menu Formato (ovviamente deve essere stata aperta la pagina che conterrà l'effetto).
Passiamo, quindi, ad esaminare la finestra che abbiamo appena aperto.

Il menu Evento ci permette di selezionare uno dei quattro momenti in cui si verificherà l'effetto.
Specifichiamo quindi la durata dell'effetto nell'apposita casella e scegliamo l'effetto desiderato.
Sarebbe inutile descrivere in questa sede tutti gli effetti selezionabili. Il consiglio è quello di sperimentare le varie combinazioni ed imparare così a conoscere questo strumento.
Nota: in fase di anteprima è bene fare attenzione a far verificare l'evento
selezionato altrimenti l'effetto di transizione non avrà luogo.
Se, ad esempio, applichiamo l'effetto Compressione di 3 secondi
all'Apertura della pagina non riusciremo a visualizzare l'effetto
semplicemente caricando la pagina in anteprima nel browser predefinito. Per
visualizzare la transizione sarà necessario caricare una terza pagina nel
browser e da questa caricare, successivamente, la pagina che contiene l'effetto.
Il procedimento è analogo per gli altri casi.
Adobe Edge, la prima animazione HTML5Come creare una animazione HTML5 con Adobe Edge, esempio completo |
Adobe Edge, l'interfacciaEsaminiamo pannelli e menu del tool gratuito di Adobe per la... |
Trasformazioni XSLT in Dreamweaver 8Primo sguardo agli strumenti XML: trasformare un feed RSS |
Layout senza tabelle con Dreamweaver 8Esaminiamo gli strumenti CSS avanzati del software di Adobe/Macromedia |
Il nuovo Dreamweaver 8Panoramica delle principali novità dell'ultima release del popolare... |
Guida WebMatrixEntrare nel mondo dello sviluppo di applicazioni Web con Webmatrix,... |
Guida Notepad++Un editor testuale che funziona perfettamente anche come editor HTML... |
Guida AptanaCreare siti Web o applicazioni con Aptana, l'editor open source,... |
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
|
|
Corso Google AdWords Base27 Febbraio 2012 a Milano |
|
|
Corso Webmaster base12 Marzo 2012 a Milano |
|
|
Corso Webmaster base20 Febbraio 2012 a Roma |
|
|
Corso Google AdWords Base28 Marzo 2012 a Roma |