Editor  »  Guide  »  Guida Dreamweaver Mx 

Abbiamo visto, nel capitolo sui link, come una pagina HTML, per mezzo dei collegamenti ipertestuali, può acquisire una “profondita” logica, richiamando con i link altri documenti ad essa collegati.

Abbiamo poi visto come è possibile inserire la terza dimensione in una pagina HTML, per mezzo dello z-index dei layer che determina la profondità spaziale di questo elemento.

Vediamo ora come sia possibile inserire in un documento HTML la quarta dimensione, ovvero quella temporale.

Avvertenza: le animazioni della Timeline funzionano solo con i browser della quarta generazione e superiori.

Anche per lo svolgimento nel tempo di azioni all’interno di una pagina web si fa ricorso ai layer.

Per creare un’animazione temporale dei layer si fa ricorso alla Timeline. Timelines è un pannello visualizzabile dal menu:
Window >> Others >> Timelines

Dreamweaver rappresenta un’animazione temporale suddividendo l’azione in fotogrammi che si svolgono ad una determinata velocità in termini di fotogrammi per secondo. Un concetto abbastanza simile a quello della pellicole e dei fotogrammi dei film, che viene sfruttato anche dai software Flash e Director.

Dall’alto a sinistra troviamo il menù a discesa delle timeline, i pulsanti rewind, indietro ed avanti di un frame, tra i pulsanti indietro ed avanti il campo che fa visualizzare in quale frame si trova la testina di riproduzione. Nel campo Fps è indicato il numero di fotogrammi per secondo dell’animazione. Dreamweaver, per impostazione predefinita, da all’animazione una velocità di 15 fotogrammi per secondo, modificabile dal campo Fps. Le caselle Autoplay e Loop servono, rispettivamente, per eseguire automaticamente un’animazione al caricamento della pagina e per eseguire un’animazione all’infinito. Sotto questo gruppo di controlli si trova il canale dei Behaviors, da questo canale è possibile attivare dei behavior a partire da un certo frame. Sotto il canale dei Behaviors si trova la linea per contare i frame, dove si visualizza la testina di riproduzione, che indica su quale frame si trova l’animazione. Infine sotto troviamo i canali delle animazioni. Ogni oggetto utilizza un suo canale di animazione ed è possibile avere più animazioni ognuna con un suo canale all’interno della stessa timeline.

Gli altri controlli della Timeline li troviamo nel menù:
Modify >> Timeline

Questi controlli sono accessibili anche dal menù contestuale o dal menù a comparsa sulla destra del pannello Timelines.

Infine dal pannello Behaviors alla voce Timeline, possiamo attivare altri controlli.

Altri articoli

Altre guide

Altre newsletter