Ένας πίνακας είναι μια διάταξη στηλών και γραμμών που χρησιμοποιούνται για την οργάνωση και την τοποθέτηση δεδομένων. Στις σελίδες της Βικιπαίδεια, οι πίνακες μπορούν να δημιουργηθούν με τη χρήση ειδικής σύνταξης wiki. Υπάρχουν πολλά διαφορετικά στυλ και κόλπα που μπορούν να χρησιμοποιηθούν για να τους προσαρμόσετε.

Χρήση της γραμμής εργαλείων

Επεξεργασία
 
Εργαλειοθήκη

Για αυτόματη εισαγωγή ενός πίνακα σε επεξεργασία κώδικα, πατήστε στο   (Πίνακας) στη μπάρα επεξεργασίας.

Ένα παρόμοιο κείμενο προστίθεται όταν πατήσετε στην επιλογή «Πίνακας»:

{| class="wikitable"
|-
! Επικεφαλίδα 1
! Επικεφαλίδα 2
! Επικεφαλίδα 3
|-
| σειρά 1, κελί 1
| σειρά 1, κελί 2
| σειρά 1, κελί 3
|-
| σειρά 2, κελί 1
| σειρά 2, κελί 2
| σειρά 2, κελί 3
|}

Ο κώδικας θα παράξει τον ακόλουθο πίνακα:

Επικεφαλίδα 1 Επικεφαλίδα 2 Επικεφαλίδα 3
σειρά 1, κελί 1 σειρά 1, κελί 2 σειρά 1, κελί 3
σειρά 2, κελί 1 σειρά 2, κελί 2 σειρά 2, κελί 3

Το δειγματικό κείμενο («Επικεφαλίδα Ν» ή «σειρά Ν, κελί Ν») προορίζεται να αντικατασταθεί με πραγματικά δεδομένα.

Παραδείγματα

Επεξεργασία

Απλοί και εύκολοι πίνακες

Επεξεργασία

Πίνακες με τα ελάχιστα στοιχεία

Επεξεργασία

Όλες παράγουν το ίδιο αποτέλεσμα. Διαλέξτε ένα στυλ με βάση των αριθμό των κελιών σε κάθε σειρά και το συνολικό κείμενο μέσα σε κάθε κελί. Σήμανση wiki:

{|
| Α
| Β
|-
| Γ
| Δ
|}
{|
| Α || Β
|-
| Γ || Δ
|}

Όπως εμφανίζεται σε ένα πρόγραμμα περιήγησης (σημειώστε ότι δεν υπάρχουν περιθώρια):

Α Β
Γ Δ

Πίνακες πολλαπλασιασμού

Επεξεργασία

Σημειώστε ότι σε αυτό το παράδειγμα η παράμετρος class = "wikitable" χρησιμοποιείται για το στυλ του πίνακα με το εξωτερικό φύλλο στυλ της Wikipedia για τους πίνακες. Προσθέτει περιθώρια, σκίαση φόντου και έντονο κείμενο επικεφαλίδας.

Σήμανση wiki:

{| class="wikitable" style="text-align:center; width:200px; height:200px;"
|+ Πίνακας πολλαπλασιασμού
|-
! ×
! 1
! 2
! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|-
! 5
| 5 || 10 || 15
|}

Όπως εμφανίζεται σε ένα πρόγραμμα περιήγησης:

Πίνακας πολλαπλασιασμού
× 1 2 3
1 1 2 3
2 2 4 6
3 3 6 9
4 4 8 12
5 5 10 15

Συνολικές λειτουργίες πίνακα

Επεξεργασία

Πλάτος, ύψος

Επεξεργασία

Το πλάτος και το ύψος όλου του πίνακα μπορούν να προσδιορίζονται, καθώς και το ύψος μιας σειράς. Για να καθορίσετε το πλάτος μιας στήλης μπορείτε να καθορίσετε το πλάτος ενός οποιουδήποτε κελιού σε αυτήν. Αν το πλάτος δεν έχει καθοριστεί για όλες τις στήλες, και/ή το ύψος δεν προσδιορίζεται για όλες τις σειρές, τότε υπάρχει κάποια ασάφεια και το αποτέλεσμα εξαρτάται από το πρόγραμμα περιήγησης.

Σήμανση Wiki:

{| style="width: 60%; height: 200px" border="1"
|-
| αβγ || δεζ || ηθι
|- style="height: 100px;"
| κλμ || style="width: 200px;" | νξο || πρσ
|-
| τυ || φχ || ψω
|}

Όπως εμφανίζεται σε ένα πρόγραμμα περιήγησης:

αβγ δεζ ηθι
κλμ νξο πρσ
τυ φχ ψω

Καθορισμός περιθωρίων

Επεξεργασία

