SLIDE SHOW Sommario SLIDE SHOW...1

Transcript

1 Pagina 1 Sommario...1 Apertura...3 Inserimento di uno Slide Show sulla pagina...5 Nuovo Slide Show...6 Eliminazione di uno slide show...7 Protezione dall'eliminazione...8 Proprietà di uno Slide Show...9 Copia delle proprietà di uno Slide Show...10 Immagini di uno Slide Show...11 Modifica e cancellazione di immagini...11 Nuove Immagini...12 Tipi di Slide Show disponibili...13 Slide Show...13 Slide Show Tigra...13 ShowCase...13 Jquery...14 SmoothGallery...14 Elastic Image Slideshow...14 Mootools...15 Tendina...15 Gallerie d'immagini...16 Pretty Photo...16 Lightbox...17 Fancybox...18 Menu...19 Menu soffietto Accordion...19 Menu a scorrimento Jcarousel...19 A scorrimento Jcarousel PRO...20 Multimedia - Filmati e suoni...21 Suono...21 Suoni e/o filmati...21 Oggetto Multimediale...22 Flimati Flash Video...23 Finestre e banner...24 Finestra Popup all'apertura della pagina...24 Banner Cookie Law...25 Altro...27 Panorama...27 Anteprima immagine...27 XTOTEM FREESTYLE Revisione 11.01

2 Pagina 2 Effetto lente...27 Testo scorrevole...28 Ricciolo...28 Libro con pagine da sfogliare...29 Visualizzatore di Pagina...30 Visualizza documenti PDF...31

3 Pagina 3 Apertura Cliccare su Gli Slide Show sono una raccolta di programmi open-source reperiti sul WEB per la presentazione di oggetti multimediali. Per la loro complessità l'utilizzo è generalmente riservato a esperti programmatori; XTOTEM ha trasformato le attività di programmazione in una semplice scelta di parametri che chiunque può svolgere. XTOTEM le programma per voi. Data la complessità di queste operazioni è possibile che: Più slide show sulla stessa pagina entrino in conflitto fra loro Il loro comportamento sia diverso da browser a browser Si raccomanda pertanto di provare attentamente le pagine con diversi browser. Nel programma sono definiti Slide Show indifferentemente diversi tipi di presentazioni multimediali. Cliccando su è presentato l'elenco degli Slide Show disponibili. La sezione di destra riporta una descrizione dei vari slide show. I pulsanti descrizioni aprono una finestra con alcuni esempi: posti a destra delle

4 In alcuni casi sono disponibili più esempi, cliccare su su per chiudere gli esempi. Pagina 4 per vederli. Cliccare

5 Pagina 5 Inserimento di uno Slide Show sulla pagina Per poter essere visualizzati sulla pagina gli Slide Show devono essere prima preparati con l'apposito comando. Fa eccezione il visualizzatore di documenti PDF che è sempre disponibile per qualunque documento PDF caricato sul sistema.dopo averlo creato (ad eccezione del visualizzatore PDF) aprire l'editor di PAGINA: Cliccare su PULSANTI E PAGINE sulla pagina da modificare. Posizionare il puntaore del mouse nel punto desiderato e cliccare su, si apre: Scegliere lo Slide Show da inserire e cliccare su OK. Sulla pagina è inserito un comando simile a: {SLS 1 BART POPUP} che, salvo diversa indicazione, non occorre modificare.

6 Pagina 6 Nuovo Slide Show Cliccare su. E' presentato l'elenco degli Slide Show disponibili divisi per Categoria. La finestra principale si presenta così: (continua)

