Joomla - Εισαγωγή 2 εικόνων σε ένα άρθρο

Από Το wiki του σεμιναρίου
Μετάβαση σε: πλοήγηση, αναζήτηση

ΒΗΜΑΤΑ ΓΙΑ ΤΗΝ ΠΡΟΣΘΗΚΗ ΔΥΟ ΕΙΚΟΝΩΝ ΣΕ ΕΝΑ ΑΡΘΡΟ ΣΤΟ JOOMLA



ΒΗΜΑ 1: ΣΥΝΔΕΣΗ ΣΤΟ ΠΕΡΙΒΑΛΛΟΝ ΔΙΑΧΕΙΡΙΣΗΣ ΤΟΥ JOOMLOSITE.

  • Συνδεθείτε ως διαχειριστές στον ιστοχώρο joomla που δημιουργήσατε στο Πανελλήνιο Σχολικό Δίκτυο. Το site σας (FrontEnd) έχει διεύθυνση http://users.sch.gr/username/site (όπου username το όνομα χρήστη στο σχολικό δίκτυο και site το όνομα του φακέλου όπου εγκαταστήσατε το joomla). Για να το διαχειριστείτε πρέπει να συνδεθείτε στην διεύθυνση (BackEnd) http://users.sch.gr/username/site/administrator. Για παράδειγμα αν ο χρήστης είναι ο bdaloukas πρέπει να πληκτρολογηθεί: http://users.sch.gr/bdaloukas/site/administrator
  • Στην οθόνη εισόδου στο περιβάλον διαχείρισης (που εμφανίζεται από την προηγούμενήσας ενέργεια) πληκτρολογήσετε τα στοιχεία σύνδεσής σας (Όνομα Χρήστη και Κωδικό) και πατήστε Σύνδεση.

Παρατήρηση: τα στοιχεία σύνδεσης είναι τα ίδια που δηλώσατε στην άσκηση 13.1 και τα οποία χρησιμοποιήσατε για να συνδεθείτε και να κάνετε τις εργασίες 13.2, 13.3, 13.4 και 13.5



ΒΗΜΑ 2: ΔΗΜΙΟΥΡΓΙΑ ΦΑΚΕΛΟΥ photos ΣΤΟ ΦΑΚΕΛΟ ΠΟΛΥΜΕΣΩΝ ΤΗΣ JOOMLOΣΕΛΙΔΑΣ ΣΑΣ ΚΑΙ ΜΕΤΑΦΟΡΤΩΣΗ (ΑΝΕΒΑΣΜΑ) ΔΥΟ ΦΩΤΟΓΡΑΦΙΩΝ ΑΠΟ ΤΟΝ ΥΠΟΛΟΓΙΣΤΗ ΣΑΣ (ΤΟΠΙΚΑ) ΣΤΟ ΦΑΚΕΛΟ ΑΥΤΟΝ (ΣΤΟ ΣΕΡΒΕΡ ΤΟΥ ΣΧΟΛΙΚΟΥ ΔΙΚΤΥΟΥ, ΑΡΑ ΣΤΟ ΙΝΤΕΡΝΕΤ).

  • Επιλέξτε με τη σειρά από το μενού Περιεχόμενο ----> Διαχείριση Πολυμέσων ή απλώς πατήστε το εικονίδιο Διαχείριση Πολυμέσων (από τον πίνακα ελέγχου). Με την επιλογή αυτή ανοίγει ο φάκελος όπου είναι αποθηκευμένα τα αρχεία πολυμέσων (εικόνες) που χρησιμοποιούνται ήδη από το joomla. Στον φάκελο αυτό υπάρχουν ήδη κάποιοι φάκελοι.
  • Μεταβείτε στο πλαίσιο κειμένου κάτω δεξιά (δες φωτογραφία κάτω) (δεξιά από το λεκτικό users...../images) και πληκτρολογήσετε το όνομα photos για τον φάκελο που θέλετε να δημιουργήσετε (καλό είναι να χρησιμοποιήσετε μικρά λατινικά γράμματα)


Photo 2.png


  • Στη συνέχεια πατήστε το κουμπί Δημιουργία Φακέλου. Με τον τρόπο αυτό δημιουργείται ο φάκελος photos. Μέσα σε αυτόν θα ανεβάσετε δύο φωτογραφίες
  • Εισέλθετε στο φάκελο photos κάνοντας αριστερό κλικ στο εικονίδιο του φακέλου. Εμφανίζεται ο φάκελος σας που είναι άδειος.


