Joomla - Άσκηση 10 - Εικόνες - Μεταφόρτωση (upload)

Δοκιμασμένο σε Joomla 2.5.8 και Gimp 2.6.10, εκτύπωση σε firefox

• Νέα : Μεταφόρτωση μέσω joomla και ftp

• Έχουμε ήδη βρει 6 εικόνες τις οποίες έχουμε επεξεργαστεί με το Gimp ώστε να είναι στο κατάλληλο μέγεθος. Το επόμενο βήμα είναι να τις μεταφόρτωσουμε (upload) στον Ιστότοπό μας μέσω joomla ή μέσω ftp ώστε στην συνέχεια να τις εισάγουμε στα αντίστοιχα άρθρα Κέρκυρα και Παρίσι

ΕΙΚΟΝΕΣ

1. ΜΕΤΑΦΟΡΤΩΣΗ ΕΙΚΟΝΩΝ - FTP - Filezilla
   • Για την ακόλουθη διαδικασία θα πρέπει να έχουμε ήδη εγκατεστημένο ένα πρόγραμμα-πελάτη FTP όπως είναι το filezilla
   • Θα πρέπει να υπάρχει επίσης πρόσβαση ftp στον server που υπάρχει το site μας και να μας έχουν δοθεί οι πληροφορίες σύνδεσης Όνομα διακομιστή (hostname), Θύρα (port), Όνομα χρήστη (username), και κωδικός (password)
   • Τέλος o web server θα πρέπει να εκτελείται με suexec (προνόμια χρήστη).
   1. Εκκινούμε τον filezilla και πηγαίνουμε Αρχείο / Διαχειριστής Τοποθεσιών
   2. Πατάμε κάτω αριστερά στο κουμπάκι Νέα Τοποθεσία. Ως όνομα αλλάζουμε το Νέα Τοποθεσία σε κάτι άλλο π.χ. epal
   3. Στο πεδίο Κόμβος (Όνομα διακομιστή-hostname) εισάγουμε την διεύθυνση του server π.χ. lserver
   4. Δεξιά στο πεδίο Θύρα (port) εισάγουμε την θύρα επικοινωνίας του server, αν μας έχει δοθεί. Αλλιώς το αφήνουμε κενό οπότε θεωρείται η προκαθορισμένη (21).
   5. Στο πεδίο Τύπος Σύνδεσης επιλέγουμε Κανονική
   6. Στο πεδίο Χρήστης (username) εισάγουμε το όνομα χρήστη και στο πεδίο Κωδικός τον κωδικό μας.
   7. Τέλος πατάμε στο κουμπί Σύνδεση
   8. Εάν καταφέραμε να συνδεθούμε θα μας εμφανιστεί ένα πλαίσιο αριστερά Τοπική Τοποθεσία με τα τοπικά αρχεία στον Υπολογιστή μας και ένα πλαίσιο δεξιά Απομακρυσμένη Τοποθεσία με τα αρχεία στον ftp server. Για καλύτερη εμφάνιση πηγαίνουμε στο μενού Προβολή και ξετσεκάρουμε το Δομή τοπικών φακέλων και Δομή απομακρυσμένων φακέλων
   9. Βρίσκουμε από το πλαίσιο Τοπική Τοποθεσία τον φάκελο mathimata/html/joomla/eikones που έχουμε τις εικόνες μας.
   10. Στο πλαίσιο Απομακρυσμένη Τοποθεσία βρίσκουμε τον φάκελο public_html/www/joomla/images. Έχει ήδη κάποιους φακέλους και αρχεία. ΠΡΟΣΟΧΗ! ΔΕΝ σβήνουμε το αρχείο index.html το οποίο παρέχει ασφάλεια στο site, σβήνουμε banners, sampledata και αρχεία όπως joomlablack.gif κτλ.
   • ΠΡΟΣΟΧΗ! εάν ο web server δεν εκτελείται με δικαιώματα χρήστη (suexec) δεν ανεβάζουμε αρχεία καθώς δεν θα μπορούμε να τα χρησιμοποιήσουμε από το Joomla.
2. ΜΕΤΑΦΟΡΤΩΣΗ ΕΙΚΟΝΩΝ - Joomla - Διαχείριση Πολυμέσων
   • Θα δούμε την διαδικασία για να ανεβάσουμε εικόνες και άλλα αρχεία στο joomla
   1. Ενώ βρισκόμαστε στην ΔΙΑΧΕΙΡΙΣΗ του site πηγαίνουμε Περιεχόμενο / Διαχείριση Πολυμέσων
   2. Πληκτρολογούμε kerkyra δεξιά από το πεδίο /home/username/public_html/www/joomla/images. Πατάμε στην συνέχεια στο κουμπί Δημιουργία Φακέλου. Ο φάκελος kerkyra δημιουργήθηκε.
   3. Με όμοιο τρόπο δημιουργούμε και τον φάκελο paris
   4. Μπαίνουμε μέσα στον φάκελο kerkyra και πατάμε στο κουμπί Αναζήτηση. Πηγαίνουμε στον φάκελο mathimata/html/joomla/eikones/kerkyra
   5. Στο παράθυρο επιλογής αρχείων, βρίσκουμε και επιλέγουμε (με πατημένο το CTRL) τις 3 εικόνες kerkyra1-small.jpg, kerkyra2-small.jpg, kerkyra3-small.jpg και πατάμε Άνοιγμα. Στην συνέχεια πατάμε Έναρξη Μεταφόρτωσης
   6. Με όμοιο τρόπο μπαίνουμε στον φάκελο paris και μεταφορτώνουμε τις εικόνες paris1-small.jpg, paris2-small.jpg, paris3-small.jpg.
   7. Ομοίως τα αρχεία kerkyra1.jpg, kerkyra2.jpg, kerkyra3.jpg στον φάκελο kerkyra και τα paris1.jpg, paris2.jpg, paris3.jpg στον φάκελο paris.