Warning: file(http://www.pforster.ch/%20CSS/FootLinkSenzaPfDr.html) [function.file]: failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found in /Users/admin/Sites/pmwiki/pmwiki.php(1531) : regexp code on line 1

Warning: implode() [function.implode]: Invalid arguments passed in /Users/admin/Sites/pmwiki/pmwiki.php(1531) : regexp code on line 1

Warning: Cannot modify header information - headers already sent by (output started at /Users/admin/Sites/pmwiki/pmwiki.php(1531) : regexp code:1) in /Users/admin/Sites/pmwiki/pmwiki.php on line 1108
MedPopWiki | Istruzioni / Tabelle

Tabelle

Redazione MedPopWiki R8

HOME Versione: .php .html .pdf Autori: Peter & Daniela Categoria: Istruzioni

Non avendo a disposizione dei "tabulatori" e altri strumenti dispositivi di testo, su pagine web si fanno estensivo uso di "tabelle" (anche se spesso non si presentano a colpo d'occhio come tali.

In PmWiki ci sono due modi diversi per stabilire delle tabelle: bidimensionali e lineari

1.  Tabelle bidimensionali

Le tabelle bidimensionali vanno bene per molte celle di piccole dimensioni. Per il neofita sono attraenti, perché rappresentano una tabella in <Edit> simile alla versione sullo schermo. Come delimitazione di righe si fa un semplice "a capo" (Enter), come delimitazione delle celle si usano due barre verticali consecutive || (alt7).

Cosa si scrive

Cosa si vede

TabelleBidimensionali
||border=1 width=80%
||!Hdr ||!Hdr ||!Hdr ||
||a     ||b     ||c     ||
||d     ||e     ||f     ||
HdrHdrHdr
abc
def

2.  Tabelle lineari

Tabelle lineari sono utili per celle con contenuti di grandi dimensioni.

Le tabelle lineari si scrivono con delle istruzioni tipo
(:Costante Variabili:)
ciascuna su una nuova riga.

Ogni tabella inizia con l'istruzione:
(:table:)
Tra le istruzioni per inizio e fine della tabella si trovano una sequenza di istruzioni:
prima riga: (:cellnr:) prima cella di una nuova riga
(:cell:) cella a destra della precedente
...
seconda riga: (:cellnr:) prima cella di una nuova riga
(:cell:) cella a destra della precedente
...
seguenti righe: (:cellnr:) prima cella di una nuova riga
(:cell:) cella a destra della precedente
...
e finisce con l'istruzione
(:tableend:)

Chi intende a fare delle pagine web pulite dovrebbe prendersi il tempo di abituarsi all'uso delle tabelle. Per delle tabelle non banali conviene di farsi uno schizzo preliminare.


Esempio per la tabella accanto. Dettagli vedi Celle fuse


Schizzo preliminare

table = tabella
cellnr → prima cella di una nuova riga
cell → cella a destra della cella precedente
span → estensione
col = column → colonna; istruzione: colspan=?
row → riga; istruzione: rowspan=?
tableend = fine tabella


2.1  Esempio pratico

>>font-size:small border='1px
dotted maroon' bgcolor=#ffffdd<<
%comment%casella separata
(:table align=center width=80%
cellspacing=0 cellpadding=3:)
%comment%inizio tabella
(:cellnr bgcolor=#ffaaaa:) %comment% 1)
(:cell bgcolor=#aaffaa:) %comment% 2)
(:cell bgcolor=#aaaaff:) %comment% 3)
(:cellnr align=center valign=middle:)
[[http://www.pmwiki.org/wiki/PmWikiIt/Tables
| Tabelle]] %comment% 4)
(:cell align=center valign=middle:)
[[http://www.pmwiki.org/wiki/PmWikiIt/TableDirectives
| Direttive tabelle]]
(:cell:)
[[http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki-32.gif
|
http://www.pmwiki.org/pmwiki/pub/skins/pmwiki/pmwiki-32.gif]]
(:cellnr:)
[[http://medpop.googlepages.com/IconMmP.jpg
|
http://medpop.googlepages.com/IconMmP.jpg]]
(:cell align=center valign=middle:)
[[http://www.pforster.ch | Enciclopedia
MedPop]]
(:cell align=center valign=middle:)
[[http://pforster.blogspot.com/ |
Novità]]
(:tableend:)%comment%fine tabella
>><< %comment%fine casella
\\\\\\\\\\\\\\\

%center% %width=200%
[[http://www.pforster.ch/BBlogPics/Redazione/Table3x3.png
|
http://www.pforster.ch/BBlogPics/Redazione/Table3x3.png]]\\
'-Schizzo preliminare-'\\\
\\\\

Schemino della tabella:
(:table border=5 cellspacing=0
cellpadding=20:)%comment% Le variabili
servono per far vedere la tabella sullo
schermo, pur essendo vuota.
(:cellnr:)
(:cell:)
(:cell:)
(:cellnr:)
(:cell:)
(:cell:)
(:cellnr:)
(:cell:)
(:cell:)
(:tableend:)
casella separata inizio tabella
1) 2) 3)
Tabelle 4) Direttive tabelle
Enciclopedia MedPop Novità
fine tabella
fine casella
















Schizzo preliminare




Schemino della tabella:

Le variabili servono per far vedere la tabella sullo schermo, pur essendo vuota.

Personalmente preferisco la forma lineare pur occupando più posto verticale nella finestra redazionale, di compenso posso meglio controllarla e facilmente infilare delle istruzioni di formattazione.

PmWiki non consente delle "tabelle annidate": tabelle in tabelle.


2.2  Celle fuse

Si può raggruppare delle celle all'interno di una tabella con le istruzioni:

  • orizzontalmente: colspan=?
  • verticalmente; rowspan=?

p.es. (:cell colspan=4:) (estensione di 4 colonne) raggruppa una cella consistente di 4 celle in orizzontale; (:cell rowspan=3:) (estensione di 3 righe) raggruppa una cella consistente di 3 celle in verticale

Tabella:CelleFuse
>>font-size:small
color=#ffff00<<
(:table  align=center border=5
cellpadding=3 cellspacing=0
bgcolor=#0000aa:)
(:cellnr align=center valign=middle:)1
(:cell colspan=4 align=center
valign=middle:)2 &rarr;
[@colspan=4@]
(:cellnr align=center valign=middle:)3
(:cell align=center valign=middle:)4
(:cell align=center valign=middle:)5
(:cell rowspan=2 align=center
valign=middle:)6 &darr;
[@rowspan=2@]
(:cell align=center valign=middle:)7
(:cellnr align=center valign=middle:)8
(:cell colspan=2 align=center
valign=middle:)9 &rarr;
[@colspan=2@]
(:cell align=center valign=middle:)10
(:cellnr colspan=4 align=center
valign=middle:)11 &rarr;
[@colspan=4@]
(:cell align=center valign=middle:)12
(:tableend:)
>><<
1 2 → colspan=4
3 4 5 6 ↓ rowspan=2 7
8 9 → colspan=2 10
11 → colspan=4 12

Pagina tipo Riassunto

Redazione:

Navigazione: Istruzioni:

 

Edit - History - Print - Recent Changes - Search
Page last modified on April 30, 2011, at 09:01 AM