Εισαγωγή κώδικα iframe

Πώς να εισαγάγετε κώδικα iframe

Όταν δημιουργείτε ένα μάθημα, μπορείτε να χρησιμοποιήσετε κώδικα iframe για να το εμπλουτίσετε με υλικό από υπηρεσίες τρίτων, όπως Google Sheets, Google Forms, Wordwall ή παρουσιάσεις από το Canva, το Genial.ly και άλλες υπηρεσίες που επιτρέπουν την ενσωμάτωση κώδικα σε μια σελίδα. Έτσι, οι μαθητές μπορούν να συμπληρώνουν φόρμες και να βλέπουν παρουσιάσεις απευθείας μέσα στο μάθημα, χωρίς να φεύγουν από τη σελίδα.

Μπορείτε να βρείτε ένα ενδεικτικό μάθημα στον σύνδεσμο.

Πώς να εισαγάγετε κώδικα σε ένα μάθημα

Για να εισαγάγετε κώδικα σε ένα μάθημα, απλώς προσθέστε το στοιχείο Κείμενο, Εικόνα, Ενσωμάτωση κώδικα.

Στη συνέχεια, επιλέξτε το κουμπί Ενσωμάτωση κώδικα στη γραμμή εργαλείων και επικολλήστε τον κώδικα.

Για να αλλάξετε το ύψος ή το πλάτος ενός ενσωματωμένου αντικειμένου (παρουσίασης, υπολογιστικού φύλλου, παιχνιδιού κ.λπ.), προσθέστε διαστάσεις στον κώδικα width="640" height="1000", εισάγοντας αριθμητικές τιμές κατάλληλες για το ενσωματωμένο αντικείμενο.

Πώς να βρείτε τον κώδικα ενσωμάτωσης

Google Forms

Ανοίξτε τη φόρμα που θέλετε να ενσωματώσετε σε ένα μάθημα ή μια εργασία. Κάντε κλικ στο Αποστολή, επιλέξτε το εικονίδιο κώδικα και αντιγράψτε τον κώδικα. Μπορείτε επίσης να προσαρμόσετε τις διαστάσεις της φόρμας στο ίδιο παράθυρο.

Google Sheets

Ανοίξτε το υπολογιστικό φύλλο που θέλετε να μοιραστείτε. Μεταβείτε στο Αρχείο – Κοινή χρήση – Δημοσίευση στον ιστό – Ενσωμάτωση και επιλέξτε αν θα ενσωματώσετε ένα φύλλο ή ολόκληρο το έγγραφο. Μετά την επιβεβαίωση, θα δημιουργηθεί ένας κώδικας που μπορείτε να χρησιμοποιήσετε σε ένα μάθημα ή μια εργασία στο Kwiga. Να θυμάστε ότι μπορείτε να προσαρμόσετε τις διαστάσεις χρησιμοποιώντας το width="640" height="1000" (εισαγάγετε όποιες τιμές προτιμάτε).

Canva

Ανοίξτε την παρουσίαση ή το σχέδιο στο Canva που θέλετε να χρησιμοποιήσετε σε ένα μάθημα ή κουίζ. Κάντε κλικ στο Κοινή χρήση – Περισσότερα – Ενσωμάτωση, συμφωνήστε να γίνει η παρουσίαση δημόσια και δημοσιεύστε τη. Χρησιμοποιήστε τον κώδικα ενσωμάτωσης HTML.

Genial.ly

Βεβαιωθείτε ότι έχετε δημοσιεύσει την παρουσίασή σας στο Genial.ly. Δεν μπορείτε να κοινοποιήσετε μια πρόχειρη ή ιδιωτική παρουσίαση.

Στη συνέχεια, απλώς κάντε κλικ στο Κοινή χρήση δίπλα στο κουμπί Παρουσίαση , επιλέξτε Ενσωμάτωση και αντιγράψτε τον κώδικα iframe.

Για να αλλάξετε τις διαστάσεις της ενσωματωμένης παρουσίασης, επεξεργαστείτε τις παραμέτρους ύψους και πλάτους.

