Utilizzare il browser Firefox, altrimenti le mappe immagini non funzionano.

Presentazione sul tema: "Utilizzare il browser Firefox, altrimenti le mappe immagini non funzionano."— Transcript della presentazione:

1 utilizzare il browser Firefox, altrimenti le mappe immagini non funzionano

2 breve guida per, in epub, – posizionare immagine – posizionare video – inserire e gestire audio – inserire e posizionare testo – creare immagini mappa

3 Posizionare immagine una volta inserita l’immagine, selezionare (in alto a destra del menù, per poter modificare il codice sorgente HTML) inserire nel tag dell’immagine l’attributo style=“position:absolute; top:200px; left:300:px;” (ovviamente è possibile scegliere a piacere il posizionamento) è possibile scegliere il posizionamento come percentuale dell’ampiezza e dell’altezza es:

4 Posizionare video una volta inserito il video, selezionare (in alto a destra del menù, per poter modificare il codice sorgente HTML) inserire nel tag del video l’attributo style=“position:absolute; top:200px; left:300:px;” (ovviamente è possibile scegliere a piacere il posizionamento)

5 Inserire e gestire audio una volta inserito l’audio, selezionare (in alto a destra del menù, per poter modificare il codice sorgente HTML) per far iniziare automaticamente l’audio e farlo re-iniziare continuamente: inserire nel tag dell’audio : autoplay="autoplay" loop="loop” Esempio:

6 se si inserisce l’attributo controls=“controls”, si ha la visualizzazione della barra per il controllo dell’audio: È possibile anche il posizionamento: Inserire e gestire audio

7 Inserire e posizionare testo selezionare (in alto a destra del menù, per poter modificare il codice sorgente HTML) inserire: inserire qui il testo da visualizzare

8 Creare immagini mappa aprire gimp caricare una immagine selezionare:filtri, web, mappa immagine aspettare un po’; si apre la seguente finestra (successivo lucido):

9 È possibile selezionare una delle tre figure geometriche a sinistra; La prima creare un’area a forma quadrata/rettangolare La seconda a forma circolare; La terza a forma irregolare

10 Per ciascuna forma creata (per terminare la creazione di un’area irregolare occorre un doppio click sull’ultimo punto selezionato), nella seguente finestra che si apre automaticamente 1.inserire il link per collegare una pagina web, 2.quindi click su ok

11 creare nuove aree che, nel caso della cartina dell’Italia, saranno tutti poligoni irregolari; quando termina la creazione delle aree: – selezionare file, – nella finestra che compare, inserire un nome in “Nome” – click su salva viene creato un file con estensione.map

12 caricare in epubEditor, l’immagine utilizzata (nell’esempio, la cartina) e inserire l’immagine in una pagina dell’ebook; aprire il file creato (quello con estensione.map) selezionare tutto, quindi copia entrare nella pagina dell’ebook selezionare e incollare copiare l’indirizzo dell’immagine copiarlo nel tag img del codice creato con gimp, e appena incollato, sostituendolo in <img src="[cartina-italia-politica-piccola] (importata)"

13 Inserire audio e video: https://developer.mozilla.org/it/docs/Web/HT ML/Using_HTML5_audio_and_video https://developer.mozilla.org/it/docs/Web/HT ML/Using_HTML5_audio_and_video Inserire frame: http://www.html.it/pag/16066/liframe/ http://www.html.it/pag/16066/liframe/