Αρχή

Εργασία 10.4: Εισαγωγή Block HTML στο μάθημα πρακτικής

Σε αυτή την εργασία θα δούμε πως μπορούμε να προσθέτουμε Block HTML και να κάνουμε την εμφάνιση του μαθήματος πρακτικής μας πιο ενδιαφέρουσα και ελκυστική! Στη συγκεκριμένη περίπτωση σας ζητάμε να εισάγετε ένα ρολόι σε μια από τις πλευρικές στήλες του μαθήματος. Με την ίδια διαδικασία μπορείτε να προσθέσετε και άλλα πρόσθετα όπως π.χ ένα εορτολόγιο, πληροφορίες καιρού κ.ά ακριβώς όπως κάνετε  και σε ένα blog ή στην ιστοσελίδα σας!

  1. Πηγαίνουμε στην ιστοσελίδα  http://flash-clocks.com και από εκεί επιλέγουμε κάποιο ρολόι που μας αρέσει από τις κατηγορίες free flash clocks που τις βλέπουμε στη δεξιά πλευρά. Έπειτα πατάμε "HTML Embed Tag" και αντιγράφουμε τον κώδικα που βλέπουμε.

  2. Στη συνέχεια μεταφερόμαστε στο μάθημα πρακτικής μας , επιλέγουμε "Ενεργοποίηση επεξεργασίας" και εντοπίζουμε την ενότητα "Προσθήκη ενός Block" στη δεξιά στήλη . Από το πτυσσόμενο μενού θα επιλέξουμε "HTML". Στο νέο μπλοκ που δημιουργείται (Νέο μπλοκ HTML) επιλέγουμε το εικονίδιο με το γρανάζι για να κάνουμε τις ακόλουθες ρυθμίσεις:
    α)Στην ενότητα "Block Settings" στη θέση "Τίτλος" γράφουμε τον τίτλο του μπλοκ π.χ. " Και η ώρα είναι…" Στη θέση "Περιεχόμενο" πατάμε το κουμπί "HTML" που βρίσκεται στην τρίτη γραμμή εργαλείων. Στο παράθυρο "Επεξεργαστής κώδικα ΗΤΜL" που ανοίγει θα κάνουμε "Eπικόλληση" (Paste) του κώδικα "ΗΤΜL" που έχουμε αντιγράψει στο βήμα 1. Πατάμε "Ενημέρωση" και επιστρέφοντας στο αρχικό παράθυρο του Περιεχομένου βλέπουμε το ρολόι που επιλέξαμε. 
    β) Στις παρακάτω ενότητες "Where the block appears" και "On this page"μπορούμε, αν θέλουμε, να ρυθμίσουμε τη θέση που θα εμφανίζεται το ρολόι.

Όταν ολοκληρώσουμε τις ρυθμίσεις μας πατάμε "Aποθήκευση αλλαγών".

  1. Ελέγχουμε το αποτέλεσμα όπως εμφανίζεται στο μάθημα της πρακτικής μας και αν θέλουμε πατάμε πάνω στο τίτλο του παραθύρου του ρολογιού  και όταν ο δείκτης του ποντικιού γίνει σταυρός σύρουμε το ρολόι πάνω ή κάτω  και το μεταφέρουμε στην επιθυμητή για εμάς θέση. Αν στο παράθυρο του ρολογιού μας εμφανίζεται η μπάρα κύλισης τότε θα πρέπει να επέμβουμε στον κώδικα της HTML που αντιγράψαμε στο βήμα 2 και να αλλάξουμε τις διαστάσεις του ρολογιού μας. Για να το κάνουμε αυτό πατάμε πάνω στο γρανάζι της επεξεργασίας που εμφανίζεται στο παράθυρο του ρολογιού και επιλέγουμε το κουμπί "HTML" στην τρίτη γραμμή  εργαλείων ώστε να δούμε τον κώδικα που ήδη έχουμε αντιγράψει. Στα περιεχόμενα του κώδικα εντοπίζουμε τις λέξεις width="x" height="ψ" και αλλάζουμε τις τιμές "x" και "ψ" ώστε να προσαρμόσουμε τις διαστάσεις του ρολογιού μας! Μπορείτε να πειραματιστείτε με τις τιμές αυτές ώστε να προσαρμοστούν  οι διαστάσεις στην πλευρική στήλη του Moodle! Εμείς σας προτείνουμε τιμές μεταξύ 180 με 200 χωρίς αυτό να είναι δεσμευτικό. Αρκεί να καταφέρετε να μην εμφανίζεται η μπάρα κύλισης! Μην ξεχάσετε κάθε φορά που αλλάζετε τις διαστάσεις στον κώδικα να πατάτε "Eνημέρωση και αποθήκευση αλλαγών"!

  2. Κατόπιν επιλέγουμε "Aπενεργοποίηση επεξεργασίας".

Υποβολή εργασίας : Για να απαντήσετε σε αυτή την εργασία υποβάλλετε ενεργό σύνδεσμο προς το μάθημα πρακτικής σας.