WordWall

Ανοίξτε το υλικό που θέλετε να προσθέσετε σε ένα μάθημα ή μια εργασία στο Kwiga και κάντε κλικ στο Κοινή χρήση, επιλέξτε το εικονίδιο κώδικα και διαλέξτε iframe (είναι προεπιλεγμένο). Αντιγράψτε τον κώδικα και χρησιμοποιήστε τον στο Kwiga.

Όπως πάντα, μπορείτε να προσαρμόσετε τις διαστάσεις του ενσωματωμένου υλικού αλλάζοντας τις τιμές πλάτους και ύψους.

Quizlet

Ανοίξτε τη σελίδα του κουίζ στο Quizlet και εντοπίστε το κουμπί Κοινή χρήση και το κουμπί με τις τρεις τελείες δίπλα του. Κάντε κλικ στις τρεις τελείες και επιλέξτε Ενσωμάτωση:

Στο παράθυρο που ανοίγει, μπορείτε να αλλάξετε τη λειτουργία μελέτης και να αντιγράψετε τον κώδικα στο κάτω μέρος για να τον προσθέσετε στη σελίδα του μαθήματός σας (επισημαίνεται με κίτρινο χρώμα):

Dropbox

Μπορείτε να ενσωματώσετε σε ένα μάθημα βίντεο που έχουν μεταφορτωθεί στο Dropbox. Για να το κάνετε αυτό, αποκτήστε έναν άμεσο σύνδεσμο προς το αρχείο βίντεο (όχι τον σύνδεσμο που παρέχει το κουμπί Κοινή χρήση στο Dropbox!) και ενσωματώστε το ως iframe.

Αποδεχτείτε τα cookies για να δείτε το ενσωματωμένο περιεχόμενο. Άνοιγμα σε νέα καρτέλα

Τα βήματα παρουσιάζονται παρακάτω:

1. Ανοίξτε τον λογαριασμό σας στο Dropbox, βρείτε το αρχείο και κάντε κλικ στην επιλογή Κοινή χρήση. Βεβαιωθείτε ότι οποιοσδήποτε έχει τον σύνδεσμο μπορεί να δει το αρχείο και, στη συνέχεια, αντιγράψτε τον σύνδεσμο σε ένα πρόγραμμα επεξεργασίας κειμένου.

2. Στο τέλος του συνδέσμου θα βρείτε το dl=0, το οποίο πρέπει να αντικαταστήσετε με το raw=1. Το παρακάτω στιγμιότυπο οθόνης δείχνει δύο συνδέσμους: τον αρχικό σύνδεσμο που αντιγράψατε στο βήμα 1, και τον τροποποιημένο σύνδεσμο από κάτω.

3. Αντιγράψτε τον τροποποιημένο σύνδεσμο (τον κάτω) στη γραμμή διευθύνσεων του προγράμματος περιήγησής σας και πατήστε Enter. Στη γραμμή διευθύνσεων θα εμφανιστεί τότε μια διαφορετική διεύθυνση URL. Αυτός είναι ο άμεσος σύνδεσμος προς το αρχείο που χρειάζεστε για το μάθημα.

4. Ανοίξτε το μάθημα και προσθέστε ένα μπλοκ Κείμενο, εικόνα, ενσωμάτωση κώδικα στο σημείο όπου θέλετε να εισαγάγετε το βίντεο. Κάντε κλικ στο +, προσθέστε κώδικα HTML , επιλέξτε iframeκαι επικολλήστε τη διεύθυνση URL του βίντεο (που αποκτήσατε στο βήμα 3) στο πεδίο συνδέσμου:

Λάβετε υπόψηότι το βίντεο μεταδίδεται από τους διακομιστές του Dropbox. Η ταχύτητα και η ποιότητα αναπαραγωγής εξαρτώνται αποκλειστικά από το Dropbox. Το Dropbox ενδέχεται επίσης να επιβάλλει περιορισμούς, που περιγράφονται εδώ: περιορισμοί εύρους ζώνης.