7 Pagina 7 Compilare: Identificativo: Scrivere un nome diverso da quelli elencati sulla destra Descrizione: Indicazione libera (non influenza l'elaborazione) Tipo: Scegliere fra Slide Show Procedere con la modifica descritta qui di seguito Cliccare su in corrispondenza del tipo di slide show per vederne alcuni esempi (per la descrizione vedere il paragrafo precedente). Eliminazione di uno slide show Nella colonna di sinistra cliccare su Compare un messaggio di conferma Cliccare su OK per confermare in corrispondenza dello Slide Show da eliminare

8 Pagina 8 Protezione dall'eliminazione Molti Slide Show possono essere protetti da cancellazioni accidentali. Cliccare su in corrispondenza dello Slide Show da proteggere (o sproteggere) Si apre una finestra nella quele definire, fra le altre cose, l'eventuale protezione Nel menu a tendina comparirà il pulsante agire come descritto qui sopra. invece del classico. Per togliere la protezione

9 Pagina 9 Proprietà di uno Slide Show Cliccare su in corrispondenza dello Slide Show da modificare E' presentata la finestra con le Proprietà dello Slide Show, che cambia in base al tipo di Show Per modificare il tipo di Slide Show premere parametri dello Slide Show. Per aggiungere o modificare la immagini che compongono lo Show cliccare su oppure su paragrafo seguente., occorre rivedere tutti i nella colonna di sinistra. La procedura è descritta nel

10 Pagina 10 Copia delle proprietà di uno Slide Show Questa funzione permette di copiare le proprietà di uno Slide Show un altro. Se i tipi di Show sono diversi, è modificato anche il Tipo. Si possono anche accodare alle attuali immagini quelle dello Show DA copiare. Cliccando su Selezionare nella colonna di sinistra lo Show da copiare Scegliere nella colonna centrale come trattare eventuali immagini che fanno parte dllo Show Scegliere nella colonna di destra dove copiare le proprietà Osservare la parte bassa dello schermo, quindi cliccare su Ok per confermare. Le vecchie Proprietà sono sostituite dalle nuove e non sono più recuperabili. nel menu superiore si presenta: E' sempre consigliabile aprire e salvare lo Show modificato.

11 Pagina 11 Immagini di uno Slide Show NOTA: Tutte le immagini devono essere preventivamente trasferite nel programma come descritto nel capitolo Foto e contributi. Modifica e cancellazione di immagini La maggior parte degli Slide Show usa la seguente procedure. Cliccare su in corrispondenza dello Slide Show da modificare E' presentata la finestra con l'elenco delle immagini e per ognina sono presentati alcuni dati che cambiano in base al tipo di Show (quello illustrato è il più complesso): Modificare i dati: Immagine: scegliere l'immagine da visualizzare Titolo Didascalia Link a pagina del sito: se previsto scegliere la pagina da visualizzare dopo

12 Pagina 12 aver cliccato sull'immagine OPPURE Link a sito esterno: nella forma Apre il link: scegliere se nella stessa finestra o in un'altra finestra del browser Frase o icona per il collegamento: Frase cliccata la quale si ottiene il collegamento Scegliere se usare la frase o un'icona Allineamento dell'icona Selezionare le immagini da rimuovere prestando attenzione alla colonna nella quale metter la spunta, quella rossa elimina anche l'immagine dal sito e non sarà più recuperabile, quella gialla la rimuove solo dallo slide show Al termine premere Ok E' presentata una finestra di conferma Nuove Immagini Cliccare su. Si apre una finestra simile a questa: Selezionare tutte le immagini da aggiungere (tenere premuto il tasto Ctrl e cliccare su tutte le immagini desiderate) e cliccare su, quindi su Ok. Nella finestra successiva effettuare eventuali modifiche e cliccare su Ok.

13 Pagina 13 Tipi di Slide Show disponibili Alcuni Show permettono di inserire un titolo e una didascalia, un Link a pagine del sito o a siti esterni e l'indicazione se aprirli nella stessa finestra o in una nuova finestra (Target). Gli Slide Show attualmente disponibili sono: Slide Show Immagini in movimento. Slide Show Tigra Semplice presentazione di immagini in dissolvenza. Immagini che cambiano automaticamente dopo un tempo stabilito. E' lo Slide Show più semplice che si presta per sostituire animazioni Flash nelle testate. E' possibile inserire più slide show di questo tipo sulla stessa pagina. ShowCase Presentazione di immagini in dissolvenza o scorrimento, manuale o automatica. Ha la possibilità di visualizzare le miniature. Permette l'inserimento di filmati Flash Video. E' uno degli Slide Show più completo, permette infatti diverse visualizzazioni: immagini oppure testo didascalie miniature poste a destra, sinistra, alto o basso miniature diverse dall'immagine didascalie sulle miniature testo al posto delle miniature collegamenti cliccando sull'immagine collegamenti scliccandi su icone nella didascalia

14 Pagina 14 Jquery Immagini che cambiano automaticamente dopo un tempo stabilito, possono avere una didascalia. E' possibile inserire più slide show di questo tipo sulla stessa pagina. SmoothGallery Slide show con numerose possibilità di personalizzazione. Immagini che cambiano automaticamente dopo un tempo stabilito, possono avere una didascalia. Elastic Image Slideshow Accattivante Slide Show con immagini che cambiano in dissolvenza o per scorrimento. Possono contenere due didascalie che compaiono in un secondo tempo. Funzionamento automatico o manuale.

15 Mootools Slide show che permette lo scorrimento delle immagini con zoom. E' possibile inserire più slide show di questo tipo sulla stessa pagina. Tendina Immagini che cambiano automaticamente e che si possono scegliere da un menu a tendina. Immagini che cambiano automaticamente dopo un tempo stabilito, possono avere una didascalia in un menu a tendina che permette la scelta dell'immagine. Pagina 15

16 Gallerie d'immagini Elenco di miniature cliccando le quali si vede l'ingrandimento. Pretty Photo Elenco di miniature cliccando le quali si ingrandisce l'immagine. Spostando il mouse sull'immagine si visualizzano altre miniature cliccabili. Possono avere titolo e una didascalia. E' possibile lo scorrimento automatico. Si possono inserire immagini, animazioni FLASH (.swf) e filmati (.avi). E' possibile inserire più slide show di questo tipo sulla stessa pagina. Pagina 16

17 Pagina 17 Lightbox Elenco di miniature cliccando le quali si ingrandisce l'immagine. Possono avere una didascalia e un collegamento ad una Pagina. E' possibile inserire più slide show di questo tipo sulla stessa pagina.

18 Pagina 18 Fancybox Elenco di miniature cliccando le quali si ingrandisce l'immagine. Sono presentate le miniature cliccando le quali si ottiene l'ingrandimento. Possono avere una didascalia e un collegamento ad una Pagina. E' possibile inserire più slide show di questo tipo sulla stessa pagina.

19 Menu Immagini che possono essere utilizzate come menu. Menu soffietto Accordion Le miniature sono poste una accanto all'altra leggermente sovrapposte, spostando il mouse si scopre la miniatura. Cliccando si va alla pagina collegata. Menu a scorrimento Jcarousel Le miniature sono poste una accanto all'altra (in orizzontale o verticale). Possono scorrere automaticamente. Cliccando sulle miniature si va alla pagina collegata. Pagina 19

20 A scorrimento Jcarousel PRO Immagini poste una a destra dell'altra, cliccando un'immagine si va ad una pagina specifica con maggiori personalizzazioni. Possono scorrere automaticamente. Cliccando sulle miniature si va alla pagina collegata. E' possibile inserire pulsanti per richiamare direttamente l'immagine desiderata. Pagina 20

21 Pagina 21 Multimedia - Filmati e suoni Suono Permette di suonare un brano MP3 oppure WAV. E' possibile inserire fino a 10 brani da eseguire in sequenza. Suoni e/o filmati Permette di inserire fino a 10 fra: suoni MP3, M4A, WAV filmati MP4, M4V, FLV Suoni e filmati possono coesistere (ma non WAV con FLV) con avvio automatico o manuale. Nel caso di suoni è possibile impostare un'immagine. Lo spazio relativo all'immagine e al filmato si può dimensionare, così come alcuni colori.

22 Pagina 22 Oggetto Multimediale Suono, Animazione Flash, Video Flash (esempio YouTube) meglio utilizzare Slide Show specifico -, Video secondo lo standard Quick Time, Video secondo lo standard Windows. I formati video disponibili sono molti, ma non tutti adatti alla visualizzazione su Internet. Non solo, alcuni Browser si rifiutano di visualizzare alcuni tipi di filmati, visibili invece con altri. I filmati di seguito indicati sono stati provati su: Internet Explorer Mozilla Firefox Google Chrome Apple Safari Opera Standard: Macromedia Flash.flv Macromedia Flash Video.flv MPEG4.mpg HTML5 MPEG4.mp4 Apple Quick Time MOV.mov Real Media.rm E' possibile inserire più slide show di questo tipo sulla stessa pagina. Musica Filmato Quick Time

23 Filmato Real Player Pagina 23 Filmato Flash Video Questo Slide Show è previsto per un gran numero di oggetti multimediali. Provarli con vari Browser. Oggetto multimediale: scegliere il contributo da visualizzare. Prima del nome del Contributo è specificato il tipo, che può essere (vedi ultime colonne con sfondo giallo): Suono, Animazione Flash, Video Flash, Video Quick Time, Video Windows Larghezza e Altezza Qualità (valido solo per Animazione Flash e Video Flash) Avvio automatico Riavvolgimento / Ripetizione (non valido per Video Windows) Visualizza i controlli (non valido per Animazione Flash) Stile dei comandi (significativo solo per Video Flash) Flimati Flash Video Visualizzatore specializzato per Filmati Flash Video (.flv) e MP4, anche più filmati in sequenza. E' possibile inserire più slide show di questo tipo sulla stessa pagina.

24 Finestre e banner Finestra Popup all'apertura della pagina E' possibile aprire una finestra sopra quella principale all'apertura di quest'ultima. Cliccando su nel menu a tendina si apre l'editor con cui si può modificare il contenuto della finestra Popup. Pagina 24

25 Pagina 25 Banner Cookie Law E' possibile aprire un banner informativo sopra quella principale all'apertura di quest'ultima. Premendo ACCETTA il banner non sarà più aperto per un anno su quel browser. Per forzare nuovamente l'apertura cancellare il Cooky cookieconsent_dismissed. Cliccando su si modificano i parametri:

26 Cliccando su Pagina 26 si vede il risultato: ATTENZIONE: Per far vedere il risultato il programma cancella automaticamente il Cooky cookieconsent_dismissed e la prossima volta che si entra in XTOTEM o si visualizza il Sito è ripresentato il Banner. Per ovviare a ciò cliccare su ACCETTO.

27 Altro Altri slide show. Panorama Immagine in movimento, con il mouse si può modificare lo scorrimento. E' possibile inserire all'interno dell'immagine dei punti sensibili (HotSpot ) cliccabili che possono richiamare una pagina oppure l'ingrandimento dell'immagine. L'unica immagine si imposta nella finestra delle Proprietà. Anteprima immagine Permette di inserire una serie di immagini che si ingrandiscono quando il puntatore del mouse passa su di esse. Effetto lente Permette di inserire un'immagine e di ottenere un effetto lente. La lente visualizza una porzione dell'immagine in grandezza naturale. Pagina 27

28 Pagina 28 Testo scorrevole Testo che scorre nelle 4 direzioni. Cliccando su nel menu a sinistra si apre l'editor con cui si può modificare il testo e le immagini da visualizzare. NOTA: L'Editor è lo stesso usato per lo Show Visualizzatore di Pagina (vedi dopo) ma il codice {STOP} inserito con la macro Divisione Pagina è considerato testo. Ricciolo Immagine che compare in alto a destra della pagina, può contenere un collegamento.

29 Pagina 29 Libro con pagine da sfogliare Libro che è possibile sfogliare, si possono modificare dimensioni, colori e altri parametri. Il tsto si scrive cliccando su e scrivendo normalmente. Si deve inserire la MACRO Pagina del libro all'inizio di ogni pagina scrivendo eventuale titolo e capitolo. {PAGINA tit:titolo cap:capitolo 1 (scrivere eventuale Titolo della pagina e del Capitolo dopi i due punti) }

30 Pagina 30 Visualizzatore di Pagina Cornice che visualizza una Pagina con testo e immagini che scorre. E' un particolare sistema per visualizzare le novità un pezzo alla volta. Un apposito codice indica dove spezzare la pagina. Cliccando su nel menu a tendina si apre l'editor con cui si può modificare la pagina da visualizzare. Nel punto in cui si vuole fermare la pagina, che scorrerà dopo un tempo prefissato, inserire la macro {STOP}.

31 Pagina 31 Visualizza documenti PDF Questo tipo di Slide Show NON deve essere preventivamente creato, tutti i documenti PDF caricati sul sistema saranno elencati in coda agli altri Slide Show nel menu a tendina richiamato con : La visualizzazione avviene all'interno della pagina, se si vuole una pagina esterna (o piena pagina) effettuare semplicemente un collegamento al file PDF usando i comandi dell'editor. Esempio: {PDF Orario di lavoro_ pdf } Comando 2. Nome del file da visualizzare 3. Larghezza della finestra: modificare in base alle proprie esigenze 4. Altezza della finestra: modificare in base alle proprie esigenze