Τα περιθώρια του πίνακα είναι προεπιλεγμένα ως μια σύνθετη σκιασμένη διπλή γραμμή (η προεπιλογή σε μορφή HTML). Ωστόσο, τα περιθώρια μπορούν να ρυθμιστούν σε μια λεπτή, συνεχή γραμμή χρησιμοποιώντας ένα στυλ παραμέτρων (style="border: 1px solid darkgray"), όπως τα ακόλουθο παράδειγμα ( Σημείωση: αν σκοπεύετε να χρησιμοποιήσετε τις επιλογές «cellpadding» ή «cellspacing», μαζί με τα περιθώρια, θα πρέπει να χρησιμοποιήσετε αυτή τη μορφή):

Σήμανση wiki:

{| cellpadding="2" style="border: 1px solid darkgray;"
! width="140" | Αριστερά
! width="150" | Μέσο
! width="130" | Δεξιά
|- border="0"
| [[File:StarIconBronze.png|120px]]
| [[File:StarIconGold.png|120px|Λεζάντα όταν το ποντίκι είναι πάνω από την εικόνα]]
| [[File:StarIconGreen.png|120px|Πράσινη, αστρική εικόνα]]
|- align="center"
| Χάλκινο αστέρι || Χρυσό αστέρι || Πράσινο αστέρι
|}

Σημειώστε τα κείμενα στην κάτω σειρά, στοιχίζονται στο κέντρο ('align="center"'), ενώ οι εικόνες των αστεριών δεν είναι στο κέντρο.

Αριστερά Μέσο Δεξιά
     
Χάλκινο αστέρι Χρυσό αστέρι Πράσινο αστέρι

