Αρχή

Σε αυτήν την εργασία ζητάμε να δημιουργήσετε  μεμονωμένα  άρθρα που θα εμπεριέχουν καρτέλες (Tabs) και ολισθητήρες (slides)

(Η χρησιμότητά τους πέρα από το αισθητικό αποτέλεσμα είναι ότι μπορούμε να γράφουμε άρθρα με πολλά κεφάλαια

με αρκετό περιεχόμενο χωρίς να είναι ολόκληρα «σεντόνια» στη σελίδα μας, και κυρίως για να μην χρειάζεται να ανανεώνεται ολόκληρη η ιστοσελίδα μας όταν ο χρήστης περνάει από το ένα κεφάλαιο στο άλλο, όπως θα συνέβαινε αν τα «κεφάλαια» ήταν και ξεχωριστά άρθρα)

Οι ενέργειες που θα χρειαστεί να κάνετε για να ολοκληρώσετε αυτή την εργασία είναι οι παρακάτω:

Για την συγκεκριμένη άσκηση συνίσταται η χρήση 2 παρόμοιων στη λειτουργία πρόσθετων Το tabs και το sliders τα οποία κατεβάζουμε στον υπολογιστή μας.

Ανοίγουμε την ιστοσελίδα μας ως διαχειριστές και από τα μενού της εκτελούμε τα παρακάτω.

Από τις Επεκτάσεις ==> την Διαχείριση Επεκτάσεων ==> την Μεταφόρτωση Αρχείου Εγκατάστασης ==> Αναζήτηση ==> Άνοιγμα ==> Μεταφόρτωση και Εγκατάσταση,

εγκαθιστούμε με τη σειρά τα 2 πρόσθετα στην ιστοσελίδα μας.

(το καθένα εγκαθιστά 2 plugins: Ένα το καθαυτό πρόσθετο και ένα για το «κουμπί» που θα προσθέσει στο κάτω μέρος του editor (JCE)

για ευκολία στη εισαγωγή του κώδικα που θα χρειαστούμε. Μπορούμε βέβαια να τον γράψουμε και μόνοι μας!)

Κατόπιν από Επεκτάσεις ==> την Διαχείριση Προσθέτων ελέγχουμε αν είναι ενεργοποιημένα τα:

Button - NoNumber Sliders

System - NoNumber Sliders

Button - NoNumber Tab

System - NoNumber Tab

 

Κατόπιν πηγαίνουμε  στο Περιεχόμενο ==>  Διαχείριση άρθρων ==> Προσθήκη νέου άρθρου

Παρατηρούμε ότι στο κάτω  μέρος του editor έχουν προστεθεί τα κουμπιά «Πρόσθεσε καρτέλες» και «Insert slides»

Πατώντας το πρώτο, εμφανίζεται στο σημείο που είναι ο κέρσοράς μας :

 

{tab Τίτλος Καρτέλας 1}

Το κείμενό σας...

{tab Τίτλος Καρτέλας 2}

Το κείμενό σας...

{/tabs}

Όπου το «Τίτλος Καρτέλας 1» το αντικαθιστούμε  με τον τίτλο που θέλουμε να έχει η καρτέλα, και το «Το κείμενό σας» το σβήνουμε

και στη θέση του βάζουμε το περιεχόμενο που θέλουμε να έχει το άρθρο μας σε αυτήν την καρτέλα (μπορεί να είναι οτιδήποτε έχει ένα άρθρο: κείμενο με εικόνες, βίντεο κλπ).

Μπορούμε και χειροκίνητα ή με αντιγραφή να γράψουμε τον κώδικα και για περισσότερες καρτέλες αρκεί να το γράψουμε πριν από το {/tabs}

Επίσης μπορούμε να δώσουμε χρώμα στην καρτέλα μας προσθέτοντας μέσα στις αγκύλες μετά από τον τίτλο

μια κάθετη γραμμή (|) και ένα από τα διαθέσιμα χρώματα: blue, green, orange, red, grey.

Για παράδειγμα:

{tab Τίτλος|blue} 

 

Με τον ίδιο τρόπο πατώντας το «insert slides» εμφανίζεται:

{slider Slider Title 1}

Το κείμενό σας...

{slider Slider Title 2}

Το κείμενό σας...

{/sliders}

Όπου για τίτλο του ολισθητήρα αντικαθιστούμε το «slider title 1» και όπως παραπάνω μπορούμε να τον χρωματίσουμε. Παράδειγμα:

{slider Τίτλος|orange}

 Υπάρχει και το βίντεο οδηγιών:

 Βίντεο οδηγιών

Παραδοτέο

Αυτά που θα πρέπει να κάνετε, ακολουθώντας τις οδηγίες, είναι:

  1. Να εγκαταστήσετε τα δυο πρόσθετα: tabs και slides
  2. Να γράψετε ένα νέο άρθρο, το οποίο θα έχει τουλάχιστον 3 καρτέλες και ένα δεύτερο άρθρο που θα έχει τουλάχιστον 3 ολισθητήρες (αν θέλετε και με χρώμα).
  3. Να δημιουργήσετε στο “main menu” (ή σε όποιο άλλο μενού που εμφανίζεται στην αρχική σας σελίδα θέλετε) δύο νέα στοιχεία μενού (υπο-μενού) που το καθένα
  4. θα ανοίγει ένα από τα 2 παραπάνω μεμονωμένα άρθρα που δημιουργήσατε.

Για να βαθμολογηθείτε για την εργασία  επιστρέψτε εδώ, στην εκφώνηση της, κάντε κλικ στο κουμπί Υποβολή της εργασίας και στο πλαίσιο

Υποβολή γράψτε ένα δεσμό προς τη διεύθυνση του site σας και τα ονόματα που δώσατε στα 2 στοιχεία μενού που δημιουργήσατε

Προσέξτε ότι:
α) Θα πρέπει ο σύνδεσμος να οδηγεί σε μια καινούρια εγκατάσταση του joomla, μια εγκατάσταση δηλαδή φτιαγμένη από εσάς ειδικά για τις απαιτήσεις του σεμιναρίου με joomla 3.4.
β) Η διεύθυνση εγκατάστασης θα πρέπει να είναι της μορφής http://users.sch.gr/username/joomla2015, όπου στην περίπτωσή σας, το μόνο που θα διαφέρει θα είναι το "username",  αντί του οποίου θα βάλετε το όνομα χρήστη που έχετε στο ΠΣΔ.