Indice

Inserimento Immagini e video


Immagini


Nella fase di editing di una pagina, cliccate sull'icona per l'inserimento di immagini (la quart'ultima). Vi si apre una finestra pop up, nella quale dovete scegliere la directory principale, poi sfogliate ed inviate il file come si fa in qualsiasi email. Cercate di ottimizzare le immagini per il web, il wiki supporta jpg, png e gif. Una volta fatto questo avete caricato le immagini sul server. Per inserirle nella pagina dovete utilizzare la sintassi del dokuwiki. Prendete nota del nome del file immagine. 

Per inserire l'immagine: {{nomeImmagine.estensione}} 
es. {{campLogo.jpg}}
Per ridimensionare l'altezza: {{nomeImmagine.estensione?PIXEL}} 
es. {{campLogo.jpg?50}}
Per ridimensionare altezza e larghezza: {{nomeImmagine.estensione?PIXELxPIXEL}}
es. {{campLogo.jpg?50x200}}
Per un'immagine esterna: {{url}} 
es. {{http://de3.php.net/images/php.gif?200x50}}


es esempio gatto


Utilizzando uno spazio bianco a destra o a sinistra prima delle parentesi graffe potete decidere l'allineamento dell'immagine 

Allineamento a sinistra: {{nomeImmagine.estensione }} 
Allineamento a destra: {{ nomeImmagine.estensione}} 
Allineamento al centro: {{ nomeImmagine.estensione }}


Per inserire un testo alternative all'immagine usare questa sintassi 

Alternative: {{nomeImmagine.estensione|Testo a comparsa su rollover}}


Potete utilizzare le immagini anche come link 

Link immagine: [[url|{{nomeImmagine.estensione}}]]



Video


Per inserire dei video si può utilizzare il supporto di YouTube. Il video cioè vengo richiamati dal web, quindi è necessario che siano già online e caricati su quella piattaforma. Sul sito YouTube trovate accanto ad ogni video il codice da incorporare. Si tratta di codice html che va inserito con la sintassi del dokuwiki.


Copiate il codice e inseritelo tra i tag 
<html> 
codice da incorporare
</html>

es. 

<html>
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/Xq6PduPPdHg&hl=it"></param><embed src="http://www.youtube.com/v/Xq6PduPPdHg&hl=it" type="application/x-shockwave-flash" width="425" height="344"></embed></object>
</html>



Trovate tutte le informazioni in inglese sulla sintassi quì. ENJOY IT ;-)