el:school:lessons:html:ergastirio:joomla:askisi10


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

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

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

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

ΕΙΚΟΝΕΣ


  1. ΜΕΤΑΦΟΡΤΩΣΗ ΕΙΚΟΝΩΝ - FTP - Filezilla
    • Για την ακόλουθη διαδικασία θα πρέπει να έχουμε ήδη εγκατεστημένο ένα πρόγραμμα-πελάτη FTP όπως είναι το filezilla
    • Θα πρέπει να υπάρχει επίσης πρόσβαση ftp στον server που υπάρχει το site μας και να μας έχουν δοθεί οι πληροφορίες σύνδεσης Όνομα διακομιστή (hostname), Θύρα (port), Όνομα χρήστη (username), και κωδικός (password)
    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, ούτε αρχεία που έχουμε ανεβάσει εμείς, όπως λογότυπο για το site μας. Σβήνουμε banners, headers , sampledata και αρχεία όπως joomlablack.gif κτλ.
    • ΠΡΟΣΟΧΗ! εάν ο web server δεν εκτελείται με δικαιώματα χρήστη (suexec) δεν ανεβάζουμε αρχεία καθώς δεν θα μπορούμε να τα χρησιμοποιήσουμε από το Joomla. (Ρωτήστε τον καθηγητή σας εάν είστε σε εργαστήριο)
  2. ΜΕΤΑΦΟΡΤΩΣΗ ΕΙΚΟΝΩΝ - Joomla - Διαχείριση Πολυμέσων
    • Θα δούμε την διαδικασία για να ανεβάσουμε εικόνες και άλλα αρχεία στο Joomla
    1. Πηγαίνουμε στην ΔΙΑΧΕΙΡΙΣΗ του site και από το μενού επιλέγουμε Περιεχόμενο / Διαχείριση Πολυμέσων
    2. Πατάμε Δημιουργία Νέου Φακέλου. Μας ανοίγει ένα πλαίσιο στο οποίο πληκτρολογούμε kerkyra και πατάμε στο κουμπί δεξιά του Δημιουργία Φακέλου. Ο φάκελος 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.
Filezilla - FTP σύνδεσηFilezilla - Διαγραφή φακέλων
Filezilla - uploadJoomla - Διαχειριστής Πολυμέσων


el/school/lessons/html/ergastirio/joomla/askisi10.txt · Last modified: Y/m/d H:i (external edit)