Σημειώσεις του σεμιναρίου: Δημιουργία εκπαιδευτικού ιστότοπου με χρήση του λογισμικού Joomla

Transcript

1 Σημειώσεις του σεμιναρίου: Δημιουργία εκπαιδευτικού ιστότοπου με χρήση του λογισμικού Joomla 1

2 Διδακτική ώρα: 25 η -26 η Στην ενότητα αυτή θα ενσωματώσετε video από το youtube σε ένα άρθρο και επιπλέον θα διαμορφώστε την αρχική σας σελίδα. Βήμα 1 ο : Ρυθμίσεις του JCE editor ώστε να επιτρέπει την εντολή iframe Η εντολή iframe της HTML είναι αυτή η οποία μας επιτρέπει να ενσωματώνουμε video και άλλες εφαρμογές σε μια HTML σελίδα (άρθρο). Ωστόσο η δυνατότητα εισαγωγής της εντολής αυτής είναι αρχικά απενεργοποιημένη στον JCE editor. Για το λόγο αυτό, πριν επιχειρήσουμε να εισάγουμε οποιοδήποτε video θα την ενεργοποιήσουμε (εφ άπαξ). Επιλέξτε Εφαρμογές->JCE Editor Profiles : 2

3 Επιλέξτε Editor Profiles και μετά Default : Επιλέξτε Plugin Parameters : 3

4 Κυλήστε το παράθυρο και επιλέξτε Media Support : Πείτε Yes σε όλα! Και ειδικά στο Allow IFrames. 4

5 Αποθηκεύστε: 5

6 Βήμα 2 ο : Ενσωμάτωση video Επισκεφτείτε το Youtube και αναζητήστε ένα video για την Καβάλα. Παρακολουθείστε το να παίζει και με δεξί κλικ πάνω στο video επιλέξτε Get embed code η (Λήψη κώδικα ενσωμάτωσης στα ελληνικά). Θα εμφανιστεί ένα παραθυράκι με τον κώδικα ενσωμάτωσης. 6

7 Σιγουρευτείτε ότι είναι επιλεγμένο και με δεξί κλικ επιλέξτε αντιγραφή: Συνδεθείτε σαν administrator στον ιστότοπό σας και επεξεργαστείτε το άρθρο Εισαγωγή εικόνας 1 (αυτό με περιεχόμενο για την Καβάλα). Επιλέξτε με κλικ [Toggle Editor]. Θα εμφανιστούν οι εντολές HTML που υλοποιούν το άρθρο: 7

8 Μετακινήστε το δρομέα στο τέλος του κειμένου και κάντε Επικόλληση. Θα επικολληθεί η εντολή iframe που ενσωματώνει το video. Οι παράμετροι width= 640 και height= 390 καθορίζουν τις διαστάσεις του. Μπορείτε να τις αλλάξετε αν θέλετε. Αλλάξτε τες σε width= 320 και height=

9 Επιλέξτε πάλι με κλικ [Toggle Editor]. Θα εμφανιστεί το άρθρο στον JCE Editor. Στη θέση του video θα εμφανιστεί ένα κίτρινο ορθογώνιο στις διαστάσεις του video. Επιλέξτε το και κεντράρετέ το: 9

10 Αποθηκεύστε το άρθρο και δείτε το: 10

11 Βήμα 3 ο : Διαμόρφωση της πρώτης σελίδας Πρακτικά η Joomla δίνει την δυνατότητα να κάνουμε πρώτη (Αρχική) σελίδα όποιο στοιχείο μενού θέλουμε. Εξ ορισμού (by default) όμως, σαν πρώτη σελίδα είναι ένα στοιχείο μενού (αυτό που λεγόταν Home και μετανομάσαμε Αρχή σε παλαιότερη ενότητα). Τόσο το στοιχείο μενού (εν προκειμένω το Αρχή) όσο και το μενού που το περιέχει (εν προκειμένω το Main Menou) σημαδεύονται από ένα πορτοκαλί αστεράκι: Μπορείτε να επιλέξετε να κάνετε όποιο άλλο στοιχείο μενού θέλετε σαν Αρχική αλλά δεν σας το συνιστώ 11

