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 ώστε στην συνέχεια να τις εισάγουμε στα αντίστοιχα άρθρα Κέρκυρα και Παρίσι
ΕΙΚΟΝΕΣ
- ΜΕΤΑΦΟΡΤΩΣΗ ΕΙΚΟΝΩΝ - FTP - Filezilla
- Για την ακόλουθη διαδικασία θα πρέπει να έχουμε ήδη εγκατεστημένο ένα πρόγραμμα-πελάτη FTP όπως είναι το 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/ergastirio/joomla/askisi10.txt · Last modified: by 127.0.0.1




