Βοήθεια:Πώς να προσθέσετε εικόνες σε μια σελίδα

Από OrthodoxWiki
Μετάβαση σε: πλοήγηση, αναζήτηση

Συχνά υπάρχει ανάγκη σε μία σελίδα να προστεθεί μία εικόνα ή ένα διάγραμμα που βοηθάει στην βαθύτερη κατανόηση ή στην οπτικοποίηση του θέματος. Είναι εξαιρετικά απλό να προσθέσετε μία εικόνα στο άρθρο σας, αρκεί αυτή να υπάρχει στον διακομιστή.

Για οδηγίες επιφόρτωσης εικόνας στο διακομιστή της OrthodoxWiki, δείτε τον αντίστοιχο οδηγό.


Απλή προσθήκη εικόνας

Εφόσον η εικόνα που επιθυμείτε να προσθέσετε στο άρθρο σας υπάρχει στο διακομιστή, μπορείτε να την προσθέσετε στο άρθρο σας πληκτρολογώντας το εξής κείμενο εκεί όπου θέλετε να τοποθετηθεί η εικόνα:

[[Εικόνα:Name_of_image.ext]]

όπου Name_of_image.ext είναι το όνομα της εικόνας μαζί με την κατάληξη που δείχνει τον τύπο της (για παράδειγμα sample.jpg). Προτείνεται οι εικόνες να είναι τύπου JPG (ή JPEG) ή PNG (για περισσότερες λεπτομέρειες, δείτε την πολιτική της OrthodoxWiki πάνω σε αυτό το θέμα).

Μια εικόνα που προστίθεται σε μια σελίδα με αυτόν τον τρόπο θα τοποθετηθεί ακριβώς όπως κι ένας χαρακτήρας στο μεγεθός της, θα παραμορφώσει δηλαδή τη γραμμή όπου βρίσκεται ώστε να τη χωράει:

Για παράδειγμα, αυτή η εικόνα
όπως είναι τοποθετημένη Panteleimon Monastery.jpg δημιουργεί πρόβλημα.
Συνιστάται η απλή τοποθέτηση εικόνων να γίνεται σε ξεχωριστή παράγραφο. Αυτό είναι χρήσιμο όταν θέλετε να προσθέσετε ένα διάγραμμα τέτοιου μεγέθους ώστε να χωράει άνετα στη σελίδα. Συνηθίζεται οι εικόνες που δεν είναι διαγράμματα να αντικαθίστανται από μικρογραφίες τους που οδηγούν σε αυτές (δείτε πιο κάτω).

Μορφοποίηση εικόνας

Στοίχιση

Panteleimon Monastery.jpg

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

Για να το πετύχετε αυτό, γράφετε την αναφορά στην εικόνα ως εξής:

[[Εικόνα:Name_of_image.ext|left]]

Αντίστοιχα, για να τοποθετηθεί η εικόνα στα δεξιά του κειμένου, γράφετε right αντί για left μετά την κάθετο.



Τοποθέτηση εικόνας σε πλαίσιο

Panteleimon Monastery.jpg
Για να τοποθετήσετε μια εικόνα σε πλαίσιο (όσο για το σε τι χρησιμεύει ένα πλαίσιο, δείτε παρακάτω), απλά προσθέτετε τη λέξη frame μετά από μία κάθετο οπουδήποτε μετά το όνομα της εικόνας στην αναφορά σας σε αυτήν.

ΠΡΟΣΟΧΗ: όταν τοποθετείτε μία εικόνα σε πλαίσιο, αυτομάτως στοιχίζεται δεξιά. Για να αποφύγετε τη στοίχιση, μπορείτε να γράψετε τη λέξη none μετά από μία κάθετο στην αναφορά στην εικόνα, όπως ακριβώς θα κάνατε για να τη στοιχίσετε.



Λεζάντα

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

Για να εμφανίσετε λεζάντα κάτω από μια εικόνα, πρέπει αυτή να βρίσκεται σε πλαίσιο. Έτσι, αυτό που γράφετε τελικά είναι της μορφής:

[[Εικόνα:Name_of_Image.ext|frame|λεζάντα]]



Αλλαγή μεγέθους

Άλλη μια εύκολη μορφοποίηση που μπορείτε να εφαρμόσετε σε μια εικόνα είναι να αλλάξετε το μέγεθός της. Αυτό το κάνετε προσθέτοντας μετά από μια κάθετο ΧΧΧΧpx όπου ΧΧΧΧ το πλάτος σε εικονοστοιχεία (pixels) που θέλετε να έχει η τελική εικόνα (οι αναλογίες διατηρούνται κατά την αλλαγή μεγέθους). Για παράδειγμα:

Panteleimon Monastery.jpg

Αυτή είναι η εικόνα-παράδειγμά μας, μειωμένη στα 70 εικονοστοιχεία πλάτος.


... και εδώ μεγεθυμένη στα 350

Panteleimon Monastery.jpg

Κείμενο αντικατάστασης

Μπορείτε επίσης να προσθέσετε κείμενο αντικατάστασης σε μία εικόνα, δηλαδή ένα κείμενο που θα εμφανίζεται σε περιηγητές που έχουν απενεργοποιημένες τις εικόνες, ή δεν μπορούν να τις εμφανίσουν, όπως οι περιηγητές κειμένου. Αυτό το κάνετε προσθέτοντας το κείμενο που θέλετε μετά από μία κάθετο, μετά από οποιαδήποτε άλλη παράμετρο στην αναφορά στην εικόνα.

