====== Joomla - Άσκηση 10 - Εικόνες - Μεταφόρτωση (upload) - Filezilla====== //Δοκιμασμένο σε Joomla 3.4.5 και Gimp 2.8.14, εκτύπωση σε firefox// * Νέα : **Μεταφόρτωση μέσω joomla και ftp** ---- * Έχουμε ήδη βρει 6 εικόνες τις οποίες έχουμε επεξεργαστεί με το Gimp ώστε να είναι στο κατάλληλο μέγεθος. Το επόμενο βήμα είναι να τις **μεταφόρτωσουμε** (upload) στον Ιστότοπό μας μέσω **joomla** ή μέσω **ftp** ώστε στην συνέχεια να τις **εισάγουμε** στα αντίστοιχα άρθρα **Κέρκυρα** και **Παρίσι** **ΕΙΚΟΝΕΣ** ---- - **ΜΕΤΑΦΟΡΤΩΣΗ ΕΙΚΟΝΩΝ - FTP** - Filezilla * Για την ακόλουθη διαδικασία θα πρέπει να έχουμε ήδη εγκατεστημένο ένα πρόγραμμα-πελάτη FTP όπως είναι το [[https://filezilla-project.org/|filezilla]] * Θα πρέπει να υπάρχει επίσης πρόσβαση ftp στον server που υπάρχει το site μας και να μας έχουν δοθεί οι πληροφορίες σύνδεσης //**Όνομα διακομιστή** (hostname), **Θύρα** (port), **Όνομα χρήστη** (username), και **κωδικός** (password)// - Εκκινούμε τον **filezilla** και πηγαίνουμε **Αρχείο / Διαχειριστής Τοποθεσιών** - Πατάμε κάτω αριστερά στο κουμπάκι **Νέα Τοποθεσία**. Ως όνομα αλλάζουμε το **Νέα Τοποθεσία** σε κάτι άλλο π.χ. **epal** - Στο πεδίο **Κόμβος** //(Όνομα διακομιστή-hostname)// εισάγουμε την διεύθυνση του server π.χ. **lserver** - Δεξιά στο πεδίο **Θύρα** //(port)// εισάγουμε την θύρα επικοινωνίας του server, αν μας έχει δοθεί. Αλλιώς το αφήνουμε κενό οπότε θεωρείται η προκαθορισμένη (21). (Αν είστε σε εργαστήριο ρωτήστε τον καθηγητή σας). - Στο πεδίο **Τύπος Σύνδεσης** επιλέγουμε **''Τυπικός''** - Στο πεδίο **Χρήστης** //(username)// εισάγουμε το όνομα χρήστη και στο πεδίο **Κωδικός** τον κωδικό μας. - Τέλος πατάμε στο κουμπί **Σύνδεση** - Εάν καταφέραμε να συνδεθούμε θα μας εμφανιστεί ένα πλαίσιο αριστερά **Τοπική Τοποθεσία** με τα τοπικά αρχεία στον Υπολογιστή μας και ένα πλαίσιο δεξιά **Απομακρυσμένη Τοποθεσία** με τα αρχεία στον ftp server. Για καλύτερη εμφάνιση πηγαίνουμε στο μενού **Προβολή** και ξετσεκάρουμε το **Δομή τοπικών φακέλων** και **Δομή απομακρυσμένων φακέλων** - Βρίσκουμε από το πλαίσιο **Τοπική Τοποθεσία** τον φάκελο **''mathimata/html/joomla/eikones''** που έχουμε τις εικόνες μας. - Στο πλαίσιο **Απομακρυσμένη Τοποθεσία** βρίσκουμε τον φάκελο **''public_html/www/joomla/images''**. Έχει ήδη κάποιους φακέλους και αρχεία. **ΠΡΟΣΟΧΗ! ΔΕΝ** σβήνουμε το αρχείο **''index.html''**, το οποίο παρέχει ασφάλεια στο site, ούτε αρχεία που έχουμε ανεβάσει εμείς, όπως λογότυπο για το site μας. Σβήνουμε **''banners''**, **''headers''** , **''sampledata''** και αρχεία όπως **''joomlablack.gif''** κτλ. * ΠΡΟΣΟΧΗ! εάν ο web server δεν εκτελείται με δικαιώματα χρήστη (suexec) **δεν ανεβάζουμε αρχεία** καθώς δεν θα μπορούμε να τα χρησιμοποιήσουμε από το Joomla. (Ρωτήστε τον καθηγητή σας εάν είστε σε εργαστήριο) !--Αλλιώς ανεβάζουμε τα αρχεία ως εξής. Από το αριστερό πλαίσιο επιλέγουμε (με πατημένο CTRL) τα αρχεία **''kerkyra1.jpg''**, **''kerkyra2.jpg''**, **''kerkyra3.jpg''** και τα σέρνουμε δεξιά στον φάκελο **''kerkyra''**. Ομοίως τα αρχεία **''paris1.jpg''**, **''paris2.jpg''**, **''paris3.jpg''**, τα σέρνουμε δεξιά στον φάκελο **''paris''** --! - **ΜΕΤΑΦΟΡΤΩΣΗ ΕΙΚΟΝΩΝ - Joomla** - Διαχείριση Πολυμέσων * Θα δούμε την διαδικασία για να ανεβάσουμε εικόνες και άλλα αρχεία στο **Joomla** - Πηγαίνουμε στην ΔΙΑΧΕΙΡΙΣΗ του site και από το μενού επιλέγουμε **Περιεχόμενο / Διαχείριση Πολυμέσων** - Πατάμε Δημιουργία Νέου Φακέλου. Μας ανοίγει ένα πλαίσιο στο οποίο πληκτρολογούμε **''kerkyra''** και πατάμε στο κουμπί **δεξιά** του **Δημιουργία Φακέλου**. Ο φάκελος **''kerkyra''** δημιουργήθηκε. - Με όμοιο τρόπο δημιουργούμε και τον φάκελο **''paris''** - Μπαίνουμε μέσα στον φάκελο **''kerkyra''**. Πατάμε στο κουμπί **Μεταφόρτωση** και στην συνέχεια το κουμπί **Αναζήτηση**. Πηγαίνουμε στον φάκελο **''mathimata/html/joomla/eikones/kerkyra''** - Στο παράθυρο επιλογής αρχείων, βρίσκουμε και επιλέγουμε **(με πατημένο το CTRL)** τις 3 εικόνες **''kerkyra1-small.jpg''**, **''kerkyra2-small.jpg''**, **''kerkyra3-small.jpg''** και πατάμε **Άνοιγμα**. Στην συνέχεια πατάμε **Έναρξη Μεταφόρτωσης** - Με όμοιο τρόπο μπαίνουμε στον φάκελο **''paris''** και μεταφορτώνουμε τις εικόνες **''paris1-small.jpg''**, **''paris2-small.jpg''**, **''paris3-small.jpg''**. - Ομοίως τα αρχεία **''kerkyra1.jpg''**, **''kerkyra2.jpg''**, **''kerkyra3.jpg''** στον φάκελο **''kerkyra''** και τα **''paris1.jpg''**, **''paris2.jpg''**, **''paris3.jpg''** στον φάκελο **''paris''**. |{{:el:school:lessons:html:filezilla_ftp_site_manager.jpg?400|Filezilla - FTP σύνδεση}}|{{:el:school:lessons:html:filezilla_folders_delete.jpg?400|Filezilla - Διαγραφή φακέλων}}| |{{:el:school:lessons:html:filezilla_images_upload.jpg?400|Filezilla - upload}}|{{:el:school:lessons:html:joomla_media_manager.jpg?400|Joomla - Διαχειριστής Πολυμέσων}}|