12 Επιλέξτε να επεξεργαστείτε το στοιχείο μενού Αρχή. Το Είδος Στοιχείου Μενού είναι Κύρια Άρθρα. Αυτό σημαίνει πως θα εμφανίζει στην πρώτη (αρχική) σελίδα όσα άρθρα χαρακτηρίζετε ως Κύρια. (Μέχρι στιγμής κανένα άρθρο δεν χαρακτηρίσατε Κύριο. Θα το κάνετε στο επόμενο στάδιο αφού εξηγήσουμε το πώς. Μη βιάζεστε.) Μπορείτε αν θέλετε να το αλλάξετε το Είδος Στοιχείου Μενού αλλά δεν σας το συνιστώ Από τις Επιλογές Σελιδοποίησης μπορείτε να διαλέξετε από ποιες κατηγορίες θα μπορούν να προέρχονται τα Κύρια Άρθρα, πόσα άρθρα και με ποιον τρόπο και σειρά θα εμφανίζονται. Αποθηκεύστε χωρίς να κάνετε (προς το παρόν) αλλαγή στις προκαθορισμένες ρυθμίσεις. Επιλέξτε Περιεχόμενο-> Διαχείριση Άρθρων και με κλικ στο αντίστοιχο πεδίο κάντε Κύρια 5-6 άρθρα από αυτά που έχετε γράψει. Ανάμεσα σ αυτά φροντίστε να είναι και το άρθρο Εισαγωγή Εικόνας 1 (αυτό για την Καβάλα). 12

13 Δείτε τώρα σαν επισκέπτης τον ιστότοπό σας. Τα άρθρα αυτά θα εμφανίζονται στην πρώτη σελίδα. 13

14 Για να καθορίσετε εσείς τη σειρά με την οποία θα εμφανίζονται εργαστείτε ως εξής: Επιλέξτε πάλι να επεξεργαστείτε το στοιχείο μενού Αρχή. Στο πεδίο Κατάταξη Κατηγοριών επιλέξτε Χωρίς Κατάταξη: Στο πεδίο Κατάταξη Άρθρων επιλέξτε Κατάταξη Κύριων Άρθρων: Αποθηκεύστε. Έστω τώρα ότι θέλετε το άρθρο Εισαγωγή Εικόνας 1 να εμφανίζεται πρώτο και το Εισαγωγή εικόνας 2 δεύτερο. 14

15 Επιλέξτε Περιεχόμενο Κύρια άρθρα. Η επιλογή αυτή εμφανίζει μόνο τα άρθρα που χαρακτηρίσατε Κύρια. Εντοπίστε τα άρθρα: 15

16 Αλλάξτε την αρίθμηση κατάταξής τους σε 0 (μηδέν) το άρθρο που θέλετε πρώτο και σε 1 (ένα) το άρθρο που θέλετε δεύτερο: Επιλέξτε Αποθήκευση Κατάταξης: Η Εισαγωγή Εικόνας 1 πήγε 1 ο αλλά η Εισαγωγή Εικόνας 2 πήγε 3 ο! Για γίνει δεύτερο πρέπει να αλλάξετε ξανά την αρίθμηση του Εισαγωγή Εικόνας 2. Quiz: Τι τιμή πρέπει να της δώσετε και γιατί; 16

17 Συνήθως τα πολύ μεγάλα άρθρα όταν εμφανίζονται στην πρώτη σελίδα (αλλά και σε στοιχεία μενού τύπου ιστολογίου) δεν θέλουμε να εμφανίζονται ολόκληρα παρά μόνο μια εισαγωγική παράγραφος και ένα κουμπί με την ένδειξη Περισσότερα ή read more που δίνει πρόσβαση σε ολόκληρο το άρθρο. Αυτό θα κάνετε και στο άρθρο Εισαγωγή Εικόνας 1. Επιλέξτε τη επεξεργασία του συγκεκριμένου άρθρου: Τοποθετήστε τον δρομέα στο τέλος της 1 ης παραγράφου ( κάτοικοι.) και κλικ στο εικονίδιο Insert Read More: Αποθηκεύστε. 17

18 Δείτε την αρχική σας σελίδα σαν επισκέπτης: Κάντε κλικ στο σύνδεσμο: Διαβάστε περισσότερα: Εισαγωγή εικόνας 1 Άσκηση: Γράψτε ένα άρθρο ( λέξεις) με τίτλο «Καλωσορίσατε στον ιστότοπό μου» (κατηγορίας uncategorized) με το οποίο καλωσορίζετε τον επισκέπτη στον ιστότοπό σας, του εξηγείτε σκοπούς και στόχους της ύπαρξής του και τον ενημερώνετε για το (τωρινό αλλά κυρίως μελλοντικό) περιεχόμενό του. Στη συνέχεια καταστήστε το άρθρο αυτό Κύριο και τοποθετήστε το πρώτο στην αρχική σελίδα. Μόλις τελειώσετε ξεκουραστείτε. 18