Σε περίπτωση που έχετε τοποθετήσει την εικόνα σας σε πλαίσιο ή την έχετε κάνει μικρογραφία, το κείμενο αντικατάστασης θα εμφανιστεί επίσης ως λεζάντα στο κάτω μέρος του κειμένου.

Μικρογραφίες

Μια πολύ χρήσιμη δυνατότητα που σας δίνει η OrthodoxWiki είναι η εμφάνιση μικρογραφίας μιας εικόνας αντί για την ίδια την εικόνα. Εάν αποφασίσετε να προσθέσετε στη σελίδα σας τη μικρογραφία μιας εικόνας, αυτή θα σμικρυνθεί, θα στοιχηθεί στα δεξιά και η μικρογραφία θα γίνει αυτόματα σύνδεσμος προς την πλήρη εικόνα.

Αυτό είναι ιδιαίτερα χρήσιμο με μεγάλες εικόνες που δεν μπορούν να προστεθούν σε μια σελίδα αυτούσιες λόγω μεγέθους. Επίσης, όταν η εικόνα συνοδεύεται από κάποιο κείμενο που συμπληρώνει το νόημά της, αυτό μπορεί να γραφτεί στη σελίδα της εικόνας, δίνοντας στους χρήστες τη δυνατότητα να το διαβάσουν ακολουθώντας το σύνδεσμο της μικρογραφίας (σε διαφορετική περίπτωση, η εικόνα θα εμφανιζόταν μόνη της στη σελίδα και το συνοδευτικό κείμενο δε θα φαινόταν πουθενά). Επίσης, οι μικρογραφίες εικόνων μπορούν να είναι μεγαλύτερες από τις εικόνες (οπότε αυτός είναι ένας τρόπος να μεγεθύνετε την εικόνα σας - αν και αυτό δεν συνιστάται γιατί η ποιότητα της εικόνας υποβαθμίζεται).

Για να εισάγετε τη μικρογραφία μιας εικόνας αντί για την ίδια την εικόνα, προσθέτετε απλώς στην αναφορά της τη λέξη thumb μετά από μία κάθετο.

[[Εικόνα:Name_of_Image.ext|thumb|Εδώ γράφετε τη λεζάντα της μικρογραφίας]]

Το αποτέλεσμα του παραπάνω κώδικα είναι:

Εδώ γράφετε τη λεζάντα της μικρογραφίας

Ακολουθήστε το σύνδεσμο για να δείτε τη σελίδα της εικόνας.

Σημείωση: για να ξεχωρίσετε τις μικρογραφίες από τις εικόνες σε πλαίσιο, παρατηρήστε τα δύο μικρά παραλληλόγραμμα που βρίσκονται στην κάτω δεξιά γωνία κάθε μικρογραφίας. Αυτό υποδηλώνει πως το πλαίσιο είναι σύνδεσμος σε μια μεγαλύτερη εκδοχή της εικόνας.

Συνδυασμός μεθόδων

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

Για παράδειγμα, ας πούμε ότι θέλουμε τη μικρογραφία μιας εικόνας, στοιχισμένη στα αριστερά, σμικρυσμένη στα 70 εικονοστοιχεία πλάτος και με λεζάντα:

λεζάντα


[[Εικόνα:Panteleimon Monastery.jpg|thumb|left|70px|λεζάντα]]

Προσέξτε τι γίνεται εάν γράψετε αυτόν τον κώδικα:

[[Εικόνα:Panteleimon Monastery.jpg|right|left|right|left|right|left]]
Panteleimon Monastery.jpg

Όπως βλέπετε, η εικόνα εμφανίζεται αριστερά, σύμφωνα με την τελευταία παράμετρο.

Διάφορα εργαλεία

Μη αναδίπλωση

Εάν θέλετε το κείμενο να μην αναδιπλώνεται δίπλα σε μια εικόνα αλλά να ξεκινά μετά από αυτήν (για να αποφευχθεί αυτό που βλέπετε ακριβώς αριστερά από αυτό το κείμενο), προσθέτετε την εξής γραμμή HTML στο σημείο όπου θέλετε το κείμενο να πάψει να αναδιπλώνεται:

 <br style="clear:both"/> 

Εμφάνιση συνδέσμου αντί για εικόνα

Εάν θέλετε αντί για την εικόνα στη σελίδα σας να υπάρχει σύνδεσμος προς αυτή, αντί για Εικόνα, γράψτε Μέσον στην αναφορά της, όπως ακριβώς θα κάνατε με κάποιο άλλο πολυμέσο, όπως ένα αρχείο ήχου. Αυτός ο σύνδεσμος οδηγεί στην εικόνα αυτή καθεαυτή, όχι στη σελίδα της.

Εάν θέλετε ο σύνδεσμος να οδηγεί στη σελίδα της εικόνας, απλά προσθέστε μία άνω κάτω τελεία (":") πριν το Εικόνα στην αναφορά της εικόνας.

Μπορείτε στις παραπάνω αναφορές να προσδιορίσετε το κείμενο του συνδέσμου όπως ακριβώς θα γράφατε το κείμενο αντικατάστασης της εικόνας.