Utente:Pegasovagante/sandbox/29

A volte c'è l'esigenza di mettere delle informazioni in ordine, sotto forma di colonne e righe; per questo usiamo le tabelle. Inoltre le tabelle possono essere colorate, avere bordi e contenere immagini; ci sono anche tabelle a scomparsa che si aprono cliccandoci sopra. Se pensiamo a dei rettangoli colorati stretti o larghi, alti o bassi, allineati a destra o a sinistra e magari cogli angoli stondati, si vede che una semplice tabella può cambiare di molto l'aspetto grafico (il layout) di una pagina.

Primi passi con le tabelle modifica

Nel markup wiki la tabella piú semplice è fatta cosí:

{|
 |}

cioè un rettangolo che non si vede (è senza bordi).

Abbiamo visto

{| (inizio tabella)

e

|} (fine tabella)

ora aggiungiamo

|- (riga)

e

| (cella)

e possiamo scrivere:

{|
 |-
 |blablabla 
 |bla
 |bla
 |-
 |bla
 |blablabla 
 |bla
 |}

che restituisce:

blablabla bla bla
bla blablabla bla

(i bordi non si vedono, ma nota come sono allineati i varî bla).

Per vedere i bordi, basta scrivere class="wikitable" subito dopo la {| iniziale:

{| class="wikitable"
 |-
 |blablabla 
 |bla
 |bla
 |-
 |bla
 |blablabla 
 |bla
 |}

che restituisce:

blablabla bla bla
bla blablabla bla

La tabella può avere una riga d'intestazone evidenziata, coi titoli in grassetto, scrivendo ! anziché |:

{| class="wikitable"
 |-
 ! colonna 1
 ! colonna 2
 ! colonna 3
 |-
 |blablabla 
 |bla
 |bla
 |-
 |bla
 |blablabla 
 |bla
 |}

che restituisce:

colonna 1 colonna 2 colonna 3
blablabla bla bla
bla blablabla bla

Per finire (ma sulle tabelle c'è ancora molto da dire), per aggiungere una riga col titolo di tutta la tabella scriviamo |+:

{| class="wikitable"
 |-
 |+ Titolo
 |-
 ! colonna 1
 ! colonna 2
 ! colonna 3
 |-
 |blablabla 
 |bla
 |bla
 |}

che restituisce:

Titolo
colonna 1 colonna 2 colonna 3
blablabla bla bla

Puoi leggere di piú sulle tabelle (con piú esempî) qui, qui e qui.

Immagini modifica

La stragran maggioranza delle immagini usate sui siti (progetti) della Fondazione Wikimedia sono raccolte su Commons:. Si inseriscono con un semplice link, del tipo [[File:]].

Per cominciare bisogna trovare l'immagine che ci serve. Possiamo esplorare le categorie a partire da commons:Category:Topics, oppure, sempre su commons, fare una ricerca in inglese (o, per gli organismi viventi, anche in latino) scrivendo "category:" nel campo apposito ("category:Fishes", "category:Cetacea", "category:California" e cosí via). Un trucco è andare invece su Wikipedia, in italiano o in inglese, cercare l'argomento di nostro interesse e cliccare sulle immagini, poi su "pagina di descrizione"; oppure vedere se c'è un link a Commons sotto la dicitura "in altri progetti" nella colonna di sinistra.

Trovata l'immagine, per esempio commons:File:Anim1102 - Flickr - NOAA Photo Library.jpg, mettiamo nella nostra pagina in un normale link; siccome l'immagine di solito va rimpicciolita perché non occupi tutta la pagina, aggiungiamo |thumb (da thumbnail, cioè anteprima):

[[File:Anim1102 - Flickr - NOAA Photo Library.jpg|thumb]]

senza scrivere commons:, né mettere i due punti : prima, cosí al posto del link ci appare l'immagine:

 

qui sopra, dopo |thumb, abbiamo scritto |none per allineare l'immagine a sinistra, se no va a destra che è l'allineamento di default, e per avere il testo sotto l'immagine e non accanto. Se vogliamo aggiungere una didascalia, la scriviamo dopo un'altra barretta |, cosí:

[[File:Empire of the Sun 2013-05-31.jpg|thumb|none|Luke Steele e Nick Littlemore]]

che restituisce:

 
Luke Steele e Nick Littlemore

In realtà possiamo copiare il codice già pronto dalla pagina su Commons, cliccando sul link "usa questo file" a destra dell'iconcina colla "W"; basterà cambiare la didascalia. Ci sono altri parametri che possiamo usare per le immagini, descritti in questa pagina.

Gallerie di immagini modifica

Naturalmente le immagini possono essere inserite in una tabella, ma se lo scopo è solo di affiancarle è piú semplice usare il tag <gallery></gallery>. Non occorrono le doppie parentesi quadre ([[]]). La sintassi di base è:

<gallery>
File:immagine.jpg|didascalia
File:immagine.jpg|didascalia
</gallery>

Se per esempio scrivo

<gallery>
File:Yuki and Branca - Japanese Akita.jpg|cucciolo molesto
1337700277lanadelrey.jpg|forografo molesto
</gallery>

il risultato sarà

Ci sono diversi attributi opzionali per variare il layout delle gallerie, che puoi vedere qui: w:en:Help:Gallery tag.

Audio modifica

Su Commons c'è anche un certo numero di file audio, nella categoria commons:Category:Featured sounds. Li possiamo inserire proprio come si fa per le immagini, e allora si vede un piccolo player come questo:

Proprio come per le immagini, possiamo aggiungere una didascalia:

Ascolta l'orca

A volte, per esempio all'interno di una tabella , può far comodo un player piú piccolo; basterà indicare la larghezza in w:pixel. Il parametro è un numero seguito da px e la sintassi sarà semplicemente:

[[File:Jazz Flute Cm7.ogg|80px]]

Se invece vogliamo solo il link, come per le immagini, scriveremo commons: o semplicemente i due punti : subito prima nome del file.

Template modifica

Sulle wiki, i template (inglese per stampo, modulo) sono contenuti predisposti (e di solito preformattati) per essere usati in molte pagine senza essere scritti ogni volta. Si trovano ognuno in una propria pagina che comincia per "Template:" e il cui contenuto viene inserito nelle pagine che li richiamano, proprio come succede per le immagini e gli audio (si chiama transclusione: vengono visualizzati qui ma si trovano altrove, per esempio su Commons).

Generalmente i template sono specifici per progetto: quelli per Wikiversità in italiano sono su Wikiversità in italiano, quelli per Wikipedia in russo sono su Wikipedia in russo, e cosí via. La sintassi per richiamare un template è il nome della pagina, senza il prefisso "Template:" (si chiama namespace), fra due coppie di graffe: {{}}.

Un esempio che hai già visto, nella tua pagina di discussione, è la tabella col messaggio di {{benvenuto}} per i nuovi utenti.

Sicché, se scrivo {{commento}}, nella pagina apparirà il contenuto del Template:Commento:

  Commento:.