Όσο στην "Image:" παραλείπετε η παράμετρος "thumb|" δεν θα εμφανίζονται οι γραμμές λεζάντας του πίνακα (μόνο κατά τη διάρκεια που το ποντίκι είναι πάνω). Το χρώμα περιγράμματος "darkgray" ταιριάζει σε τυπικούς πίνακες ή σε κουτιά πληροφοριών σε πίνακες. Ωστόσο, θα μπορούσε να είναι οποιοδήποτε όνομα χρώματος (όπως style = "border: 1px solid Darkgreen;") ή να χρησιμοποιήσετε ένα hex-χρώμα (όπως: #DDCCBB).

Μια μορφή-προσδιοριστικό στήλης (περικλείονται σε "|...|") μπορεί να έχει ένα στυλ παραμέτρων για να ρυθμίσετε τα σύνορα σε κάθε κελί, ως εξής:

Σήμανση wiki:

{| cellpadding="2" style="border: 1px solid darkgray;"
! width="140" | Αριστερά
! width="150" | Μέσο
! width="130" | Δεξιά
|- align="center"
| style="border: 1px solid blue;"|
[[File:StarIconBronze.png|120px]]
| style="border: 1px solid #777777;"|
[[File:StarIconGold.png|120px|Λεζάντα όταν το ποντίκι είναι πάνω από την εικόνα]]
| style="border: 1px solid #22AA55;"|<!--greenish border-->
[[File:StarIconGreen.png|120px|Πράσινη, αστρική εικόνα]]
|- align="center"
| Χάλκινο αστέρι || Χρυσό αστέρι || Πράσινο αστέρι
|}

Σημειώστε ότι μόνο τα κελιά με τις εικόνες, εδώ, έχουν ατομικά περιθώρια, όχι το κείμενο.

Αριστερά Μέσο Δεξιά

 

 

 

Χάλκινο αστέρι Χρυσό αστέρι Πράσινο αστέρι

Τα μικρότερα χρώματα hex (όπως το #616161) είναι πιο κοντά στο μαύρο. Τυπικά, όλα τα περιθώρια σε ένα πίνακα θα είναι ένα συγκεκριμένο χρώμα.

Τοποθέτηση

Επεξεργασία

Μπορείτε να τοποθετήσετε ολόκληρο τον πίνακα, το περιεχόμενο μιας σειράς και το περιεχόμενο ενός κελιού, αλλά όχι με μια μόνο παράμετρο για όλο το περιεχόμενο του πίνακα. Δείτε m:Template talk:Table demo.

Πριν τον Απρίλιο του 2009, η χρήση "float" για την τοποθέτηση ενός πίνακα, αποθαρρυνόταν. Ωστόσο, δεν σπάζει πλέον πάντα τη σελιδοποίηση σε μεγάλα μεγέθη γραμματοσειράς. Δείτε μια floated εικόνα, στη συνέχεια, υπό τον τίτλο "Floating images in the center".

Πίνακες Wiki ως γκαλερί εικόνων

Επεξεργασία

Ένα πίνακας wiki μπορεί να χρησιμοποιηθεί για να εμφανιστούν εικόνες δίπλα-δίπλα, ως μια γκαλερί εικόνων (μορφοποιούνται από "<gallery>"), αλλά με μεγαλύτερες εικόνες και λιγότερες κενές περιοχές γύρω από τις φωτογραφίες.

Μια απλή πλαισιωμένη γκαλερί μπορεί να μορφοποιηθεί χρησιμοποιώντας class = "wikitable" για να δημιουργήσει τις ελάχιστες λεπτές γραμμές γύρω από τις εικόνες/φωτογραφίες στον πίνακα:

 {| class="wikitable" border="1"
 |-
 |<!--column1-->[[File:Worms 01.jpg|265px]]
 |<!--column2-->[[File:Worms Wappen 2005-05-27.jpg|235px]]
 |-
 |<!--column1-->Η γέφυρα Nibelungen στο Worms<br />απέναντι από το [[Ρήνος|Ρήνο]]
 |<!--column2-->Το Worms και οι αδελφοποιημένες πόλεις
 |}<!--end wikitable-->

Σημειώστε το αποτέλεσμα παρακάτω (με λεπτή επένδυση κελιών):

   
Η γέφυρα Nibelungen στο Worms
απέναντι από το Ρήνο
Το Worms και οι αδελφοποιημένες πόλεις

Ένα ακόμα θέμα σχετικά με το πρότυπο "<gallery>", από το 2007 έως το 2008, ήταν ότι τοποθετώντας 4 εικόνες σε κάθε γραμμή, υπερέβαινε το δεξιό περιθώριο σε ένα λήμμα wiki, εμφανίζονταν με πλάτος στυλ πορτρέτου (σαν 800x600), εκτός και αν η γκαλερί είχε μόνο 3 εικόνες. Ωστόσο, ένας πίνακας wiki χρησιμοποιεί τυπικούς συνδέσμους εικόνες με μεγέθη, όπως "[[Image:XXX.jpg|130px]]" και έτσι 4 εικόνες μπορούν να παρουσιαστούν σε ένα wikitable με πλάτος 600px (για οθόνες ανάλυσης 800 × 600).

 {| class="wikitable" border="1"
 |-
 |<!--col1-->[[File:Worms 01.jpg|130px]]
 |<!--col2-->[[File:Worms Wappen 2005-05-27.jpg|125px]]
 |<!--col3-->[[File:Liberty-statue-with-manhattan.jpg|125px]]
 |<!--col4-->[[File:New-York-Jan2005.jpg|125px]]
 |-
 |<!--col1-->Η γέφυρα Nibelungen στο Worms
 |<!--col2-->Το Worms και οι αδελφοποιημένες πόλεις
 |<!--col3-->Άγαλμα της ελευθερίας
 |<!--col4-->Νέα Υόρκη
 |}<!--end wikitable-->
       
Η γέφυρα Nibelungen στο Worms Το Worms και οι αδελφοποιημένες πόλεις Άγαλμα της ελευθερίας Νέα Υόρκη

Ακόμα ένα πλεονέκτημα σχετικά με τις εικόνες σε πίνακες wiki, σε σύγκριση με τη μορφοποίηση "<gallery>", είναι η ικανότητα «τετραγωνισμού» κάθε εικόνες όταν απαιτούνται όμοια ύψη, ώστε να εξεταστεί το ενδεχόμενο εισαγωγής εικόνων με 2 αριθμούς με συγκεκριμένο μέγεθος (όπως "199x95px"), όπου ο δεύτερος αριθμός καθορίζει το ύψος:

 {| class="wikitable" border="1"
 |-
 |<!--col1-->[[File:Liberty-statue-with-manhattan.jpg|199x95px]]
 |<!--col2-->[[File:New-York-Jan2005.jpg|199x95px]]
 |<!--col3-->[[File:Gold star on blue.gif|199x95px]]
 |<!--col4-->[[File:Worms 01.jpg|100x95px]]<!--smaller-->
 |-
 |<!--col1-->Η γέφυρα Nibelungen στο Worms
 |<!--col2-->Το Worms και οι αδελφοποιημένες πόλεις
 |<!--col3-->Άγαλμα της ελευθερίας
 |<!--col4-->Νέα Υόρκη
 |}<!--end wikitable-->

Σημειώστε ότι 3 εικόνες με μέγεθος"199x95px" εμφανίζουν όμοια ύψη, στα 95px (η 4η εικόνα είναι εσκεμμένα μικρότερη). Το "95px" καθορίζει το ύψος, ενώ το "199x" ταιριάζει με πολλαπλά πλάτη (μπορεί να είναι ακόμη και "999x"):

       
Η γέφυρα Nibelungen στο Worms Το Worms και οι αδελφοποιημένες πόλεις Άγαλμα της ελευθερίας Νέα Υόρκη

Έτσι, η χρήση μεγέθους "199x95px" (η "999x95px") παράγει αυτό-καθορισμό του μεγέθους του ύψους πέρα της "<gallery>" και με την επιλογή ρύθμισης μεγαλύτερης μικρογραφίας ("199x105px"), ή ακόμη το να έχεις κάποιες εικόνες σκόπιμα μιρκότερας από άλλες εικόνες ύψους "95px". Ένα πολύ μικρό ύψος ("70px") επιτρέπει πιο πολλές εικόνες στον πίνακα:

 {| class="wikitable" border="1"
 |-
 |<!--col1-->[[File:Liberty-statue-with-manhattan.jpg|199x70px]]
 |<!--col2-->[[File:Gold star on blue.gif|199x70px]]
 |<!--col3-->[[File:New-York-Jan2005.jpg|199x70px]]
 |<!--col4-->[[File:Gold star on deep red.gif|199x70px]]
 |<!--col5-->[[File:Worms 01.jpg|199x70px]]<!--ίδιο ύψος-->
 |<!--col6-->[[File:Gold star on blue.gif|199x70px]]
 |}

Ο πιο πάνω κωδικός πίνακας wiki παράγει το πιο κάτω αποτέλεσμα, με 6 στήλες:

           

Όταν οι εικόνες έχουν τοποθετηθεί σε ένα πίνακα wiki, ο έλεγχος της μορφοποίησης μπορεί να ρυθμιστεί όταν προστεθούν περισσότερες φωτογραφίες.

Μετατόπιση/κεντράρισμα

Επεξεργασία

Οι εικόνες σε ένα πίνακα wiki μπορούν να μετατοπισθούν με την εισαγωγή μη κενών διαστημάτων ("&nbsp;") πριν η μετά το σύνδεσμο της εικόνας ("&nbsp;[[Image:]]"). Ωστόσο, το αυτό-κεντράρισμα απλά απαιτεί τη χρήση παραμέτρου κέντρου για να τοποθετηθεί γύρω από ένα σύνδεσμο εικόνας σε ένα κελί ("<center>[[File:..]]</center>").

Στο πιο κάτω παράδειγμα, σημειώστε πως το Col2 χρησιμοποιεί <center>, αλλά το Col3 χρησιμοποιεί "&nbsp;":

 {| class="wikitable" border="1"
 |-
 |<!--Col1-->[[File:Domtoren vanaf Brigittenstraat.jpg|299x125px]]
 |<!--Col2--><center>[[File:Utrecht 003.jpg|299x125px]]</center>
 |<!--Col3-->&nbsp;[[File:Uitzicht--Domtoren.jpg|299x125px]]&nbsp;
 |-
 |<!--Col1-->Ο πύργος Dom από το Brigittenstraat
 |<!--Col2-->Cloister garth of the Utrecht Dom Church
 |<!--Col3-->&nbsp;&nbsp;<small>Θέα από το καμπαναριό</small>
 |}

Ο πιο πάνω κώδικας παράγει τον πιο κάτω πίνακα: σημειώστε ότι η μεσαία εικόνα είναι κεντραρισμένη (αλλά όχι η αριστερή εικόνα), και η αριστερή εικόνα έχει δύο κενά πριν το «Θέα...»:

     
Ο πύργος Dom από το Brigittenstraat Cloister garth of the Utrecht Dom Church &nbsp;&nbsp;Θέα από το καμπαναριό

Επίσης, σημειώστε ότι η ετικέτα "<small>" δημιουργεί μια μικρότερη μεγέθους λεζάντα. Ωστόσο, οι γραμματοσειρές, επίσης μπορεί να είναι μεγέθους επί τοις εκατό (style="font-size: 87%;"), όπου το πραγματικό ποσοστό μεγέθους που εμφανίζεται εξαρτάται από τα διάφορα μεγέθη που επιτρέπονται για μια συγκεκριμένη γραμματοσειρά.

 | style="font-size: 87%;" | View from bell tower

Η ιδιότητα της στήλης, παραπάνω, χρησιμοποιεί "style=" για να ορίσει το μέγεθος της γραμματοσειράς για τη λεζάντα, μετά τη 2η κάθετη γραμμή "|".

Ένα μέγεθος γραμματοσειράς: 65% είναι πολύ μικρό, ενώ το style="font-size: 87%;" είναι μια μεσαίου μεγέθους γραμματοσειρά, μεγαλύτερη από την ετικέτα small.

Μετατρέποντας ένα λογιστικό φύλλο σε πίνακα

Επεξεργασία

Για να μετατρέψετε ένα λογιστικό φύλλο (Gnumeric, MS Excel ή OpenOffice.org Calc), μπορείτε να χρησιμοποιήσετε Copy & Paste Excel-to-Wiki τον μετατροπέα.

Δείτε ακόμα

Επεξεργασία

Εξωτερικοί σύνδεσμοι

Επεξεργασία