Phoro 3.png


  • Πατήστε το κουμπί Αναζήτηση (δες φωτογραφία πάνω). Ανοίγει ένα παράθυρο πλοήγησης.
  • Με τη βοήθεια του παραθύρου αυτού, ψάξτε στον υπολογιστή σας, το αρχείο εικόνας που θέλετε να ανεβάσετε και επιλέξτε το.
  • Πατήστε Άνοιγμα. Το όνομα και η διαδρομή στο σκληρό δίσκο του αρχείου που επιλέχτηκε εμφανίζεται στο πλαίσιο κειμένου αριστερά από το κουμπί Αναζήτηση.
  • Πατήστε το κουμπί Έναρξη Μεταφόρτωσης (προτείνεται να μην εισάγετε μεγάλου μεγέθους φωτογραφίες λόγω ΠΣΔ και καλό είναι το όνομα των αρχείων των φωτογραφιών να είναι με μικρά λατινικά γράμματα). Αν όλα πήγαν καλά θα δείτε στην κεντρική οθόνη του φακέλου photos το αρχείο σας σε μικρογραφία.
  • Επαναλάβετε τα τέσσερα προηγούμενα στάδια του βήματος 2, ώστε να ανεβάσετε ένα ακόμα αρχείο εικόνας



ΒΗΜΑ 3: ΔΗΜΙΟΥΡΓΙΑ ΝΕΟΥ ΑΡΘΡΟΥ

  • Επιλέξτε με τη σειρά από το μενού Περιεχόμενο ---> Διαχείριση Άρθρων ----> Προσθήκη νέου άρθρου. Ανοίγει ένα νέο άρθρο.
  • Στην οθόνη αυτή συμπληρώστε τις βασικές επιλογές:
    • Τίτλο (π.χ. Φωτογραφίες)
    • Κατάσταση: Δημοσιευμένο (διαφορετικά δεν μπορεί να το δει ένας επισκέπτης της σελίδας)
    • Κύριο: Ναι (Να μπει στο πρωτοσέλιδο προκειμένου να είναι προσβάσιμο από την κεντρική σελίδα/
  • Στο κείμενο του άρθρου γράψτε κάτι σχετικά με το θέμα που σας ενδιαφέρει.



ΒΗΜΑ 4: ΕΝΣΩΜΑΤΩΣΗ ΤΩΝ 2 ΦΩΤΟΓΡΑΦΙΩΝ ΣΤΟ ΑΡΘΡΟ

  • Πηγαίνετε στη γραμμή του άρθρου στην οποία θέλετε να γίνει η εισαγωγή της εικόνας (δείτε και εικόνα που ακολουθεί).


JoomlaImage1A.JPG


  • Πατήστε το κουμπί εικόνα που βρίσκεται κάτω από το παράθυρο κειμένου.

Επιλογή 1:

  • Στο νέο παράθυρο που ανοίγει (δείτε παρακάτω εικόνα) πατήστε διπλό αριστερό κλικ στο φάκελο photos για να ανοίξει και να δείτε τις φωτογραφίες που ανεβάσατε προηγουμένως.


Joomlaphoto3.JPG

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

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

Επιλογή 2:

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

JoomlaΙmage2.JPG

  • Αρχικά επιλέγετε από το φάκελο photos το αρχείο που θέλετε να εισάγετε. Θα παρατηρήσετε ότι στο πεδίο URL (Γραμμή Διεύθυνσης) εμφανίζεται το όνομα του αρχείου αυτού.
  • Στο πεδίο Alternate Text μπορείτε να εισάγετε επεξήγηση για την εικόνα αυτή, που θα εμφανίζεται εάν μείνει ακίνητος ο κέρσορας για λίγα δευτερόλεπτα πάνω στην εικόνα.
  • Στη δεύτερη καρτέλα που έχει το όνομα Rollover, μπορείτε να εισάγετε μια δεύτερη εικόνα που θα εναλλάσσεται με την προηγούμενη όταν μεταφέρετε τον κέρσορα πάνω στην πρώτη εικόνα που έχετε εισάγει. Tο πεδίο Mouseover αναφέρεται στην εικόνα που εμφανίζεται μόλις μεταφέρετε τον κέρσορα πάνω στην αρχική και συμπληρώνεται αυτόματα μόλις επιλέξετε την δεύτερη εικόνα που προαναφέραμε από το φάκελο photos. Το πεδίο Mouseout εμφανίζει απλώς την εικόνα που έχετε επιλέξει να εμφανίζεται όταν ο κέρσορας δεν είναι πάνω της.

JoomlaImage3A.JPG

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


  • Στη συνέχεια επιλέξτε την Προβολή Ιστότοπου για να δείτε το αποτέλεσμα των ενεργειών σας (Η σελίδα σας εμφανίζεται σε νέα καρτέλα).
  • Αν δεν σας ικανοποιεί το αποτέλεσμα επιστρέφετε στη σελίδα διαχείρισης και κάνετε τις απαραίτητες τροποποιήσεις.