APPLICAZIONE DI UN COMPORTAMENTO A UN'IMMAGINE E TESTO CREAZIONE GALLERIA IMMAGINI

Transcript

1 dispense APPLICAZIONE DI UN COMPORTAMENTO A UN'IMMAGINE E TESTO CREAZIONE GALLERIA IMMAGINI Attributo target / destinazione L'attributo target specifica dove deve essere aperta la pagina collegata. _top Carica la pagina collegata nella prima finestra di un set di frame. _main principale Carica la pagina collegata nella (seconda, terza etc dipende dall impostazione) finestra di un set di frame main. _blank Apre la pagina collegata in una nuova finestra del browser. _self Carica la pagina collegata nella stessa finestra del browser. Questa è l'opzione predefinita. Se si trova in un frame o set di frame, la pagina viene caricata al suo interno. _parent Carica il documento collegato nel set di frame principale diretto del documento. APPLICAZIONE DI UN COMPORTAMENTO A UN'IMMAGINE E TESTO Precarica immagini Carica nella cache del browser le immagini che non appaiono immediatamente sulla pagina Scambia immagine Sostituisce un'immagine a un'altra, modificando l'attributo del tag-img. Questa azione può essere utilizzata per creare oggetti rollover e altri effetti visivi (compreso lo scambio di più immagini alla volta) Ripristino immagini scambiate Ripristina i file di origine precedenti dell'ultima serie di immagini scambiate. Poiché questa azione viene aggiunta automaticamente come impostazione predefinita quando applicate l'azione Scambia immagine, non è necessario selezionarla manualmente. Applicare il comportamento Cambia proprietà Il comportamento Cambia proprietà consente di modificare il valore di una delle proprietà di un oggetto, come il colore di sfondo di un div o l'azione associata a un modulo. es 1 Selezionate un oggetto e scegliete Cambia proprietà dal menu Aggiungi comportamento del pannello Comportamenti. 2 Nel menu Tipo di elemento, selezionate il tipo di elementi da visualizzare. 3 Selezionate un elemento dal menu ID elemento. 4 Selezionate una proprietà dall'apposito menu o inserite il nome della proprietà nella casella. 5 Inserite il nuovo valore della nuova proprietà nella casella di testo Nuovo valore. 6 Fate clic su OK e verificate che l'evento predefinito sia corretto.

2 Applicare il comportamento Controlla browser Questo comportamento è stato dichiarato obsoleto a partire da Dreamweaver CS5. Applicare il comportamento Controlla plugin Il comportamento Controlla plugin consente di rimandare i visitatori a pagine differenti a seconda che abbiano installato o meno il plugin specificato. Applicare il comportamento Precarica immagini Il comportamento Precarica immagini riduce la durata di visualizzazione memorizzando nella cache le immagini che non vengono mostrate immediatamente quando viene visualizzata la pagina 1 Selezionate un oggetto e scegliete Precarica immagini dal menu Aggiungi comportamento del pannello Comportamenti. 2 Inserite il percorso e il nome del file di immagine nella casella File di origine immagine, oppure fate clic su Sfoglia e selezionate un file di immagine. 3 Fate clic sul pulsante più (+) situato nella parte superiore della finestra di dialogo per aggiungere l'immagine all'elenco Precarica immagini. 4 Per aggiungere altre immagini all'elenco Precarica immagini, ripetete i passaggi 2 e 3. 5 Per eliminare un'immagine dall'elenco Precarica immagini, selezionatela e fate clic sul pulsante meno ( ). 6 Fate clic su OK e verificate che l'evento predefinito sia corretto. Applicare il comportamento Imposta testo del frame Il comportamento Imposta testo del frame consente di sostituire il contenuto e la formattazione di un frame con il contenuto desiderato. Tale contenuto può essere costituito da qualunque codice HTML valido. Applicazione di supporto Un'applicazione che gestisce un determinato protocollo o tipo di archivio. Ad esempio, se si imposta il plug-in Apple QuickTime come applicazione di supporto dei filmati QuickTime, è possibile visualizzare questi filmati in Microsoft Internet Explorer. Frame Porzione rettangolare di una pagina Web costituita da un documento HTML a parte. Le pagine Web possono avere diversi frame, ciascuno con le stesse funzioni di una pagina senza frame, come lo scorrimento e il collegamento ad altri frame o pagine. TAG è una parola chiave o un termine associato a un'informazione (un'immagine, una mappa geografica, un post, un video clip...), che descrive l'oggetto rendendo possibile la classificazione e la ricerca di informazioni basata su Parole chiave Titolo- Parole chiave Descrizione -Meta tag Deve essere sufficientemente descrittivo ed accattivante per convincere il navigatore a cliccare sul link.

3 CREARE UNA GALLERIA IMMAGINI Creare precedentemente: immagine con formato galleria - immagini formato icone Inserisci è Tabella unire una riga della colonna

4 inserisci i è immagine inserire immagine grande e icone nella tabella ed eventuali proprietà tabella è salvare il file es:galleriamantegna.html poi visualizzare con Safari

5 CREARE ID Selezionare cliccando sopra l immagine grande ed aggiungere nelle proprietà ID main Selezionare cliccando sopra l immagine icona ed aggiungere nelle proprietà ID t1 Ripetere assegnando ad ogni immagine icona presente nel vostro layout assegnando ID t1 t2 t3 etc è Dopo aver assegnato ID Salvare

6 Selezionare immagine icona t1 Finestra di ispezione Tag è Comportamenti è Scambia Immagine levare spunta a rispristina immagini

7 selezionare immagine main (che corrisponde all immagine grande) scegliere immagine grande (main è sempre quella grande) nella Finestra di ispezione Tag è Comportamenti è Scambia Immagine

8 Impostare comportamento Ripetere comportamento anche per le altre immagini icona Salvare e visualizzare con Safari o Firefox