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

Transcript

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

2 Διδακτική ώρα: 21 η -22 η Στην ενότητα αυτή θα δημιουργήσετε συνδέσμους που οδηγούν σε άλλες ιστοσελίδες, άλλα άρθρα του ιστοτόπου σας ή άλλα αρχεία. Προετοιμασία: Κατεβάστε και αποθηκεύστε στον υπολογιστή σας τα αρχεία: Δείτε την εικόνα και απαντήστε στις ερωτήσεις του pdf αρχείου που μόλις κατεβάσατε. Βήμα 1 ο : Δημιουργία άρθρου Δημιουργήστε ένα άρθρο με τίτλο Εισαγωγή συνδέσμων, που ανήκει στην κατηγορία Εξάσκηση, με το ακόλουθο περιεχόμενο: 2

3 Βήμα 2 ο : Εισαγωγή συνδέσμου που οδηγεί σε εξωτερικό ιστότοπο Από μια άλλη καρτέλα του browser σας αντιγράψτε τη δ/νση του 6 ου ΓΕΛ: Πίσω στο άρθρο σας: Επιλέξτε τις λέξεις 6 ου ΓΕΛ Καβάλας και μετά το εικονίδιο Ιnsert/Edit link : 3

4 Επικολλήστε την δ/νση στο πεδίο URL και στο πεδίο Target επιλέξτε Open in new window: Επιλέξτε Insert: Αν θέλετε να αλλάξετε κάποιο από τα στοιχεία του συνδέσμου, τοποθετήστε τον δείκτη του ποντικιού μέσα στο κείμενο του συνδέσμου και επιλέξτε ξανά το εικονίδιο Ιnsert/Edit link. Αν θέλετε να καταργήσετε τον σύνδεσμο τοποθετήστε τον δείκτη του ποντικιού μέσα στο κείμενο του συνδέσμου και επιλέξτε το εξ αριστερών διπλανό εικονίδιο Unlink. 4

5 Βήμα 3 ο : Εισαγωγή συνδέσμου που οδηγεί σε άρθρο του ιστότοπού μου Επιλέξτε τις λέξεις πρώτο άρθρο και μετά το εικονίδιο Ιnsert/Edit link : Στη συνέχεια επιλέξτε διαδοχικά: Content (όλο το περιεχόμενο), Εξάσκηση (την κατηγορία του άρθρου που επιθυμείτε), Εισαγωγή και μορφοποίηση απλού κειμένου (το ίδιο το άρθρο). Στο πεδίο Target επιλέξτε Open in current window/frame: Επιλέξτε Insert. Αποθηκεύστε το άρθρο. 5

6 Βήμα 4 ο : Εισαγωγή συνδέσμου που οδηγεί σε αρχείο που ανέβασα στον ιστότοπό μου Πρώτα πρέπει να ανεβάσετε το αρχείο. Αυτό μπορεί να το κάνει η εφαρμογή JCE Editor. Επιλέξτε Εφαρμογές JCE Editor Control Panel: Επιλέξτε File Browser: 6

7 Το περιβάλλον είναι πανομοιότυπο με εκείνο που ανεβάσατε τις εικόνες με τη διαφορά ότι μας επιτρέπει να ανεβάσουμε διάφορους τύπους αρχείων: Δημιουργείστε έναν φάκελο (ξέρετε πως!) με το όνομα arxeia. Μετακινηθείτε στον φάκελο arxeia και ανεβάστε το αρχείο: που κατεβάσατε στην αρχή: 7

8 Κλείστε την εφαρμογή και επιστρέψτε στην επεξεργασία του άρθρου. Επιλέξτε τις λέξεις αρχείο pdf και μετά το εικονίδιο Ιnsert/Edit link. Επιλέξτε Browse. 8

9 Από τον φάκελο arxeia διαλέξτε το them_fis_gen_hmer_esp_no_1405.pdf Σαν Target διαλέξτε Open in new window και επιλέξτε Insert. 9

10 Βήμα 5 ο : Εικόνα-σύνδεσμος Αντί για κείμενο, μπορεί μια εικόνα να γίνει σύνδεσμος προς π.χ. μια εξωτερική ιστοσελίδα. Επιλέξτε την εικόνα του άρθρου και με τα γνωστά, πλέον, βήματα δημιουργείστε σύνδεσμο τέτοιον ώστε όταν ο επισκέπτης κλικάρει την εικόνα, σε μια νέα καρτέλα του φυλλομετρητή, να ανοίγει το άρθρο της ελληνικής Βικιπαίδεια που αναφέρεται στην Καβάλα. Αποθηκεύστε. 10

11 Βήμα 6 ο : Σύνδεση με άλλες εφαρμογές Πρώτα θα ρυθμίσετε (εφ άπαξ) τον JCE Editor να επιτρέπει htm και html προεκτάσεις. Επιλέξτε JCE Editor Profiles: Επιλέξτε Default: 11

12 Επιλέξτε Plugin Parameters, μετά File Browser (από την αριστερή στήλη) και στη συνέχεια το εικονίδιο στον κόκκινο κύκλο: Επιλέξτε Add new group: 12

13 Ονομάστε το html: Επιλέξτε new type και συμπληρώστε (htm και html) όπως στη παρακάτω εικόνα: Αποθηκεύστε τις ρυθμίσεις. 13

14 Πολλές εφαρμογές όπως π.χ. excel, geogebra, hot potatos, flipbook μπορούν να εξάγουν (η να αποθηκεύσουν ως) το περιεχόμενό τους σε μορφή html (προέκταση αρχείου.htm ή.html). (Σε πολλές περιπτώσεις δεν είναι μόνο ένα html αρχείο αλλά συνοδεύεται από περισσότερα αρχεία ή/και φακέλους. Πάντως σε κάθε περίπτωση υπάρχει ένα αρχικό αρχείο το οποίο ονομάζεται index.htm ή index.html ή με κάποιο όνομα που εσείς πληκτρολογήσατε κατά την εξαγωγή (ή αποθήκευση ως) της εφαρμογής.) Αν θέλετε το περιεχόμενο αυτό να είναι προσβάσιμο από κάποιο άρθρο του δικτυακού σας τόπου μπορείτε να το κάνετε ως εξής: 1. Δημιουργείστε έναν νέο φάκελο με όνομα της επιλογής σας (π.χ. application) 2. Εξάγετε (ή αποθηκεύστε ως) το περιεχόμενο της εφαρμογής στον φάκελο αυτό (application). 3. Συνδεθείτε μέσω FTP Filezilla με τον ιστότοπό σας και μεταφορτώστε όλο τον φάκελο (application) μέσα στον φάκελο images του ιστότοπού σας 4. Επεξεργαστείτε το άρθρο και δημιουργείστε σύνδεσμο προς το αρχείο index.htm ή index.html ή με κάποιο όνομα που εσείς πληκτρολογήσατε κατά την εξαγωγή (ή αποθήκευση ως) που βρίσκεται μέσα στο φάκελο (application) που έχετε ήδη μεταφορτώσει με το FTP Filezilla (η διαδικασία είναι παρόμοια μ αυτή του δεύτερου μισού του βήματος 4 (από το σημείο που λέει Κλείστε την εφαρμογή και επιστρέψτε στην επεξεργασία του άρθρου.) 14