Βοήθεια:Πίνακες
Ένας πίνακας είναι μια διάταξη στηλών και γραμμών που χρησιμοποιούνται για την οργάνωση και την τοποθέτηση δεδομένων. Στις σελίδες της Βικιπαίδεια, οι πίνακες μπορούν να δημιουργηθούν με τη χρήση ειδικής σύνταξης 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 μπορούν να μετατοπισθούν με την εισαγωγή μη κενών διαστημάτων (" ") πριν η μετά το σύνδεσμο της εικόνας (" [[Image:]]"). Ωστόσο, το αυτό-κεντράρισμα απλά απαιτεί τη χρήση παραμέτρου κέντρου για να τοποθετηθεί γύρω από ένα σύνδεσμο εικόνας σε ένα κελί ("<center>[[File:..]]</center>").
Στο πιο κάτω παράδειγμα, σημειώστε πως το Col2 χρησιμοποιεί <center>, αλλά το Col3 χρησιμοποιεί " ":
{| class="wikitable" border="1" |- |<!--Col1-->[[File:Domtoren vanaf Brigittenstraat.jpg|299x125px]] |<!--Col2--><center>[[File:Utrecht 003.jpg|299x125px]]</center> |<!--Col3--> [[File:Uitzicht--Domtoren.jpg|299x125px]] |- |<!--Col1-->Ο πύργος Dom από το Brigittenstraat |<!--Col2-->Cloister garth of the Utrecht Dom Church |<!--Col3--> <small>Θέα από το καμπαναριό</small> |}
Ο πιο πάνω κώδικας παράγει τον πιο κάτω πίνακα: σημειώστε ότι η μεσαία εικόνα είναι κεντραρισμένη (αλλά όχι η αριστερή εικόνα), και η αριστερή εικόνα έχει δύο κενά πριν το «Θέα...»:
Ο πύργος Dom από το Brigittenstraat | Cloister garth of the Utrecht Dom Church | Θέα από το καμπαναριό |
Επίσης, σημειώστε ότι η ετικέτα "<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 τον μετατροπέα.
Δείτε ακόμα
Επεξεργασία- Βικιπαίδεια:Σφάλματα στη χρήση πινάκων
- w:Help:Table/Introduction to tables
- w:Wikipedia:Manual of Style/Tables
- mw:Help:Tables
- mw:Simplified table syntax
- m:Wiki markup tables
- m:Table background colors
- w:Help:Sorting
- m:Help:Sorting
- w:User:Dcljr/Tables
- w:Table (HTML)
- m:Help:Template#A parameter value containing a pipe character
- w:Category:Table and column templates
- Παραδείγματα:
- Commons:Chart and graph resources
- Commons:Convert tables and charts to wiki code or image files
- w:Wikipedia:Advanced table formatting
Εξωτερικοί σύνδεσμοι
Επεξεργασία- de:Wikipedia:Technik/Text/Basic/EXCEL-Tabellenumwandlung, published in German-Wikipediaproject (English instructions included)
- HTML tables to wiki converter at uni-bonn.de[νεκρός σύνδεσμος]
- Wikitable Editor, a visual table editor in wiki code
- HTML-WikiConverter, various versions and languages
- pywikipediabot, can convert HTML tables to wiki
- Table of CSS color names and HEX codes
- Bugzilla request for floating table επικεφαλίδαs